UNPKG

583 kBCSSView Raw
1div[class^='tsi-'] {
2 box-sizing: border-box;
3 font-family: "Segoe UI", sans-serif; }
4
5.tsi-textWrap {
6 overflow: hidden;
7 white-space: pre-wrap;
8 text-overflow: ellipsis;
9 hyphens: auto;
10 overflow-wrap: break-word; }
11
12.tsi-hidden {
13 display: none; }
14
15@keyframes tsi-slideIn {
16 from {
17 transform: translateY(-10px);
18 opacity: 0; }
19 to {
20 transform: translateY(0px);
21 opacity: 1; } }
22
23@keyframes tsi-slideRight {
24 from {
25 transform: translateX(-10px);
26 opacity: 0; }
27 to {
28 transform: translateX(0px);
29 opacity: 1; } }
30
31.tsi-resizeGutter {
32 width: 6px;
33 cursor: e-resize;
34 padding: 2px;
35 background-position-y: 50%;
36 background-position-x: 0px;
37 background-repeat: no-repeat; }
38
39.tsi-chartValueTextBox {
40 position: absolute;
41 white-space: nowrap;
42 font-size: 11px;
43 padding: 1px 4px;
44 border-width: 1px;
45 border-style: solid;
46 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
47 line-height: 16px; }
48
49.tsi-baseContextMenu {
50 white-space: nowrap;
51 padding: 4px 0;
52 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
53 border-width: 1px;
54 border-radius: 2px;
55 border-style: solid;
56 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
57 text-align: left; }
58 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
59 padding: 4px 8px;
60 font-size: 12px;
61 cursor: pointer;
62 height: 28px;
63 display: flex;
64 align-items: center;
65 overflow: hidden; }
66 .tsi-baseContextMenu .tsi-break {
67 height: 4px;
68 margin-top: 4px;
69 padding: 0 0 4px 0;
70 cursor: default; }
71 .tsi-baseContextMenu .tsi-break:last-of-type {
72 display: none; }
73
74.tsi-primaryButton {
75 height: 36px;
76 border-radius: 4px;
77 border-width: 1px;
78 border-style: solid; }
79 .tsi-primaryButton.disabled {
80 cursor: default;
81 pointer-events: none;
82 opacity: .5; }
83
84.tsi-chartControlsPanel {
85 height: 20px;
86 right: 0px;
87 width: 100px;
88 position: absolute;
89 z-index: 2;
90 pointer-events: none; }
91 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
92 pointer-events: all;
93 left: auto;
94 right: 20px;
95 top: 0px;
96 position: absolute; }
97 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
98 pointer-events: all; }
99 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
100 z-index: 2 !important; }
101 .tsi-chartControlsPanel .tsi-stackedButton {
102 pointer-events: all;
103 display: block;
104 background-size: 20px 20px;
105 background-repeat: no-repeat;
106 background-position: center;
107 position: absolute;
108 height: 100%;
109 width: 20px;
110 cursor: pointer;
111 background-color: transparent;
112 border: none; }
113 .tsi-chartControlsPanel .tsi-scooterButton {
114 display: block;
115 background-size: 20px 20px;
116 background-repeat: no-repeat;
117 background-position: center;
118 position: absolute;
119 height: 20px;
120 width: 20px; }
121
122select::-ms-expand {
123 display: none; }
124
125.tsi-select {
126 margin: 2px;
127 position: relative;
128 -webkit-appearance: none;
129 -moz-appearance: none;
130 padding: 6px;
131 padding-right: 28px;
132 border-width: 1px;
133 border-radius: 2px;
134 border-style: solid;
135 white-space: nowrap;
136 overflow: hidden;
137 height: 32px;
138 background-position-y: 12px;
139 background-position-x: calc(100% - 4px); }
140 .tsi-select option {
141 padding: 6px; }
142
143.tsi-warmRect {
144 fill: #FFA800;
145 stroke: #FFA800; }
146
147.pika-single {
148 border-bottom: none;
149 border-left: none;
150 border-right: none; }
151 .pika-single .pika-lendar {
152 text-decoration: none;
153 width: 196px;
154 margin-left: 12px;
155 margin-right: 12px; }
156 .pika-single .pika-lendar abbr {
157 text-decoration: none; }
158 .pika-single .pika-lendar .pika-table .pika-row {
159 height: 28px;
160 margin: 0px; }
161 .pika-single .pika-lendar .pika-table .pika-row td {
162 padding: 0px; }
163 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
164 background-color: #d5ebe9; }
165 .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 {
166 background-color: #309d90;
167 color: white; }
168 .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 {
169 background-color: #309d90;
170 color: white; }
171 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
172 border-bottom-left-radius: 8px;
173 border-top-left-radius: 8px; }
174 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
175 border-bottom-right-radius: 8px;
176 border-top-right-radius: 8px; }
177 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
178 width: 100%;
179 height: 28px;
180 width: 28px;
181 margin: 0px; }
182 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
183 background-color: #309d90;
184 color: white; }
185 .pika-single .pika-lendar .pika-table .pika-button {
186 border-radius: 0px;
187 text-align: center; }
188
189.tsi-search {
190 width: 100%;
191 height: 100%;
192 display: flex;
193 flex-shrink: 0;
194 align-items: center;
195 position: relative; }
196 .tsi-search .tsi-search-icon {
197 width: 21px;
198 height: 17px;
199 background-repeat: no-repeat;
200 margin-left: 8px;
201 background-size: 14px;
202 background-position-y: 2px; }
203 .tsi-search .tsi-searchInput {
204 position: absolute;
205 width: 100%;
206 height: 100%;
207 padding-left: 28px;
208 background: transparent;
209 outline: none;
210 text-overflow: ellipsis; }
211
212.tsi-baseMono {
213 display: inline-block;
214 padding: 4px;
215 border-radius: 3px;
216 font-family: "Lucida Console", Monaco, monospace;
217 font-size: 85%;
218 line-height: 85%;
219 font-weight: 300; }
220
221@charset "UTF-8";
222
223/*!
224 * Pikaday
225 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
226 */
227
228.pika-single {
229 z-index: 9999;
230 display: block;
231 position: relative;
232 color: #333;
233 background: #fff;
234 border: 1px solid #ccc;
235 border-bottom-color: #bbb;
236 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
237}
238
239/*
240clear child float (pika-lendar), using the famous micro clearfix hack
241http://nicolasgallagher.com/micro-clearfix-hack/
242*/
243.pika-single:before,
244.pika-single:after {
245 content: " ";
246 display: table;
247}
248.pika-single:after { clear: both }
249.pika-single { *zoom: 1 }
250
251.pika-single.is-hidden {
252 display: none;
253}
254
255.pika-single.is-bound {
256 position: absolute;
257 box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
258}
259
260.pika-lendar {
261 float: left;
262 width: 240px;
263 margin: 8px;
264}
265
266.pika-title {
267 position: relative;
268 text-align: center;
269}
270
271.pika-label {
272 display: inline-block;
273 *display: inline;
274 position: relative;
275 z-index: 9999;
276 overflow: hidden;
277 margin: 0;
278 padding: 5px 3px;
279 font-size: 14px;
280 line-height: 20px;
281 font-weight: bold;
282 background-color: #fff;
283}
284.pika-title select {
285 cursor: pointer;
286 position: absolute;
287 z-index: 9998;
288 margin: 0;
289 left: 0;
290 top: 5px;
291 filter: alpha(opacity=0);
292 opacity: 0;
293}
294
295.pika-prev,
296.pika-next {
297 display: block;
298 cursor: pointer;
299 position: relative;
300 outline: none;
301 border: 0;
302 padding: 0;
303 width: 20px;
304 height: 30px;
305 /* hide text using text-indent trick, using width value (it's enough) */
306 text-indent: 20px;
307 white-space: nowrap;
308 overflow: hidden;
309 background-color: transparent;
310 background-position: center center;
311 background-repeat: no-repeat;
312 background-size: 75% 75%;
313 opacity: .5;
314 *position: absolute;
315 *top: 0;
316}
317
318.pika-prev:hover,
319.pika-next:hover {
320 opacity: 1;
321}
322
323.pika-prev,
324.is-rtl .pika-next {
325 float: left;
326 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
327 *left: 0;
328}
329
330.pika-next,
331.is-rtl .pika-prev {
332 float: right;
333 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
334 *right: 0;
335}
336
337.pika-prev.is-disabled,
338.pika-next.is-disabled {
339 cursor: default;
340 opacity: .2;
341}
342
343.pika-select {
344 display: inline-block;
345 *display: inline;
346}
347
348.pika-table {
349 width: 100%;
350 border-collapse: collapse;
351 border-spacing: 0;
352 border: 0;
353}
354
355.pika-table th,
356.pika-table td {
357 width: 14.285714285714286%;
358 padding: 0;
359}
360
361.pika-table th {
362 color: #999;
363 font-size: 12px;
364 line-height: 25px;
365 font-weight: bold;
366 text-align: center;
367}
368
369.pika-button {
370 cursor: pointer;
371 display: block;
372 box-sizing: border-box;
373 -moz-box-sizing: border-box;
374 outline: none;
375 border: 0;
376 margin: 0;
377 width: 100%;
378 padding: 5px;
379 color: #666;
380 font-size: 12px;
381 line-height: 15px;
382 text-align: right;
383 background: #f5f5f5;
384}
385
386.pika-week {
387 font-size: 11px;
388 color: #999;
389}
390
391.is-today .pika-button {
392 color: #33aaff;
393 font-weight: bold;
394}
395
396.is-selected .pika-button,
397.has-event .pika-button {
398 color: #fff;
399 font-weight: bold;
400 background: #33aaff;
401 box-shadow: inset 0 1px 3px #178fe5;
402 border-radius: 3px;
403}
404
405.has-event .pika-button {
406 background: #005da9;
407 box-shadow: inset 0 1px 3px #0076c9;
408}
409
410.is-disabled .pika-button,
411.is-inrange .pika-button {
412 background: #D5E9F7;
413}
414
415.is-startrange .pika-button {
416 color: #fff;
417 background: #6CB31D;
418 box-shadow: none;
419 border-radius: 3px;
420}
421
422.is-endrange .pika-button {
423 color: #fff;
424 background: #33aaff;
425 box-shadow: none;
426 border-radius: 3px;
427}
428
429.is-disabled .pika-button {
430 pointer-events: none;
431 cursor: default;
432 color: #999;
433 opacity: .3;
434}
435
436.is-outside-current-month .pika-button {
437 color: #999;
438 opacity: .3;
439}
440
441.is-selection-disabled {
442 pointer-events: none;
443 cursor: default;
444}
445
446.pika-button:hover,
447.pika-row.pick-whole-week:hover .pika-button {
448 color: #fff;
449 background: #ff8000;
450 box-shadow: none;
451 border-radius: 3px;
452}
453
454/* styling for abbr */
455.pika-table abbr {
456 border-bottom: none;
457 cursor: help;
458}
459div[class^='tsi-'] {
460 box-sizing: border-box;
461 font-family: "Segoe UI", sans-serif; }
462
463.tsi-textWrap {
464 overflow: hidden;
465 white-space: pre-wrap;
466 text-overflow: ellipsis;
467 hyphens: auto;
468 overflow-wrap: break-word; }
469
470.tsi-hidden {
471 display: none; }
472
473@keyframes tsi-slideIn {
474 from {
475 transform: translateY(-10px);
476 opacity: 0; }
477 to {
478 transform: translateY(0px);
479 opacity: 1; } }
480
481@keyframes tsi-slideRight {
482 from {
483 transform: translateX(-10px);
484 opacity: 0; }
485 to {
486 transform: translateX(0px);
487 opacity: 1; } }
488
489.tsi-resizeGutter {
490 width: 6px;
491 cursor: e-resize;
492 padding: 2px;
493 background-position-y: 50%;
494 background-position-x: 0px;
495 background-repeat: no-repeat; }
496
497.tsi-chartValueTextBox {
498 position: absolute;
499 white-space: nowrap;
500 font-size: 11px;
501 padding: 1px 4px;
502 border-width: 1px;
503 border-style: solid;
504 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
505 line-height: 16px; }
506
507.tsi-baseContextMenu {
508 white-space: nowrap;
509 padding: 4px 0;
510 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
511 border-width: 1px;
512 border-radius: 2px;
513 border-style: solid;
514 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
515 text-align: left; }
516 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
517 padding: 4px 8px;
518 font-size: 12px;
519 cursor: pointer;
520 height: 28px;
521 display: flex;
522 align-items: center;
523 overflow: hidden; }
524 .tsi-baseContextMenu .tsi-break {
525 height: 4px;
526 margin-top: 4px;
527 padding: 0 0 4px 0;
528 cursor: default; }
529 .tsi-baseContextMenu .tsi-break:last-of-type {
530 display: none; }
531
532.tsi-primaryButton {
533 height: 36px;
534 border-radius: 4px;
535 border-width: 1px;
536 border-style: solid; }
537 .tsi-primaryButton.disabled {
538 cursor: default;
539 pointer-events: none;
540 opacity: .5; }
541
542.tsi-chartControlsPanel {
543 height: 20px;
544 right: 0px;
545 width: 100px;
546 position: absolute;
547 z-index: 2;
548 pointer-events: none; }
549 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
550 pointer-events: all;
551 left: auto;
552 right: 20px;
553 top: 0px;
554 position: absolute; }
555 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
556 pointer-events: all; }
557 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
558 z-index: 2 !important; }
559 .tsi-chartControlsPanel .tsi-stackedButton {
560 pointer-events: all;
561 display: block;
562 background-size: 20px 20px;
563 background-repeat: no-repeat;
564 background-position: center;
565 position: absolute;
566 height: 100%;
567 width: 20px;
568 cursor: pointer;
569 background-color: transparent;
570 border: none; }
571 .tsi-chartControlsPanel .tsi-scooterButton {
572 display: block;
573 background-size: 20px 20px;
574 background-repeat: no-repeat;
575 background-position: center;
576 position: absolute;
577 height: 20px;
578 width: 20px; }
579
580select::-ms-expand {
581 display: none; }
582
583.tsi-select {
584 margin: 2px;
585 position: relative;
586 -webkit-appearance: none;
587 -moz-appearance: none;
588 padding: 6px;
589 padding-right: 28px;
590 border-width: 1px;
591 border-radius: 2px;
592 border-style: solid;
593 white-space: nowrap;
594 overflow: hidden;
595 height: 32px;
596 background-position-y: 12px;
597 background-position-x: calc(100% - 4px); }
598 .tsi-select option {
599 padding: 6px; }
600
601.tsi-warmRect {
602 fill: #FFA800;
603 stroke: #FFA800; }
604
605.pika-single {
606 border-bottom: none;
607 border-left: none;
608 border-right: none; }
609 .pika-single .pika-lendar {
610 text-decoration: none;
611 width: 196px;
612 margin-left: 12px;
613 margin-right: 12px; }
614 .pika-single .pika-lendar abbr {
615 text-decoration: none; }
616 .pika-single .pika-lendar .pika-table .pika-row {
617 height: 28px;
618 margin: 0px; }
619 .pika-single .pika-lendar .pika-table .pika-row td {
620 padding: 0px; }
621 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
622 background-color: #d5ebe9; }
623 .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 {
624 background-color: #309d90;
625 color: white; }
626 .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 {
627 background-color: #309d90;
628 color: white; }
629 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
630 border-bottom-left-radius: 8px;
631 border-top-left-radius: 8px; }
632 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
633 border-bottom-right-radius: 8px;
634 border-top-right-radius: 8px; }
635 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
636 width: 100%;
637 height: 28px;
638 width: 28px;
639 margin: 0px; }
640 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
641 background-color: #309d90;
642 color: white; }
643 .pika-single .pika-lendar .pika-table .pika-button {
644 border-radius: 0px;
645 text-align: center; }
646
647.tsi-search {
648 width: 100%;
649 height: 100%;
650 display: flex;
651 flex-shrink: 0;
652 align-items: center;
653 position: relative; }
654 .tsi-search .tsi-search-icon {
655 width: 21px;
656 height: 17px;
657 background-repeat: no-repeat;
658 margin-left: 8px;
659 background-size: 14px;
660 background-position-y: 2px; }
661 .tsi-search .tsi-searchInput {
662 position: absolute;
663 width: 100%;
664 height: 100%;
665 padding-left: 28px;
666 background: transparent;
667 outline: none;
668 text-overflow: ellipsis; }
669
670.tsi-baseMono {
671 display: inline-block;
672 padding: 4px;
673 border-radius: 3px;
674 font-family: "Lucida Console", Monaco, monospace;
675 font-size: 85%;
676 line-height: 85%;
677 font-weight: 300; }
678
679.tsi-availabilityChart {
680 position: relative;
681 width: 100%; }
682 .tsi-availabilityChart .tsi-dateTimePickerContainer {
683 position: absolute;
684 right: 60px;
685 top: calc(100% - 40px);
686 background-color: white; }
687 .tsi-availabilityChart.tsi-dark {
688 background-color: #0d0f0e;
689 color: #fff; }
690 .tsi-availabilityChart.tsi-dark .tsi-timePickerContainer {
691 background-color: #0d0f0e; }
692 .tsi-availabilityChart.tsi-dark .tsi-timePickerContainer .tsi-timePickerChart {
693 background-color: #0d0f0e; }
694 .tsi-availabilityChart.tsi-dark .tsi-timePickerTextContainer .tsi-timePicker {
695 border-color: #31373e; }
696 .tsi-availabilityChart.tsi-dark .tsi-sparklineContainer .overlay {
697 fill: #1e2223; }
698 .tsi-availabilityChart.tsi-dark.tsi-compact .tsi-timePickerContainer .overlay {
699 fill: #1e2223; }
700 .tsi-availabilityChart.tsi-dark.tsi-compact .tsi-timePickerContainer .tsi-compactFromTo {
701 background-color: #0d0f0e; }
702 .tsi-availabilityChart.tsi-dark .tsi-zoomButton {
703 background-color: #0d0f0e;
704 color: #fff; }
705 .tsi-availabilityChart.tsi-dark .tsi-zoomButton:active {
706 background-color: #62666c; }
707 .tsi-availabilityChart.tsi-dark .tsi-dateTimeContainer {
708 color: #fff; }
709 .tsi-availabilityChart.tsi-dark .tsi-dateTimeContainer .tsi-dateTimeButton {
710 background-color: rgba(49, 55, 62, 0.4) !important; }
711 .tsi-availabilityChart.tsi-dark .tsi-dateTimeContainer .tsi-dateTimeButton:hover {
712 background-color: #31373e !important; }
713 .tsi-availabilityChart.tsi-dark .tsi-timePicker, .tsi-availabilityChart.tsi-dark .tsi-timePicker > option {
714 background-color: #0d0f0e;
715 color: #fff; }
716 .tsi-availabilityChart.tsi-light {
717 background-color: #ffffff;
718 color: #000; }
719 .tsi-availabilityChart.tsi-light .tsi-timePickerContainer {
720 background-color: #ffffff; }
721 .tsi-availabilityChart.tsi-light .tsi-timePickerContainer .tsi-timePickerChart {
722 background-color: #ffffff; }
723 .tsi-availabilityChart.tsi-light .tsi-timePickerTextContainer .tsi-timePicker {
724 border-color: #dcdcdc; }
725 .tsi-availabilityChart.tsi-light .tsi-sparklineContainer .overlay {
726 fill: #f2f2f2; }
727 .tsi-availabilityChart.tsi-light.tsi-compact .tsi-timePickerContainer .overlay {
728 fill: #f2f2f2; }
729 .tsi-availabilityChart.tsi-light.tsi-compact .tsi-timePickerContainer .tsi-compactFromTo {
730 background-color: #ffffff; }
731 .tsi-availabilityChart.tsi-light .tsi-zoomButton {
732 background-color: #ffffff;
733 color: #000; }
734 .tsi-availabilityChart.tsi-light .tsi-zoomButton:active {
735 background-color: #b3d6f2; }
736 .tsi-availabilityChart.tsi-light .tsi-dateTimeContainer {
737 color: #000; }
738 .tsi-availabilityChart.tsi-light .tsi-dateTimeContainer .tsi-dateTimeButton {
739 background-color: rgba(220, 220, 220, 0.4) !important; }
740 .tsi-availabilityChart.tsi-light .tsi-dateTimeContainer .tsi-dateTimeButton:hover {
741 background-color: #dcdcdc !important; }
742 .tsi-availabilityChart.tsi-light .tsi-timePicker, .tsi-availabilityChart.tsi-light .tsi-timePicker > option {
743 background-color: #ffffff;
744 color: #000; }
745 .tsi-availabilityChart .tsi-timePickerContainer {
746 width: calc(100% - 4px);
747 height: calc(100% - 48px);
748 overflow: visible;
749 position: relative; }
750 .tsi-availabilityChart .tsi-timePickerContainer .tsi-timePickerChart {
751 position: relative;
752 height: calc(100% - 4px); }
753 .tsi-availabilityChart .tsi-timePickerContainer .tsi-timePickerChart .tsi-valueLine {
754 stroke-width: 2px; }
755 .tsi-availabilityChart.tsi-withButton .tsi-timePickerContainer {
756 height: calc(100% - 4px); }
757 .tsi-availabilityChart.tsi-compact .tsi-rangeTextContainer {
758 background: none !important;
759 transform: translate(-50%, -2px) !important; }
760 .tsi-availabilityChart.tsi-compact .tsi-timePickerContainer {
761 height: calc(100% - 8px); }
762 .tsi-availabilityChart.tsi-compact .tsi-timePickerContainer path {
763 stroke: none !important;
764 fill: none !important; }
765 .tsi-availabilityChart.tsi-compact .tsi-timePickerContainer .brushElem .selection {
766 stroke: none; }
767 .tsi-availabilityChart.tsi-compact .tsi-timePickerContainer .xAxisBaseline {
768 stroke: none !important; }
769 .tsi-availabilityChart.tsi-compact .tsi-timePickerContainer .tsi-compactFromTo {
770 font-size: 12px;
771 bottom: calc(100% - 4px);
772 position: absolute; }
773 .tsi-availabilityChart.tsi-compact.tsi-withButton .tsi-timePickerContainer {
774 height: 100%; }
775 .tsi-availabilityChart .tsi-timePickerTextContainer {
776 top: 0;
777 width: calc(100% - 80px);
778 position: relative; }
779 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-select {
780 top: 4px;
781 width: 100px;
782 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
783 background-position-y: 12px;
784 background-position-x: calc(100% - 4px);
785 width: 132px; }
786 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeInputLabel {
787 display: inline-block;
788 font-size: 12px;
789 top: 0px;
790 width: 40px;
791 text-align: right;
792 text-transform: uppercase;
793 opacity: .7;
794 font-weight: bold; }
795 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeContainer {
796 padding-right: 0px;
797 margin-top: 4px;
798 border: none;
799 background-color: transparent;
800 font-size: 14px;
801 text-transform: capitalize;
802 height: 32px;
803 float: right;
804 display: flex; }
805 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeContainer label {
806 opacity: .66;
807 font-size: 12px;
808 line-height: 32px; }
809 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeContainer .tsi-dateTimeButton {
810 height: 32px;
811 margin-left: 8px;
812 border: none;
813 cursor: pointer;
814 background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 13 12.188%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D fill%3A %2307f%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cpath id%3D%22Calendar_Light_Theme%22 class%3D%22cls-1%22 d%3D%22M4.875-8.125h.813v.813H4.875ZM7.313-3.25h.813v.813H7.313ZM9.75-8.125h.813v.813H9.75Zm-2.437%2C0h.813v.813H7.313ZM4.875-6.5h.813v.813H4.875Zm-2.437%2C0H3.25v.813H2.438Zm7.313%2C0h.813v.813H9.75Zm-2.437%2C0h.813v.813H7.313ZM4.875-4.875h.813v.813H4.875Zm-2.437%2C0H3.25v.813H2.438Zm7.313%2C0h.813v.813H9.75Zm-2.437%2C0h.813v.813H7.313ZM4.875-3.25h.813v.813H4.875Zm-2.437%2C0H3.25v.813H2.438ZM13-12.187V-.812H0V-12.187H2.438V-13H3.25v.813h6.5V-13h.813v.813ZM.813-11.375V-9.75H12.188v-1.625H10.563v.813H9.75v-.812H3.25v.813H2.438v-.812Zm11.375%2C9.75V-8.937H.813v7.313Z%22 transform%3D%22translate(0 13)%22%2F%3E%0D%3C%2Fsvg%3E%0D") 0%/5% no-repeat;
815 background-position-y: 10px;
816 background-size: 13px;
817 background-position-x: 8px;
818 padding-left: 28px;
819 padding-right: 8px;
820 border-radius: 2px;
821 position: relative; }
822 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeContainer .tsi-dateTimePickerContainer {
823 left: unset;
824 right: 0;
825 top: 0px;
826 display: block; }
827 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-toText {
828 width: 32px;
829 font-size: 20px;
830 display: inline-block;
831 vertical-align: top;
832 text-align: center; }
833 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeErrorDiv {
834 width: 200px;
835 display: inline-block;
836 padding-left: 4px;
837 font-size: 12px; }
838 .tsi-availabilityChart .tsi-timePickerTextContainer .tsi-dateTimeErrorDiv .tsi-invalidTime {
839 height: 20px;
840 padding: 4px;
841 width: 100%; }
842 .tsi-availabilityChart .tsi-zoomButtonContainer {
843 display: flex;
844 position: absolute;
845 right: 44px;
846 bottom: 96px;
847 width: 16px;
848 flex-wrap: wrap; }
849 .tsi-availabilityChart .tsi-zoomButtonContainer .tsi-zoomButton {
850 border: none;
851 width: 16px;
852 height: 16px;
853 padding: 0px;
854 cursor: pointer; }
855 .tsi-availabilityChart .tsi-zoomButtonContainer .tsi-zoomButtonIn {
856 background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 13 14%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-1 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2 %7B%0D fill%3A rgba(33%2C33%2C33%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23212121%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A rgba(33%2C33%2C33%2C0.5)%3B%0D %7D%0D%0D .cls-5 %7B%0D fill%3A %23212121%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22ZoomIn_Light_Theme%22 transform%3D%22translate(83.443 -13.354)%22%3E%0D %3Cpath id%3D%22Path_111461%22 data-name%3D%22Path 111461%22 class%3D%22cls-1%22 d%3D%22M305%2C39.3a6%2C6%2C0%2C1%2C1-6-6A5.975%2C5.975%2C0%2C0%2C1%2C305%2C39.3Z%22 transform%3D%22translate(-375.943 -18.446)%22%2F%3E%0D %3Cpath id%3D%22Path_111462%22 data-name%3D%22Path 111462%22 class%3D%22cls-2%22 d%3D%22M299%2C44.3a6%2C6%2C0%2C1%2C0-6-6A5.975%2C5.975%2C0%2C0%2C0%2C299%2C44.3Z%22 transform%3D%22translate(-375.943 -18.446)%22%2F%3E%0D %3Cpath id%3D%22Path_111463%22 data-name%3D%22Path 111463%22 class%3D%22cls-3%22 d%3D%22M305%2C38.3a6%2C6%2C0%2C1%2C1-6-6A5.975%2C5.975%2C0%2C0%2C1%2C305%2C38.3Z%22 transform%3D%22translate(-375.943 -18.446)%22%2F%3E%0D %3Cpath id%3D%22Path_111465%22 data-name%3D%22Path 111465%22 class%3D%22cls-4%22 d%3D%22M0%2C0H2.042L2-2H3V0H5V1H3V3H2V1H0Z%22 transform%3D%22translate(-79.443 20.354)%22%2F%3E%0D %3Cpath id%3D%22Path_111464%22 data-name%3D%22Path 111464%22 class%3D%22cls-5%22 d%3D%22M0%2C0H2.042L2-2H3V0H5V1H3V3H2V1H0Z%22 transform%3D%22translate(-79.443 19.354)%22%2F%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
857 background-size: 16px; }
858 .tsi-availabilityChart .tsi-zoomButtonContainer .tsi-zoomButtonOut {
859 background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 13 14%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-1 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2 %7B%0D fill%3A rgba(33%2C33%2C33%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23212121%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A rgba(33%2C33%2C33%2C0.5)%3B%0D %7D%0D%0D .cls-5 %7B%0D fill%3A %23212121%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22ZoomOut_Light_Theme%22 transform%3D%22translate(83.443 -8.354)%22%3E%0D %3Cpath id%3D%22Path_111461%22 data-name%3D%22Path 111461%22 class%3D%22cls-1%22 d%3D%22M305%2C39.3a6%2C6%2C0%2C1%2C1-6-6A5.975%2C5.975%2C0%2C0%2C1%2C305%2C39.3Z%22 transform%3D%22translate(-375.943 -23.446)%22%2F%3E%0D %3Cpath id%3D%22Path_111462%22 data-name%3D%22Path 111462%22 class%3D%22cls-2%22 d%3D%22M299%2C44.3a6%2C6%2C0%2C1%2C0-6-6A5.975%2C5.975%2C0%2C0%2C0%2C299%2C44.3Z%22 transform%3D%22translate(-375.943 -23.446)%22%2F%3E%0D %3Cpath id%3D%22Path_111463%22 data-name%3D%22Path 111463%22 class%3D%22cls-3%22 d%3D%22M305%2C38.3a6%2C6%2C0%2C1%2C1-6-6A5.975%2C5.975%2C0%2C0%2C1%2C305%2C38.3Z%22 transform%3D%22translate(-375.943 -23.446)%22%2F%3E%0D %3Cpath id%3D%22Path_111465%22 data-name%3D%22Path 111465%22 class%3D%22cls-4%22 d%3D%22M0%2C0H5V1H0Z%22 transform%3D%22translate(-79.443 15.355)%22%2F%3E%0D %3Cpath id%3D%22Path_111464%22 data-name%3D%22Path 111464%22 class%3D%22cls-5%22 d%3D%22M0%2C0H5V1H0Z%22 transform%3D%22translate(-79.443 14.468)%22%2F%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
860 background-size: 16px;
861 margin-top: 4px;
862 margin-bottom: 4px; }
863 .tsi-availabilityChart .tsi-sparklineContainer {
864 background: none !important;
865 margin-top: -32px; }
866 .tsi-availabilityChart .tsi-sparklineContainer path {
867 stroke: none !important; }
868 .tsi-availabilityChart .tsi-sparklineContainer .brushElem .handle {
869 visibility: visible;
870 shape-rendering: unset;
871 width: 8px;
872 rx: 4px;
873 ry: 4px; }
874
875div[class^='tsi-'] {
876 box-sizing: border-box;
877 font-family: "Segoe UI", sans-serif; }
878
879.tsi-textWrap {
880 overflow: hidden;
881 white-space: pre-wrap;
882 text-overflow: ellipsis;
883 hyphens: auto;
884 overflow-wrap: break-word; }
885
886.tsi-hidden {
887 display: none; }
888
889@keyframes tsi-slideIn {
890 from {
891 transform: translateY(-10px);
892 opacity: 0; }
893 to {
894 transform: translateY(0px);
895 opacity: 1; } }
896
897@keyframes tsi-slideRight {
898 from {
899 transform: translateX(-10px);
900 opacity: 0; }
901 to {
902 transform: translateX(0px);
903 opacity: 1; } }
904
905.tsi-resizeGutter {
906 width: 6px;
907 cursor: e-resize;
908 padding: 2px;
909 background-position-y: 50%;
910 background-position-x: 0px;
911 background-repeat: no-repeat; }
912
913.tsi-chartValueTextBox, .tsi-lineChart .tsi-horizontalValueBox, .tsi-lineChart .tsi-verticalValueBox {
914 position: absolute;
915 white-space: nowrap;
916 font-size: 11px;
917 padding: 1px 4px;
918 border-width: 1px;
919 border-style: solid;
920 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
921 line-height: 16px; }
922
923.tsi-baseContextMenu {
924 white-space: nowrap;
925 padding: 4px 0;
926 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
927 border-width: 1px;
928 border-radius: 2px;
929 border-style: solid;
930 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
931 text-align: left; }
932 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
933 padding: 4px 8px;
934 font-size: 12px;
935 cursor: pointer;
936 height: 28px;
937 display: flex;
938 align-items: center;
939 overflow: hidden; }
940 .tsi-baseContextMenu .tsi-break {
941 height: 4px;
942 margin-top: 4px;
943 padding: 0 0 4px 0;
944 cursor: default; }
945 .tsi-baseContextMenu .tsi-break:last-of-type {
946 display: none; }
947
948.tsi-primaryButton {
949 height: 36px;
950 border-radius: 4px;
951 border-width: 1px;
952 border-style: solid; }
953 .tsi-primaryButton.disabled {
954 cursor: default;
955 pointer-events: none;
956 opacity: .5; }
957
958.tsi-chartControlsPanel {
959 height: 20px;
960 right: 0px;
961 width: 100px;
962 position: absolute;
963 z-index: 2;
964 pointer-events: none; }
965 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
966 pointer-events: all;
967 left: auto;
968 right: 20px;
969 top: 0px;
970 position: absolute; }
971 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
972 pointer-events: all; }
973 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
974 z-index: 2 !important; }
975 .tsi-chartControlsPanel .tsi-stackedButton {
976 pointer-events: all;
977 display: block;
978 background-size: 20px 20px;
979 background-repeat: no-repeat;
980 background-position: center;
981 position: absolute;
982 height: 100%;
983 width: 20px;
984 cursor: pointer;
985 background-color: transparent;
986 border: none; }
987 .tsi-chartControlsPanel .tsi-scooterButton {
988 display: block;
989 background-size: 20px 20px;
990 background-repeat: no-repeat;
991 background-position: center;
992 position: absolute;
993 height: 20px;
994 width: 20px; }
995
996select::-ms-expand {
997 display: none; }
998
999.tsi-select {
1000 margin: 2px;
1001 position: relative;
1002 -webkit-appearance: none;
1003 -moz-appearance: none;
1004 padding: 6px;
1005 padding-right: 28px;
1006 border-width: 1px;
1007 border-radius: 2px;
1008 border-style: solid;
1009 white-space: nowrap;
1010 overflow: hidden;
1011 height: 32px;
1012 background-position-y: 12px;
1013 background-position-x: calc(100% - 4px); }
1014 .tsi-select option {
1015 padding: 6px; }
1016
1017.tsi-warmRect {
1018 fill: #FFA800;
1019 stroke: #FFA800; }
1020
1021.pika-single {
1022 border-bottom: none;
1023 border-left: none;
1024 border-right: none; }
1025 .pika-single .pika-lendar {
1026 text-decoration: none;
1027 width: 196px;
1028 margin-left: 12px;
1029 margin-right: 12px; }
1030 .pika-single .pika-lendar abbr {
1031 text-decoration: none; }
1032 .pika-single .pika-lendar .pika-table .pika-row {
1033 height: 28px;
1034 margin: 0px; }
1035 .pika-single .pika-lendar .pika-table .pika-row td {
1036 padding: 0px; }
1037 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
1038 background-color: #d5ebe9; }
1039 .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 {
1040 background-color: #309d90;
1041 color: white; }
1042 .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 {
1043 background-color: #309d90;
1044 color: white; }
1045 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
1046 border-bottom-left-radius: 8px;
1047 border-top-left-radius: 8px; }
1048 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
1049 border-bottom-right-radius: 8px;
1050 border-top-right-radius: 8px; }
1051 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
1052 width: 100%;
1053 height: 28px;
1054 width: 28px;
1055 margin: 0px; }
1056 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
1057 background-color: #309d90;
1058 color: white; }
1059 .pika-single .pika-lendar .pika-table .pika-button {
1060 border-radius: 0px;
1061 text-align: center; }
1062
1063.tsi-search {
1064 width: 100%;
1065 height: 100%;
1066 display: flex;
1067 flex-shrink: 0;
1068 align-items: center;
1069 position: relative; }
1070 .tsi-search .tsi-search-icon {
1071 width: 21px;
1072 height: 17px;
1073 background-repeat: no-repeat;
1074 margin-left: 8px;
1075 background-size: 14px;
1076 background-position-y: 2px; }
1077 .tsi-search .tsi-searchInput {
1078 position: absolute;
1079 width: 100%;
1080 height: 100%;
1081 padding-left: 28px;
1082 background: transparent;
1083 outline: none;
1084 text-overflow: ellipsis; }
1085
1086.tsi-baseMono {
1087 display: inline-block;
1088 padding: 4px;
1089 border-radius: 3px;
1090 font-family: "Lucida Console", Monaco, monospace;
1091 font-size: 85%;
1092 line-height: 85%;
1093 font-weight: 300; }
1094
1095.tsi-lineChart {
1096 display: flex;
1097 position: relative; }
1098 .tsi-lineChart .tsi-horizontalValueBox, .tsi-lineChart .tsi-verticalValueBox {
1099 z-index: 2;
1100 pointer-events: none; }
1101 .tsi-lineChart .tsi-horizontalValueBox {
1102 transform: translateX(-50%); }
1103 .tsi-lineChart .tsi-verticalValueBox {
1104 transform: translateY(-50%); }
1105 .tsi-lineChart .tsi-horizontalValueBar {
1106 stroke-width: 3; }
1107 .tsi-lineChart .tsi-rangeTextContainer {
1108 pointer-events: none;
1109 height: 17px;
1110 left: 100px;
1111 top: 4px;
1112 position: absolute;
1113 padding-left: 4px;
1114 padding-right: 4px;
1115 font-size: 11px;
1116 border-radius: 4px;
1117 transform: translate(-50%, -50%);
1118 display: flex;
1119 align-content: center;
1120 z-index: 1; }
1121 .tsi-lineChart .tsi-chartControlsPanel {
1122 z-index: 2;
1123 pointer-events: none; }
1124 .tsi-lineChart .tsi-chartControlsPanel .tsi-ellipsisMenuContainer {
1125 pointer-events: all; }
1126 .tsi-lineChart .tsi-chartControlsPanel .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
1127 z-index: 2 !important; }
1128 .tsi-lineChart .tsi-chartControlsPanel .tsi-stackedButton {
1129 pointer-events: all;
1130 border: none;
1131 padding: 0;
1132 background-color: transparent; }
1133 .tsi-lineChart .tsi-tooltip {
1134 z-index: 2; }
1135 .tsi-lineChart .tsi-markerInstructions {
1136 height: 39px;
1137 width: calc(100% - 8px);
1138 font-size: 16px;
1139 text-align: center;
1140 padding: 4px;
1141 position: absolute;
1142 border-radius: 3px;
1143 bottom: 0px;
1144 line-height: 26px; }
1145 .tsi-lineChart .tsi-scooterContainer {
1146 position: absolute;
1147 pointer-events: none;
1148 width: 2px;
1149 transform: translateX(-1px);
1150 z-index: 1; }
1151 .tsi-lineChart .tsi-scooterContainer .tsi-scooterDragger, .tsi-lineChart .tsi-scooterContainer .tsi-scooterTimeLabel {
1152 pointer-events: all; }
1153 .tsi-lineChart .tsi-scooterContainer .tsi-scooterDragger {
1154 -webkit-transform: translateX(calc(-50% + 1px));
1155 transform: translateX(calc(-50% + 1px)); }
1156 .tsi-lineChart .tsi-scooterContainer .tsi-scooterLine {
1157 position: absolute;
1158 height: 100%;
1159 width: 2px;
1160 left: 0px;
1161 top: 0px;
1162 cursor: move; }
1163 .tsi-lineChart .tsi-scooterContainer .tsi-scooterDragger {
1164 top: 100%;
1165 position: absolute;
1166 border-radius: 5px;
1167 left: 0px;
1168 width: 10px;
1169 height: 10px;
1170 cursor: move; }
1171 .tsi-lineChart .tsi-scooterContainer .tsi-scooterValue {
1172 position: absolute; }
1173 .tsi-lineChart .tsi-scooterContainer .tsi-scooterValue .tsi-scooterValueLabel {
1174 position: absolute;
1175 left: 10px;
1176 border-width: 1px;
1177 border-style: solid;
1178 padding: 2px 4px;
1179 font-size: 12px;
1180 transform: translateY(-50%);
1181 -webkit-transform: translateY(-50%); }
1182 .tsi-lineChart .tsi-scooterContainer .tsi-scooterValue .tsi-scooterValueCaret {
1183 left: 2px;
1184 width: 0;
1185 height: 0;
1186 border-top: 8px solid transparent;
1187 border-bottom: 8px solid transparent;
1188 border-right-width: 8px;
1189 border-right-style: solid;
1190 position: absolute;
1191 transform: translateY(-50%);
1192 -webkit-transform: translateY(-50%); }
1193 .tsi-lineChart .tsi-scooterContainer .tsi-scooterTimeLabel {
1194 cursor: move;
1195 bottom: 100%;
1196 position: absolute;
1197 left: 0px;
1198 white-space: nowrap;
1199 font-size: 12px;
1200 height: 24px;
1201 padding-left: 8px;
1202 padding-right: 24px;
1203 line-height: 20px;
1204 border-width: 1px;
1205 border-style: solid;
1206 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); }
1207 .tsi-lineChart .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
1208 border-radius: 3px;
1209 position: absolute;
1210 right: 4px;
1211 top: 3px;
1212 width: 15px;
1213 height: 15px;
1214 background-size: 12px 12px;
1215 background-position: 2px 2px;
1216 background-repeat: no-repeat;
1217 cursor: pointer; }
1218 .tsi-lineChart .brushElem .handle {
1219 width: 8px;
1220 shape-rendering: unset; }
1221 .tsi-lineChart .brushElem.hideBrushHandles .handle {
1222 visibility: hidden; }
1223 .tsi-lineChart .tsi-horizontalMarkerLine {
1224 stroke-dasharray: 2,2; }
1225 .tsi-lineChart .tsi-horizontalMarkerText {
1226 font-style: italic;
1227 text-anchor: end; }
1228 .tsi-lineChart.tsi-dark {
1229 color: #fff;
1230 background: #0d0f0e; }
1231 .tsi-lineChart.tsi-dark .tsi-rangeTextContainer {
1232 color: #1e2223;
1233 background-color: #fff; }
1234 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-discreteEventTeardrop {
1235 fill: #0d0f0e; }
1236 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-categoricalHoverRect {
1237 stroke: #fff; }
1238 .tsi-lineChart.tsi-dark .tsi-lineChartSVG text {
1239 fill: #fff; }
1240 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-focus circle {
1241 fill: #fff; }
1242 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-focusLine {
1243 stroke: #62666c; }
1244 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .guideLine {
1245 stroke: #fff; }
1246 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .standardYAxisText {
1247 font-weight: lighter !important;
1248 fill: #fff !important; }
1249 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-boldYAxisText {
1250 font-weight: bolder !important; }
1251 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .xAxisBaseline {
1252 stroke: #fff !important;
1253 pointer-events: none; }
1254 @media screen and (-ms-high-contrast: white-on-black) {
1255 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .xAxisBaseline {
1256 stroke: #fff !important; } }
1257 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-horizontalValueBar {
1258 stroke: rgba(255, 255, 255, 0.8); }
1259 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel {
1260 font-weight: 500;
1261 font-size: 13px; }
1262 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-axisHover {
1263 font-weight: bolder; }
1264 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover {
1265 cursor: pointer; }
1266 .tsi-lineChart.tsi-dark .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover:hover {
1267 font-weight: bolder; }
1268 .tsi-lineChart.tsi-dark .tsi-scooterContainer {
1269 color: #fff; }
1270 .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel {
1271 background-color: #0d0f0e;
1272 border-color: #60AAFF; }
1273 .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
1274 background-color: transparent;
1275 border: none;
1276 margin: 0; }
1277 .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton:hover {
1278 background-color: #62666c; }
1279 .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterLine, .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterDragger {
1280 background-color: #60AAFF; }
1281 .tsi-lineChart.tsi-dark .tsi-markerInstructions {
1282 background-color: rgba(13, 15, 14, 0.9); }
1283 .tsi-lineChart.tsi-dark .yAxis path, .tsi-lineChart.tsi-dark .xAxis path {
1284 stroke: #fff; }
1285 .tsi-lineChart.tsi-dark .yAxis .tick text, .tsi-lineChart.tsi-dark .xAxis .tick text {
1286 fill: #fff; }
1287 .tsi-lineChart.tsi-dark .yAxis .tick line, .tsi-lineChart.tsi-dark .xAxis .tick line {
1288 stroke: #fff; }
1289 @media screen and (-ms-high-contrast: white-on-black) {
1290 .tsi-lineChart.tsi-dark .yAxis path, .tsi-lineChart.tsi-dark .xAxis path {
1291 stroke: #fff; }
1292 .tsi-lineChart.tsi-dark .yAxis .tick text, .tsi-lineChart.tsi-dark .xAxis .tick text {
1293 fill: #fff !important; }
1294 .tsi-lineChart.tsi-dark .yAxis .tick line, .tsi-lineChart.tsi-dark .xAxis .tick line {
1295 stroke: #fff; } }
1296 .tsi-lineChart.tsi-dark .vHoverBox, .tsi-lineChart.tsi-dark .hHoverBox {
1297 fill: #0d0f0e;
1298 stroke: #60AAFF; }
1299 .tsi-lineChart.tsi-dark .tsi-resizeGutter.tsi-isDragging {
1300 background-color: #31373e; }
1301 .tsi-lineChart.tsi-dark ::-webkit-scrollbar {
1302 height: 8px;
1303 width: 8px; }
1304 .tsi-lineChart.tsi-dark ::-webkit-scrollbar-track {
1305 background: none; }
1306 .tsi-lineChart.tsi-dark ::-webkit-scrollbar-thumb {
1307 background: #666666;
1308 border-radius: 8px; }
1309 .tsi-lineChart.tsi-dark ::-webkit-scrollbar-thumb:hover {
1310 background: #666666; }
1311 .tsi-lineChart.tsi-dark ::-webkit-scrollbar-track:hover {
1312 background: #1e2223; }
1313 .tsi-lineChart.tsi-dark .hHoverText {
1314 text-anchor: middle; }
1315 .tsi-lineChart.tsi-dark .vHoverText {
1316 text-anchor: end; }
1317 .tsi-lineChart.tsi-dark .hoverText {
1318 stroke: none; }
1319 .tsi-lineChart.tsi-dark .hHoverText, .tsi-lineChart.tsi-dark .vHoverText {
1320 font-size: 11px !important; }
1321 .tsi-lineChart.tsi-dark .hHoverValueBar {
1322 stroke: #fff; }
1323 .tsi-lineChart.tsi-dark .hoverText {
1324 fill: #fff; }
1325 .tsi-lineChart.tsi-dark .stacked g path {
1326 fill: #fff !important; }
1327 .tsi-lineChart.tsi-dark .tooltip text {
1328 fill: #fff; }
1329 .tsi-lineChart.tsi-dark .tooltip rect {
1330 fill: #0d0f0e;
1331 stroke: #60AAFF; }
1332 .tsi-lineChart.tsi-dark .tsi-primaryButton {
1333 color: #fff;
1334 border-color: rgba(255, 255, 255, 0.8);
1335 background-color: #1e2223; }
1336 .tsi-lineChart.tsi-dark .tsi-primaryButton:hover {
1337 background-color: #62666c; }
1338 .tsi-lineChart.tsi-dark .yAxis path, .tsi-lineChart.tsi-dark .xAxis path {
1339 stroke-width: 1px !important; }
1340 .tsi-lineChart.tsi-dark .yAxis .tick text, .tsi-lineChart.tsi-dark .xAxis .tick text {
1341 user-select: none; }
1342 .tsi-lineChart.tsi-dark rect, .tsi-lineChart.tsi-dark line {
1343 shape-rendering: crispedges; }
1344 .tsi-lineChart.tsi-dark .stacked g path {
1345 stroke-width: 1;
1346 pointer-events: all;
1347 stroke: none; }
1348 .tsi-lineChart.tsi-dark .stacked rect {
1349 cursor: pointer;
1350 fill: transparent;
1351 stroke-width: 1; }
1352 .tsi-lineChart.tsi-dark .tooltip {
1353 pointer-events: none; }
1354 .tsi-lineChart.tsi-dark .tooltip text {
1355 alignment-baseline: hanging; }
1356 .tsi-lineChart.tsi-dark .tooltip .title {
1357 font-weight: bold;
1358 font-size: 13px; }
1359 .tsi-lineChart.tsi-dark .tooltip .value {
1360 font-weight: normal;
1361 font-size: 12px;
1362 font-weight: lighter; }
1363 .tsi-lineChart.tsi-dark .tooltip .value.visibleValue {
1364 font-weight: bold; }
1365 .tsi-lineChart.tsi-dark .tsi-gridComponent {
1366 z-index: 3 !important; }
1367 .tsi-lineChart.tsi-dark .hHoverValueBar {
1368 stroke-width: 4px; }
1369 .tsi-lineChart.tsi-dark .focus {
1370 display: none; }
1371 .tsi-lineChart.tsi-dark svg {
1372 display: block; }
1373 .tsi-lineChart.tsi-dark .tsi-chartValueTextBox, .tsi-lineChart.tsi-dark .tsi-horizontalValueBox, .tsi-lineChart.tsi-dark .tsi-verticalValueBox {
1374 background-color: #0d0f0e;
1375 border-color: #62666c; }
1376 .tsi-lineChart.tsi-dark .tsi-baseMono {
1377 background: #1e2223; }
1378 .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterValueLabel {
1379 background-color: rgba(0, 0, 0, 0.9); }
1380 .tsi-lineChart.tsi-dark .tsi-resizeGutter {
1381 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"); }
1382 .tsi-lineChart.tsi-light {
1383 color: #000;
1384 background: #ffffff; }
1385 .tsi-lineChart.tsi-light .tsi-rangeTextContainer {
1386 color: #f2f2f2;
1387 background-color: #000; }
1388 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-discreteEventTeardrop {
1389 fill: #ffffff; }
1390 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-categoricalHoverRect {
1391 stroke: #000; }
1392 .tsi-lineChart.tsi-light .tsi-lineChartSVG text {
1393 fill: #000; }
1394 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-focus circle {
1395 fill: #000; }
1396 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-focusLine {
1397 stroke: #b3d6f2; }
1398 .tsi-lineChart.tsi-light .tsi-lineChartSVG .guideLine {
1399 stroke: #000; }
1400 .tsi-lineChart.tsi-light .tsi-lineChartSVG .standardYAxisText {
1401 font-weight: lighter !important;
1402 fill: #000 !important; }
1403 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-boldYAxisText {
1404 font-weight: bolder !important; }
1405 .tsi-lineChart.tsi-light .tsi-lineChartSVG .xAxisBaseline {
1406 stroke: #000 !important;
1407 pointer-events: none; }
1408 @media screen and (-ms-high-contrast: white-on-black) {
1409 .tsi-lineChart.tsi-light .tsi-lineChartSVG .xAxisBaseline {
1410 stroke: #fff !important; } }
1411 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-horizontalValueBar {
1412 stroke: rgba(0, 0, 0, 0.8); }
1413 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel {
1414 font-weight: 500;
1415 font-size: 13px; }
1416 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-axisHover {
1417 font-weight: bolder; }
1418 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover {
1419 cursor: pointer; }
1420 .tsi-lineChart.tsi-light .tsi-lineChartSVG .tsi-swimLaneLabel.tsi-boldOnHover:hover {
1421 font-weight: bolder; }
1422 .tsi-lineChart.tsi-light .tsi-scooterContainer {
1423 color: #000; }
1424 .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterTimeLabel {
1425 background-color: #ffffff;
1426 border-color: #136BFB; }
1427 .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
1428 background-color: transparent;
1429 border: none;
1430 margin: 0; }
1431 .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton:hover {
1432 background-color: #b3d6f2; }
1433 .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterLine, .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterDragger {
1434 background-color: #136BFB; }
1435 .tsi-lineChart.tsi-light .tsi-markerInstructions {
1436 background-color: rgba(255, 255, 255, 0.9); }
1437 .tsi-lineChart.tsi-light .yAxis path, .tsi-lineChart.tsi-light .xAxis path {
1438 stroke: #000; }
1439 .tsi-lineChart.tsi-light .yAxis .tick text, .tsi-lineChart.tsi-light .xAxis .tick text {
1440 fill: #000; }
1441 .tsi-lineChart.tsi-light .yAxis .tick line, .tsi-lineChart.tsi-light .xAxis .tick line {
1442 stroke: #000; }
1443 @media screen and (-ms-high-contrast: white-on-black) {
1444 .tsi-lineChart.tsi-light .yAxis path, .tsi-lineChart.tsi-light .xAxis path {
1445 stroke: #fff; }
1446 .tsi-lineChart.tsi-light .yAxis .tick text, .tsi-lineChart.tsi-light .xAxis .tick text {
1447 fill: #fff !important; }
1448 .tsi-lineChart.tsi-light .yAxis .tick line, .tsi-lineChart.tsi-light .xAxis .tick line {
1449 stroke: #fff; } }
1450 .tsi-lineChart.tsi-light .vHoverBox, .tsi-lineChart.tsi-light .hHoverBox {
1451 fill: #ffffff;
1452 stroke: #136BFB; }
1453 .tsi-lineChart.tsi-light .tsi-resizeGutter.tsi-isDragging {
1454 background-color: #dcdcdc; }
1455 .tsi-lineChart.tsi-light ::-webkit-scrollbar {
1456 height: 8px;
1457 width: 8px; }
1458 .tsi-lineChart.tsi-light ::-webkit-scrollbar-track {
1459 background: none; }
1460 .tsi-lineChart.tsi-light ::-webkit-scrollbar-thumb {
1461 background: #a6a6a6;
1462 border-radius: 8px; }
1463 .tsi-lineChart.tsi-light ::-webkit-scrollbar-thumb:hover {
1464 background: #a6a6a6; }
1465 .tsi-lineChart.tsi-light ::-webkit-scrollbar-track:hover {
1466 background: #f2f2f2; }
1467 .tsi-lineChart.tsi-light .hHoverText {
1468 text-anchor: middle; }
1469 .tsi-lineChart.tsi-light .vHoverText {
1470 text-anchor: end; }
1471 .tsi-lineChart.tsi-light .hoverText {
1472 stroke: none; }
1473 .tsi-lineChart.tsi-light .hHoverText, .tsi-lineChart.tsi-light .vHoverText {
1474 font-size: 11px !important; }
1475 .tsi-lineChart.tsi-light .hHoverValueBar {
1476 stroke: #000; }
1477 .tsi-lineChart.tsi-light .hoverText {
1478 fill: #000; }
1479 .tsi-lineChart.tsi-light .stacked g path {
1480 fill: #000 !important; }
1481 .tsi-lineChart.tsi-light .tooltip text {
1482 fill: #000; }
1483 .tsi-lineChart.tsi-light .tooltip rect {
1484 fill: #ffffff;
1485 stroke: #136BFB; }
1486 .tsi-lineChart.tsi-light .tsi-primaryButton {
1487 color: #000;
1488 border-color: rgba(0, 0, 0, 0.8);
1489 background-color: #f2f2f2; }
1490 .tsi-lineChart.tsi-light .tsi-primaryButton:hover {
1491 background-color: #b3d6f2; }
1492 .tsi-lineChart.tsi-light .yAxis path, .tsi-lineChart.tsi-light .xAxis path {
1493 stroke-width: 1px !important; }
1494 .tsi-lineChart.tsi-light .yAxis .tick text, .tsi-lineChart.tsi-light .xAxis .tick text {
1495 user-select: none; }
1496 .tsi-lineChart.tsi-light rect, .tsi-lineChart.tsi-light line {
1497 shape-rendering: crispedges; }
1498 .tsi-lineChart.tsi-light .stacked g path {
1499 stroke-width: 1;
1500 pointer-events: all;
1501 stroke: none; }
1502 .tsi-lineChart.tsi-light .stacked rect {
1503 cursor: pointer;
1504 fill: transparent;
1505 stroke-width: 1; }
1506 .tsi-lineChart.tsi-light .tooltip {
1507 pointer-events: none; }
1508 .tsi-lineChart.tsi-light .tooltip text {
1509 alignment-baseline: hanging; }
1510 .tsi-lineChart.tsi-light .tooltip .title {
1511 font-weight: bold;
1512 font-size: 13px; }
1513 .tsi-lineChart.tsi-light .tooltip .value {
1514 font-weight: normal;
1515 font-size: 12px;
1516 font-weight: lighter; }
1517 .tsi-lineChart.tsi-light .tooltip .value.visibleValue {
1518 font-weight: bold; }
1519 .tsi-lineChart.tsi-light .tsi-gridComponent {
1520 z-index: 3 !important; }
1521 .tsi-lineChart.tsi-light .hHoverValueBar {
1522 stroke-width: 4px; }
1523 .tsi-lineChart.tsi-light .focus {
1524 display: none; }
1525 .tsi-lineChart.tsi-light svg {
1526 display: block; }
1527 .tsi-lineChart.tsi-light .tsi-chartValueTextBox, .tsi-lineChart.tsi-light .tsi-horizontalValueBox, .tsi-lineChart.tsi-light .tsi-verticalValueBox {
1528 background-color: #ffffff;
1529 border-color: #b3d6f2; }
1530 .tsi-lineChart.tsi-light .tsi-baseMono {
1531 background: #f2f2f2; }
1532 .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterValueLabel {
1533 background-color: rgba(255, 255, 255, 0.9); }
1534 .tsi-lineChart.tsi-light .tsi-resizeGutter {
1535 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"); }
1536 .tsi-lineChart .tsi-lineChartEventsWrapper, .tsi-lineChart .tsi-lineChartStatesWrapper {
1537 position: absolute;
1538 pointer-events: none; }
1539 .tsi-lineChart .tsi-lineChartEventsWrapper svg, .tsi-lineChart .tsi-lineChartStatesWrapper svg {
1540 display: block; }
1541 .tsi-lineChart .tsi-lineChartSVG .tsi-categoricalHoverRect {
1542 pointer-events: none;
1543 fill-opacity: .3;
1544 stroke-opacity: .5;
1545 stroke-width: 1px; }
1546 .tsi-lineChart .tsi-lineChartSVG .tsi-backdropRect {
1547 fill: white;
1548 fill-opacity: 0; }
1549 .tsi-lineChart .tsi-lineChartSVG .voronoiRect {
1550 fill-opacity: 0;
1551 cursor: crosshair; }
1552 .tsi-lineChart .tsi-lineChartSVG .voronoi path {
1553 fill: none;
1554 pointer-events: all;
1555 cursor: crosshair; }
1556 .tsi-lineChart .tsi-lineChartSVG text {
1557 font-size: 12px; }
1558 .tsi-lineChart .tsi-lineChartSVG path {
1559 fill: none; }
1560 .tsi-lineChart .tsi-lineChartSVG .tsi-focus circle {
1561 stroke-width: 1px;
1562 pointer-events: none; }
1563 .tsi-lineChart .tsi-lineChartSVG .tsi-focusLine {
1564 stroke-width: 1px !important;
1565 pointer-events: none; }
1566 .tsi-lineChart .tsi-lineChartSVG .tsi-valueLine {
1567 stroke-width: 2px;
1568 will-change: stroke-opacity;
1569 stroke-width: 2px;
1570 stroke-linecap: round;
1571 stroke-linejoin: round;
1572 pointer-events: none;
1573 transition: stroke-opacity .2s ease; }
1574 .tsi-lineChart .tsi-lineChartSVG .tsi-valueEnvelope {
1575 pointer-events: none; }
1576 .tsi-lineChart .tsi-lineChartSVG .tsi-valueArea {
1577 stroke: none;
1578 will-change: fill-opacity; }
1579 .tsi-lineChart .tsi-lineChartSVG .tsi-valueDot {
1580 stroke: none;
1581 pointer-events: none; }
1582 .tsi-lineChart .tsi-lineChartSVG .tsi-gapLine {
1583 stroke-width: 1px !important; }
1584 .tsi-lineChart .tsi-stackedButton.tsi-lightTheme {
1585 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"); }
1586 .tsi-lineChart .tsi-stackedButton.tsi-darkTheme {
1587 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"); }
1588 .tsi-lineChart .tsi-ellipsisContainerDiv {
1589 left: auto;
1590 right: 20px;
1591 top: 0px;
1592 position: absolute; }
1593 .tsi-lineChart .tsi-scooterButton {
1594 cursor: pointer;
1595 border-radius: 3px;
1596 border-width: 1px;
1597 border-style: solid;
1598 border-color: transparent; }
1599 .tsi-lineChart .tsi-scooterButton.tsi-lightTheme {
1600 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M1.30005 2.4004H13.76V8.9691H1.30005L5.12988 5.6848L1.30005 2.4004Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.29004 2.2129H14.75V8.7816H2.29004L6.11011 5.4973L2.29004 2.2129Z%22 fill%3D%22%23E9E9E9%22 stroke%3D%22%23666666%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M15.6938 1H14.54V14H15.6938V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E"); }
1601 .tsi-lineChart .tsi-scooterButton.tsi-darkTheme {
1602 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219%22 height%3D%2216%22 viewBox%3D%220 0 19 16%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M2.30005 2.40039H14.761V8.96909H2.30005L6.12605 5.68479L2.30005 2.40039Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M3.28613 2.21289H15.7471V8.78159H3.28613L7.11213 5.49729L3.28613 2.21289Z%22 fill%3D%22%23F4F4F4%22 fill-opacity%3D%220.25%22 stroke%3D%22%23F4F4F4%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M16.6978 1H15.5439V14H16.6978V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E"); }
1603 .tsi-lineChart.tsi-light .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
1604 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
1605 .tsi-lineChart.tsi-dark .tsi-scooterContainer .tsi-scooterTimeLabel .tsi-closeButton {
1606 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
1607
1608div[class^='tsi-'] {
1609 box-sizing: border-box;
1610 font-family: "Segoe UI", sans-serif; }
1611
1612.tsi-textWrap {
1613 overflow: hidden;
1614 white-space: pre-wrap;
1615 text-overflow: ellipsis;
1616 hyphens: auto;
1617 overflow-wrap: break-word; }
1618
1619.tsi-hidden {
1620 display: none; }
1621
1622@keyframes tsi-slideIn {
1623 from {
1624 transform: translateY(-10px);
1625 opacity: 0; }
1626 to {
1627 transform: translateY(0px);
1628 opacity: 1; } }
1629
1630@keyframes tsi-slideRight {
1631 from {
1632 transform: translateX(-10px);
1633 opacity: 0; }
1634 to {
1635 transform: translateX(0px);
1636 opacity: 1; } }
1637
1638.tsi-resizeGutter {
1639 width: 6px;
1640 cursor: e-resize;
1641 padding: 2px;
1642 background-position-y: 50%;
1643 background-position-x: 0px;
1644 background-repeat: no-repeat; }
1645
1646.tsi-chartValueTextBox {
1647 position: absolute;
1648 white-space: nowrap;
1649 font-size: 11px;
1650 padding: 1px 4px;
1651 border-width: 1px;
1652 border-style: solid;
1653 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1654 line-height: 16px; }
1655
1656.tsi-baseContextMenu {
1657 white-space: nowrap;
1658 padding: 4px 0;
1659 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
1660 border-width: 1px;
1661 border-radius: 2px;
1662 border-style: solid;
1663 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1664 text-align: left; }
1665 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
1666 padding: 4px 8px;
1667 font-size: 12px;
1668 cursor: pointer;
1669 height: 28px;
1670 display: flex;
1671 align-items: center;
1672 overflow: hidden; }
1673 .tsi-baseContextMenu .tsi-break {
1674 height: 4px;
1675 margin-top: 4px;
1676 padding: 0 0 4px 0;
1677 cursor: default; }
1678 .tsi-baseContextMenu .tsi-break:last-of-type {
1679 display: none; }
1680
1681.tsi-primaryButton {
1682 height: 36px;
1683 border-radius: 4px;
1684 border-width: 1px;
1685 border-style: solid; }
1686 .tsi-primaryButton.disabled {
1687 cursor: default;
1688 pointer-events: none;
1689 opacity: .5; }
1690
1691.tsi-chartControlsPanel {
1692 height: 20px;
1693 right: 0px;
1694 width: 100px;
1695 position: absolute;
1696 z-index: 2;
1697 pointer-events: none; }
1698 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
1699 pointer-events: all;
1700 left: auto;
1701 right: 20px;
1702 top: 0px;
1703 position: absolute; }
1704 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
1705 pointer-events: all; }
1706 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
1707 z-index: 2 !important; }
1708 .tsi-chartControlsPanel .tsi-stackedButton {
1709 pointer-events: all;
1710 display: block;
1711 background-size: 20px 20px;
1712 background-repeat: no-repeat;
1713 background-position: center;
1714 position: absolute;
1715 height: 100%;
1716 width: 20px;
1717 cursor: pointer;
1718 background-color: transparent;
1719 border: none; }
1720 .tsi-chartControlsPanel .tsi-scooterButton {
1721 display: block;
1722 background-size: 20px 20px;
1723 background-repeat: no-repeat;
1724 background-position: center;
1725 position: absolute;
1726 height: 20px;
1727 width: 20px; }
1728
1729select::-ms-expand {
1730 display: none; }
1731
1732.tsi-select {
1733 margin: 2px;
1734 position: relative;
1735 -webkit-appearance: none;
1736 -moz-appearance: none;
1737 padding: 6px;
1738 padding-right: 28px;
1739 border-width: 1px;
1740 border-radius: 2px;
1741 border-style: solid;
1742 white-space: nowrap;
1743 overflow: hidden;
1744 height: 32px;
1745 background-position-y: 12px;
1746 background-position-x: calc(100% - 4px); }
1747 .tsi-select option {
1748 padding: 6px; }
1749
1750.tsi-warmRect {
1751 fill: #FFA800;
1752 stroke: #FFA800; }
1753
1754.pika-single {
1755 border-bottom: none;
1756 border-left: none;
1757 border-right: none; }
1758 .pika-single .pika-lendar {
1759 text-decoration: none;
1760 width: 196px;
1761 margin-left: 12px;
1762 margin-right: 12px; }
1763 .pika-single .pika-lendar abbr {
1764 text-decoration: none; }
1765 .pika-single .pika-lendar .pika-table .pika-row {
1766 height: 28px;
1767 margin: 0px; }
1768 .pika-single .pika-lendar .pika-table .pika-row td {
1769 padding: 0px; }
1770 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
1771 background-color: #d5ebe9; }
1772 .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 {
1773 background-color: #309d90;
1774 color: white; }
1775 .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 {
1776 background-color: #309d90;
1777 color: white; }
1778 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
1779 border-bottom-left-radius: 8px;
1780 border-top-left-radius: 8px; }
1781 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
1782 border-bottom-right-radius: 8px;
1783 border-top-right-radius: 8px; }
1784 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
1785 width: 100%;
1786 height: 28px;
1787 width: 28px;
1788 margin: 0px; }
1789 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
1790 background-color: #309d90;
1791 color: white; }
1792 .pika-single .pika-lendar .pika-table .pika-button {
1793 border-radius: 0px;
1794 text-align: center; }
1795
1796.tsi-search {
1797 width: 100%;
1798 height: 100%;
1799 display: flex;
1800 flex-shrink: 0;
1801 align-items: center;
1802 position: relative; }
1803 .tsi-search .tsi-search-icon {
1804 width: 21px;
1805 height: 17px;
1806 background-repeat: no-repeat;
1807 margin-left: 8px;
1808 background-size: 14px;
1809 background-position-y: 2px; }
1810 .tsi-search .tsi-searchInput {
1811 position: absolute;
1812 width: 100%;
1813 height: 100%;
1814 padding-left: 28px;
1815 background: transparent;
1816 outline: none;
1817 text-overflow: ellipsis; }
1818
1819.tsi-baseMono {
1820 display: inline-block;
1821 padding: 4px;
1822 border-radius: 3px;
1823 font-family: "Lucida Console", Monaco, monospace;
1824 font-size: 85%;
1825 line-height: 85%;
1826 font-weight: 300; }
1827
1828.tsi-sliderComponent {
1829 position: absolute;
1830 height: 55px;
1831 bottom: 0px;
1832 right: 0px; }
1833 .tsi-sliderComponent.tsi-dark .tsi-sliderTrack {
1834 stroke: #fff; }
1835 .tsi-sliderComponent.tsi-dark .tsi-sliderHandle {
1836 fill: white;
1837 stroke: #60AAFF; }
1838 .tsi-sliderComponent.tsi-dark .tsi-sliderLabel {
1839 background: #0d0f0e;
1840 color: #fff; }
1841 .tsi-sliderComponent.tsi-light .tsi-sliderTrack {
1842 stroke: #000; }
1843 .tsi-sliderComponent.tsi-light .tsi-sliderHandle {
1844 fill: white;
1845 stroke: #136BFB; }
1846 .tsi-sliderComponent.tsi-light .tsi-sliderLabel {
1847 background: #ffffff;
1848 color: #000; }
1849 .tsi-sliderComponent .tsi-sliderG .tsi-sliderTrack {
1850 stroke-width: 1px; }
1851 .tsi-sliderComponent .tsi-sliderG .tsi-sliderTrackOverlay {
1852 pointer-events: stroke;
1853 stroke-width: 50px;
1854 stroke: transparent;
1855 cursor: pointer; }
1856 .tsi-sliderComponent .tsi-sliderG .tsi-sliderHandle {
1857 stroke-width: 1.5; }
1858
1859.tsi-sliderLabel {
1860 position: absolute;
1861 bottom: 5px;
1862 right: 0px;
1863 font-size: 11px; }
1864
1865div[class^='tsi-'] {
1866 box-sizing: border-box;
1867 font-family: "Segoe UI", sans-serif; }
1868
1869.tsi-textWrap {
1870 overflow: hidden;
1871 white-space: pre-wrap;
1872 text-overflow: ellipsis;
1873 hyphens: auto;
1874 overflow-wrap: break-word; }
1875
1876.tsi-hidden {
1877 display: none; }
1878
1879@keyframes tsi-slideIn {
1880 from {
1881 transform: translateY(-10px);
1882 opacity: 0; }
1883 to {
1884 transform: translateY(0px);
1885 opacity: 1; } }
1886
1887@keyframes tsi-slideRight {
1888 from {
1889 transform: translateX(-10px);
1890 opacity: 0; }
1891 to {
1892 transform: translateX(0px);
1893 opacity: 1; } }
1894
1895.tsi-resizeGutter {
1896 width: 6px;
1897 cursor: e-resize;
1898 padding: 2px;
1899 background-position-y: 50%;
1900 background-position-x: 0px;
1901 background-repeat: no-repeat; }
1902
1903.tsi-chartValueTextBox {
1904 position: absolute;
1905 white-space: nowrap;
1906 font-size: 11px;
1907 padding: 1px 4px;
1908 border-width: 1px;
1909 border-style: solid;
1910 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1911 line-height: 16px; }
1912
1913.tsi-baseContextMenu {
1914 white-space: nowrap;
1915 padding: 4px 0;
1916 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
1917 border-width: 1px;
1918 border-radius: 2px;
1919 border-style: solid;
1920 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1921 text-align: left; }
1922 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
1923 padding: 4px 8px;
1924 font-size: 12px;
1925 cursor: pointer;
1926 height: 28px;
1927 display: flex;
1928 align-items: center;
1929 overflow: hidden; }
1930 .tsi-baseContextMenu .tsi-break {
1931 height: 4px;
1932 margin-top: 4px;
1933 padding: 0 0 4px 0;
1934 cursor: default; }
1935 .tsi-baseContextMenu .tsi-break:last-of-type {
1936 display: none; }
1937
1938.tsi-primaryButton {
1939 height: 36px;
1940 border-radius: 4px;
1941 border-width: 1px;
1942 border-style: solid; }
1943 .tsi-primaryButton.disabled {
1944 cursor: default;
1945 pointer-events: none;
1946 opacity: .5; }
1947
1948.tsi-chartControlsPanel {
1949 height: 20px;
1950 right: 0px;
1951 width: 100px;
1952 position: absolute;
1953 z-index: 2;
1954 pointer-events: none; }
1955 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
1956 pointer-events: all;
1957 left: auto;
1958 right: 20px;
1959 top: 0px;
1960 position: absolute; }
1961 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
1962 pointer-events: all; }
1963 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
1964 z-index: 2 !important; }
1965 .tsi-chartControlsPanel .tsi-stackedButton {
1966 pointer-events: all;
1967 display: block;
1968 background-size: 20px 20px;
1969 background-repeat: no-repeat;
1970 background-position: center;
1971 position: absolute;
1972 height: 100%;
1973 width: 20px;
1974 cursor: pointer;
1975 background-color: transparent;
1976 border: none; }
1977 .tsi-chartControlsPanel .tsi-scooterButton {
1978 display: block;
1979 background-size: 20px 20px;
1980 background-repeat: no-repeat;
1981 background-position: center;
1982 position: absolute;
1983 height: 20px;
1984 width: 20px; }
1985
1986select::-ms-expand {
1987 display: none; }
1988
1989.tsi-select {
1990 margin: 2px;
1991 position: relative;
1992 -webkit-appearance: none;
1993 -moz-appearance: none;
1994 padding: 6px;
1995 padding-right: 28px;
1996 border-width: 1px;
1997 border-radius: 2px;
1998 border-style: solid;
1999 white-space: nowrap;
2000 overflow: hidden;
2001 height: 32px;
2002 background-position-y: 12px;
2003 background-position-x: calc(100% - 4px); }
2004 .tsi-select option {
2005 padding: 6px; }
2006
2007.tsi-warmRect {
2008 fill: #FFA800;
2009 stroke: #FFA800; }
2010
2011.pika-single {
2012 border-bottom: none;
2013 border-left: none;
2014 border-right: none; }
2015 .pika-single .pika-lendar {
2016 text-decoration: none;
2017 width: 196px;
2018 margin-left: 12px;
2019 margin-right: 12px; }
2020 .pika-single .pika-lendar abbr {
2021 text-decoration: none; }
2022 .pika-single .pika-lendar .pika-table .pika-row {
2023 height: 28px;
2024 margin: 0px; }
2025 .pika-single .pika-lendar .pika-table .pika-row td {
2026 padding: 0px; }
2027 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
2028 background-color: #d5ebe9; }
2029 .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 {
2030 background-color: #309d90;
2031 color: white; }
2032 .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 {
2033 background-color: #309d90;
2034 color: white; }
2035 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
2036 border-bottom-left-radius: 8px;
2037 border-top-left-radius: 8px; }
2038 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
2039 border-bottom-right-radius: 8px;
2040 border-top-right-radius: 8px; }
2041 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
2042 width: 100%;
2043 height: 28px;
2044 width: 28px;
2045 margin: 0px; }
2046 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
2047 background-color: #309d90;
2048 color: white; }
2049 .pika-single .pika-lendar .pika-table .pika-button {
2050 border-radius: 0px;
2051 text-align: center; }
2052
2053.tsi-search {
2054 width: 100%;
2055 height: 100%;
2056 display: flex;
2057 flex-shrink: 0;
2058 align-items: center;
2059 position: relative; }
2060 .tsi-search .tsi-search-icon {
2061 width: 21px;
2062 height: 17px;
2063 background-repeat: no-repeat;
2064 margin-left: 8px;
2065 background-size: 14px;
2066 background-position-y: 2px; }
2067 .tsi-search .tsi-searchInput {
2068 position: absolute;
2069 width: 100%;
2070 height: 100%;
2071 padding-left: 28px;
2072 background: transparent;
2073 outline: none;
2074 text-overflow: ellipsis; }
2075
2076.tsi-baseMono {
2077 display: inline-block;
2078 padding: 4px;
2079 border-radius: 3px;
2080 font-family: "Lucida Console", Monaco, monospace;
2081 font-size: 85%;
2082 line-height: 85%;
2083 font-weight: 300; }
2084
2085.tsi-pieChart {
2086 display: flex;
2087 position: relative; }
2088 .tsi-pieChart.tsi-dark {
2089 color: #fff;
2090 background: #0d0f0e; }
2091 .tsi-pieChart.tsi-dark .tsi-pieChartSVG text {
2092 fill: #fff; }
2093 .tsi-pieChart.tsi-dark .tsi-pieChartSVG path {
2094 stroke: #fff; }
2095 .tsi-pieChart.tsi-dark .yAxis path, .tsi-pieChart.tsi-dark .xAxis path {
2096 stroke: #fff; }
2097 .tsi-pieChart.tsi-dark .yAxis .tick text, .tsi-pieChart.tsi-dark .xAxis .tick text {
2098 fill: #fff; }
2099 .tsi-pieChart.tsi-dark .yAxis .tick line, .tsi-pieChart.tsi-dark .xAxis .tick line {
2100 stroke: #fff; }
2101 @media screen and (-ms-high-contrast: white-on-black) {
2102 .tsi-pieChart.tsi-dark .yAxis path, .tsi-pieChart.tsi-dark .xAxis path {
2103 stroke: #fff; }
2104 .tsi-pieChart.tsi-dark .yAxis .tick text, .tsi-pieChart.tsi-dark .xAxis .tick text {
2105 fill: #fff !important; }
2106 .tsi-pieChart.tsi-dark .yAxis .tick line, .tsi-pieChart.tsi-dark .xAxis .tick line {
2107 stroke: #fff; } }
2108 .tsi-pieChart.tsi-dark .vHoverBox, .tsi-pieChart.tsi-dark .hHoverBox {
2109 fill: #0d0f0e;
2110 stroke: #60AAFF; }
2111 .tsi-pieChart.tsi-dark .tsi-resizeGutter.tsi-isDragging {
2112 background-color: #31373e; }
2113 .tsi-pieChart.tsi-dark ::-webkit-scrollbar {
2114 height: 8px;
2115 width: 8px; }
2116 .tsi-pieChart.tsi-dark ::-webkit-scrollbar-track {
2117 background: none; }
2118 .tsi-pieChart.tsi-dark ::-webkit-scrollbar-thumb {
2119 background: #666666;
2120 border-radius: 8px; }
2121 .tsi-pieChart.tsi-dark ::-webkit-scrollbar-thumb:hover {
2122 background: #666666; }
2123 .tsi-pieChart.tsi-dark ::-webkit-scrollbar-track:hover {
2124 background: #1e2223; }
2125 .tsi-pieChart.tsi-dark .hHoverText {
2126 text-anchor: middle; }
2127 .tsi-pieChart.tsi-dark .vHoverText {
2128 text-anchor: end; }
2129 .tsi-pieChart.tsi-dark .hoverText {
2130 stroke: none; }
2131 .tsi-pieChart.tsi-dark .hHoverText, .tsi-pieChart.tsi-dark .vHoverText {
2132 font-size: 11px !important; }
2133 .tsi-pieChart.tsi-dark .hHoverValueBar {
2134 stroke: #fff; }
2135 .tsi-pieChart.tsi-dark .hoverText {
2136 fill: #fff; }
2137 .tsi-pieChart.tsi-dark .stacked g path {
2138 fill: #fff !important; }
2139 .tsi-pieChart.tsi-dark .tooltip text {
2140 fill: #fff; }
2141 .tsi-pieChart.tsi-dark .tooltip rect {
2142 fill: #0d0f0e;
2143 stroke: #60AAFF; }
2144 .tsi-pieChart.tsi-dark .tsi-primaryButton {
2145 color: #fff;
2146 border-color: rgba(255, 255, 255, 0.8);
2147 background-color: #1e2223; }
2148 .tsi-pieChart.tsi-dark .tsi-primaryButton:hover {
2149 background-color: #62666c; }
2150 .tsi-pieChart.tsi-dark .yAxis path, .tsi-pieChart.tsi-dark .xAxis path {
2151 stroke-width: 1px !important; }
2152 .tsi-pieChart.tsi-dark .yAxis .tick text, .tsi-pieChart.tsi-dark .xAxis .tick text {
2153 user-select: none; }
2154 .tsi-pieChart.tsi-dark rect, .tsi-pieChart.tsi-dark line {
2155 shape-rendering: crispedges; }
2156 .tsi-pieChart.tsi-dark .stacked g path {
2157 stroke-width: 1;
2158 pointer-events: all;
2159 stroke: none; }
2160 .tsi-pieChart.tsi-dark .stacked rect {
2161 cursor: pointer;
2162 fill: transparent;
2163 stroke-width: 1; }
2164 .tsi-pieChart.tsi-dark .tooltip {
2165 pointer-events: none; }
2166 .tsi-pieChart.tsi-dark .tooltip text {
2167 alignment-baseline: hanging; }
2168 .tsi-pieChart.tsi-dark .tooltip .title {
2169 font-weight: bold;
2170 font-size: 13px; }
2171 .tsi-pieChart.tsi-dark .tooltip .value {
2172 font-weight: normal;
2173 font-size: 12px;
2174 font-weight: lighter; }
2175 .tsi-pieChart.tsi-dark .tooltip .value.visibleValue {
2176 font-weight: bold; }
2177 .tsi-pieChart.tsi-dark .tsi-gridComponent {
2178 z-index: 3 !important; }
2179 .tsi-pieChart.tsi-dark .hHoverValueBar {
2180 stroke-width: 4px; }
2181 .tsi-pieChart.tsi-dark .focus {
2182 display: none; }
2183 .tsi-pieChart.tsi-dark svg {
2184 display: block; }
2185 .tsi-pieChart.tsi-dark .tsi-chartValueTextBox {
2186 background-color: #0d0f0e;
2187 border-color: #62666c; }
2188 .tsi-pieChart.tsi-dark .tsi-baseMono {
2189 background: #1e2223; }
2190 .tsi-pieChart.tsi-dark .tsi-resizeGutter {
2191 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"); }
2192 .tsi-pieChart.tsi-light {
2193 color: #000;
2194 background: #ffffff; }
2195 .tsi-pieChart.tsi-light .tsi-pieChartSVG text {
2196 fill: #000; }
2197 .tsi-pieChart.tsi-light .tsi-pieChartSVG path {
2198 stroke: #000; }
2199 .tsi-pieChart.tsi-light .yAxis path, .tsi-pieChart.tsi-light .xAxis path {
2200 stroke: #000; }
2201 .tsi-pieChart.tsi-light .yAxis .tick text, .tsi-pieChart.tsi-light .xAxis .tick text {
2202 fill: #000; }
2203 .tsi-pieChart.tsi-light .yAxis .tick line, .tsi-pieChart.tsi-light .xAxis .tick line {
2204 stroke: #000; }
2205 @media screen and (-ms-high-contrast: white-on-black) {
2206 .tsi-pieChart.tsi-light .yAxis path, .tsi-pieChart.tsi-light .xAxis path {
2207 stroke: #fff; }
2208 .tsi-pieChart.tsi-light .yAxis .tick text, .tsi-pieChart.tsi-light .xAxis .tick text {
2209 fill: #fff !important; }
2210 .tsi-pieChart.tsi-light .yAxis .tick line, .tsi-pieChart.tsi-light .xAxis .tick line {
2211 stroke: #fff; } }
2212 .tsi-pieChart.tsi-light .vHoverBox, .tsi-pieChart.tsi-light .hHoverBox {
2213 fill: #ffffff;
2214 stroke: #136BFB; }
2215 .tsi-pieChart.tsi-light .tsi-resizeGutter.tsi-isDragging {
2216 background-color: #dcdcdc; }
2217 .tsi-pieChart.tsi-light ::-webkit-scrollbar {
2218 height: 8px;
2219 width: 8px; }
2220 .tsi-pieChart.tsi-light ::-webkit-scrollbar-track {
2221 background: none; }
2222 .tsi-pieChart.tsi-light ::-webkit-scrollbar-thumb {
2223 background: #a6a6a6;
2224 border-radius: 8px; }
2225 .tsi-pieChart.tsi-light ::-webkit-scrollbar-thumb:hover {
2226 background: #a6a6a6; }
2227 .tsi-pieChart.tsi-light ::-webkit-scrollbar-track:hover {
2228 background: #f2f2f2; }
2229 .tsi-pieChart.tsi-light .hHoverText {
2230 text-anchor: middle; }
2231 .tsi-pieChart.tsi-light .vHoverText {
2232 text-anchor: end; }
2233 .tsi-pieChart.tsi-light .hoverText {
2234 stroke: none; }
2235 .tsi-pieChart.tsi-light .hHoverText, .tsi-pieChart.tsi-light .vHoverText {
2236 font-size: 11px !important; }
2237 .tsi-pieChart.tsi-light .hHoverValueBar {
2238 stroke: #000; }
2239 .tsi-pieChart.tsi-light .hoverText {
2240 fill: #000; }
2241 .tsi-pieChart.tsi-light .stacked g path {
2242 fill: #000 !important; }
2243 .tsi-pieChart.tsi-light .tooltip text {
2244 fill: #000; }
2245 .tsi-pieChart.tsi-light .tooltip rect {
2246 fill: #ffffff;
2247 stroke: #136BFB; }
2248 .tsi-pieChart.tsi-light .tsi-primaryButton {
2249 color: #000;
2250 border-color: rgba(0, 0, 0, 0.8);
2251 background-color: #f2f2f2; }
2252 .tsi-pieChart.tsi-light .tsi-primaryButton:hover {
2253 background-color: #b3d6f2; }
2254 .tsi-pieChart.tsi-light .yAxis path, .tsi-pieChart.tsi-light .xAxis path {
2255 stroke-width: 1px !important; }
2256 .tsi-pieChart.tsi-light .yAxis .tick text, .tsi-pieChart.tsi-light .xAxis .tick text {
2257 user-select: none; }
2258 .tsi-pieChart.tsi-light rect, .tsi-pieChart.tsi-light line {
2259 shape-rendering: crispedges; }
2260 .tsi-pieChart.tsi-light .stacked g path {
2261 stroke-width: 1;
2262 pointer-events: all;
2263 stroke: none; }
2264 .tsi-pieChart.tsi-light .stacked rect {
2265 cursor: pointer;
2266 fill: transparent;
2267 stroke-width: 1; }
2268 .tsi-pieChart.tsi-light .tooltip {
2269 pointer-events: none; }
2270 .tsi-pieChart.tsi-light .tooltip text {
2271 alignment-baseline: hanging; }
2272 .tsi-pieChart.tsi-light .tooltip .title {
2273 font-weight: bold;
2274 font-size: 13px; }
2275 .tsi-pieChart.tsi-light .tooltip .value {
2276 font-weight: normal;
2277 font-size: 12px;
2278 font-weight: lighter; }
2279 .tsi-pieChart.tsi-light .tooltip .value.visibleValue {
2280 font-weight: bold; }
2281 .tsi-pieChart.tsi-light .tsi-gridComponent {
2282 z-index: 3 !important; }
2283 .tsi-pieChart.tsi-light .hHoverValueBar {
2284 stroke-width: 4px; }
2285 .tsi-pieChart.tsi-light .focus {
2286 display: none; }
2287 .tsi-pieChart.tsi-light svg {
2288 display: block; }
2289 .tsi-pieChart.tsi-light .tsi-chartValueTextBox {
2290 background-color: #ffffff;
2291 border-color: #b3d6f2; }
2292 .tsi-pieChart.tsi-light .tsi-baseMono {
2293 background: #f2f2f2; }
2294 .tsi-pieChart.tsi-light .tsi-resizeGutter {
2295 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"); }
2296 .tsi-pieChart .tsi-sliderWrapper {
2297 position: absolute;
2298 height: 55px;
2299 bottom: 8px;
2300 right: 0px;
2301 width: 100%; }
2302
2303div[class^='tsi-'] {
2304 box-sizing: border-box;
2305 font-family: "Segoe UI", sans-serif; }
2306
2307.tsi-textWrap {
2308 overflow: hidden;
2309 white-space: pre-wrap;
2310 text-overflow: ellipsis;
2311 hyphens: auto;
2312 overflow-wrap: break-word; }
2313
2314.tsi-hidden {
2315 display: none; }
2316
2317@keyframes tsi-slideIn {
2318 from {
2319 transform: translateY(-10px);
2320 opacity: 0; }
2321 to {
2322 transform: translateY(0px);
2323 opacity: 1; } }
2324
2325@keyframes tsi-slideRight {
2326 from {
2327 transform: translateX(-10px);
2328 opacity: 0; }
2329 to {
2330 transform: translateX(0px);
2331 opacity: 1; } }
2332
2333.tsi-resizeGutter {
2334 width: 6px;
2335 cursor: e-resize;
2336 padding: 2px;
2337 background-position-y: 50%;
2338 background-position-x: 0px;
2339 background-repeat: no-repeat; }
2340
2341.tsi-chartValueTextBox {
2342 position: absolute;
2343 white-space: nowrap;
2344 font-size: 11px;
2345 padding: 1px 4px;
2346 border-width: 1px;
2347 border-style: solid;
2348 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2349 line-height: 16px; }
2350
2351.tsi-baseContextMenu {
2352 white-space: nowrap;
2353 padding: 4px 0;
2354 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
2355 border-width: 1px;
2356 border-radius: 2px;
2357 border-style: solid;
2358 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2359 text-align: left; }
2360 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
2361 padding: 4px 8px;
2362 font-size: 12px;
2363 cursor: pointer;
2364 height: 28px;
2365 display: flex;
2366 align-items: center;
2367 overflow: hidden; }
2368 .tsi-baseContextMenu .tsi-break {
2369 height: 4px;
2370 margin-top: 4px;
2371 padding: 0 0 4px 0;
2372 cursor: default; }
2373 .tsi-baseContextMenu .tsi-break:last-of-type {
2374 display: none; }
2375
2376.tsi-primaryButton {
2377 height: 36px;
2378 border-radius: 4px;
2379 border-width: 1px;
2380 border-style: solid; }
2381 .tsi-primaryButton.disabled {
2382 cursor: default;
2383 pointer-events: none;
2384 opacity: .5; }
2385
2386.tsi-chartControlsPanel {
2387 height: 20px;
2388 right: 0px;
2389 width: 100px;
2390 position: absolute;
2391 z-index: 2;
2392 pointer-events: none; }
2393 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
2394 pointer-events: all;
2395 left: auto;
2396 right: 20px;
2397 top: 0px;
2398 position: absolute; }
2399 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
2400 pointer-events: all; }
2401 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2402 z-index: 2 !important; }
2403 .tsi-chartControlsPanel .tsi-stackedButton {
2404 pointer-events: all;
2405 display: block;
2406 background-size: 20px 20px;
2407 background-repeat: no-repeat;
2408 background-position: center;
2409 position: absolute;
2410 height: 100%;
2411 width: 20px;
2412 cursor: pointer;
2413 background-color: transparent;
2414 border: none; }
2415 .tsi-chartControlsPanel .tsi-scooterButton {
2416 display: block;
2417 background-size: 20px 20px;
2418 background-repeat: no-repeat;
2419 background-position: center;
2420 position: absolute;
2421 height: 20px;
2422 width: 20px; }
2423
2424select::-ms-expand {
2425 display: none; }
2426
2427.tsi-select {
2428 margin: 2px;
2429 position: relative;
2430 -webkit-appearance: none;
2431 -moz-appearance: none;
2432 padding: 6px;
2433 padding-right: 28px;
2434 border-width: 1px;
2435 border-radius: 2px;
2436 border-style: solid;
2437 white-space: nowrap;
2438 overflow: hidden;
2439 height: 32px;
2440 background-position-y: 12px;
2441 background-position-x: calc(100% - 4px); }
2442 .tsi-select option {
2443 padding: 6px; }
2444
2445.tsi-warmRect {
2446 fill: #FFA800;
2447 stroke: #FFA800; }
2448
2449.pika-single {
2450 border-bottom: none;
2451 border-left: none;
2452 border-right: none; }
2453 .pika-single .pika-lendar {
2454 text-decoration: none;
2455 width: 196px;
2456 margin-left: 12px;
2457 margin-right: 12px; }
2458 .pika-single .pika-lendar abbr {
2459 text-decoration: none; }
2460 .pika-single .pika-lendar .pika-table .pika-row {
2461 height: 28px;
2462 margin: 0px; }
2463 .pika-single .pika-lendar .pika-table .pika-row td {
2464 padding: 0px; }
2465 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
2466 background-color: #d5ebe9; }
2467 .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 {
2468 background-color: #309d90;
2469 color: white; }
2470 .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 {
2471 background-color: #309d90;
2472 color: white; }
2473 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
2474 border-bottom-left-radius: 8px;
2475 border-top-left-radius: 8px; }
2476 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
2477 border-bottom-right-radius: 8px;
2478 border-top-right-radius: 8px; }
2479 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
2480 width: 100%;
2481 height: 28px;
2482 width: 28px;
2483 margin: 0px; }
2484 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
2485 background-color: #309d90;
2486 color: white; }
2487 .pika-single .pika-lendar .pika-table .pika-button {
2488 border-radius: 0px;
2489 text-align: center; }
2490
2491.tsi-search {
2492 width: 100%;
2493 height: 100%;
2494 display: flex;
2495 flex-shrink: 0;
2496 align-items: center;
2497 position: relative; }
2498 .tsi-search .tsi-search-icon {
2499 width: 21px;
2500 height: 17px;
2501 background-repeat: no-repeat;
2502 margin-left: 8px;
2503 background-size: 14px;
2504 background-position-y: 2px; }
2505 .tsi-search .tsi-searchInput {
2506 position: absolute;
2507 width: 100%;
2508 height: 100%;
2509 padding-left: 28px;
2510 background: transparent;
2511 outline: none;
2512 text-overflow: ellipsis; }
2513
2514.tsi-baseMono {
2515 display: inline-block;
2516 padding: 4px;
2517 border-radius: 3px;
2518 font-family: "Lucida Console", Monaco, monospace;
2519 font-size: 85%;
2520 line-height: 85%;
2521 font-weight: 300; }
2522
2523.tsi-barChart {
2524 display: flex;
2525 position: relative; }
2526 .tsi-barChart.tsi-dark {
2527 color: #fff;
2528 background: #0d0f0e; }
2529 .tsi-barChart.tsi-dark text {
2530 fill: #fff; }
2531 .tsi-barChart.tsi-dark .tsi-barChartSVG .tsi-baseLine {
2532 stroke: #fff; }
2533 .tsi-barChart.tsi-dark .tsi-barChartSVG .tsi-focusLine {
2534 stroke: #62666c; }
2535 .tsi-barChart.tsi-dark .tsi-barChartSVG .aggregateLabelBox {
2536 fill: #0d0f0e; }
2537 .tsi-barChart.tsi-dark .yAxis path, .tsi-barChart.tsi-dark .xAxis path {
2538 stroke: #fff; }
2539 .tsi-barChart.tsi-dark .yAxis .tick text, .tsi-barChart.tsi-dark .xAxis .tick text {
2540 fill: #fff; }
2541 .tsi-barChart.tsi-dark .yAxis .tick line, .tsi-barChart.tsi-dark .xAxis .tick line {
2542 stroke: #fff; }
2543 @media screen and (-ms-high-contrast: white-on-black) {
2544 .tsi-barChart.tsi-dark .yAxis path, .tsi-barChart.tsi-dark .xAxis path {
2545 stroke: #fff; }
2546 .tsi-barChart.tsi-dark .yAxis .tick text, .tsi-barChart.tsi-dark .xAxis .tick text {
2547 fill: #fff !important; }
2548 .tsi-barChart.tsi-dark .yAxis .tick line, .tsi-barChart.tsi-dark .xAxis .tick line {
2549 stroke: #fff; } }
2550 .tsi-barChart.tsi-dark .vHoverBox, .tsi-barChart.tsi-dark .hHoverBox {
2551 fill: #0d0f0e;
2552 stroke: #60AAFF; }
2553 .tsi-barChart.tsi-dark .tsi-resizeGutter.tsi-isDragging {
2554 background-color: #31373e; }
2555 .tsi-barChart.tsi-dark ::-webkit-scrollbar {
2556 height: 8px;
2557 width: 8px; }
2558 .tsi-barChart.tsi-dark ::-webkit-scrollbar-track {
2559 background: none; }
2560 .tsi-barChart.tsi-dark ::-webkit-scrollbar-thumb {
2561 background: #666666;
2562 border-radius: 8px; }
2563 .tsi-barChart.tsi-dark ::-webkit-scrollbar-thumb:hover {
2564 background: #666666; }
2565 .tsi-barChart.tsi-dark ::-webkit-scrollbar-track:hover {
2566 background: #1e2223; }
2567 .tsi-barChart.tsi-dark .hHoverText {
2568 text-anchor: middle; }
2569 .tsi-barChart.tsi-dark .vHoverText {
2570 text-anchor: end; }
2571 .tsi-barChart.tsi-dark .hoverText {
2572 stroke: none; }
2573 .tsi-barChart.tsi-dark .hHoverText, .tsi-barChart.tsi-dark .vHoverText {
2574 font-size: 11px !important; }
2575 .tsi-barChart.tsi-dark .hHoverValueBar {
2576 stroke: #fff; }
2577 .tsi-barChart.tsi-dark .hoverText {
2578 fill: #fff; }
2579 .tsi-barChart.tsi-dark .stacked g path {
2580 fill: #fff !important; }
2581 .tsi-barChart.tsi-dark .tooltip text {
2582 fill: #fff; }
2583 .tsi-barChart.tsi-dark .tooltip rect {
2584 fill: #0d0f0e;
2585 stroke: #60AAFF; }
2586 .tsi-barChart.tsi-dark .tsi-primaryButton {
2587 color: #fff;
2588 border-color: rgba(255, 255, 255, 0.8);
2589 background-color: #1e2223; }
2590 .tsi-barChart.tsi-dark .tsi-primaryButton:hover {
2591 background-color: #62666c; }
2592 .tsi-barChart.tsi-dark .yAxis path, .tsi-barChart.tsi-dark .xAxis path {
2593 stroke-width: 1px !important; }
2594 .tsi-barChart.tsi-dark .yAxis .tick text, .tsi-barChart.tsi-dark .xAxis .tick text {
2595 user-select: none; }
2596 .tsi-barChart.tsi-dark rect, .tsi-barChart.tsi-dark line {
2597 shape-rendering: crispedges; }
2598 .tsi-barChart.tsi-dark .stacked g path {
2599 stroke-width: 1;
2600 pointer-events: all;
2601 stroke: none; }
2602 .tsi-barChart.tsi-dark .stacked rect {
2603 cursor: pointer;
2604 fill: transparent;
2605 stroke-width: 1; }
2606 .tsi-barChart.tsi-dark .tooltip {
2607 pointer-events: none; }
2608 .tsi-barChart.tsi-dark .tooltip text {
2609 alignment-baseline: hanging; }
2610 .tsi-barChart.tsi-dark .tooltip .title {
2611 font-weight: bold;
2612 font-size: 13px; }
2613 .tsi-barChart.tsi-dark .tooltip .value {
2614 font-weight: normal;
2615 font-size: 12px;
2616 font-weight: lighter; }
2617 .tsi-barChart.tsi-dark .tooltip .value.visibleValue {
2618 font-weight: bold; }
2619 .tsi-barChart.tsi-dark .tsi-gridComponent {
2620 z-index: 3 !important; }
2621 .tsi-barChart.tsi-dark .hHoverValueBar {
2622 stroke-width: 4px; }
2623 .tsi-barChart.tsi-dark .focus {
2624 display: none; }
2625 .tsi-barChart.tsi-dark svg {
2626 display: block; }
2627 .tsi-barChart.tsi-dark .tsi-chartValueTextBox {
2628 background-color: #0d0f0e;
2629 border-color: #62666c; }
2630 .tsi-barChart.tsi-dark .tsi-baseMono {
2631 background: #1e2223; }
2632 .tsi-barChart.tsi-dark .tsi-resizeGutter {
2633 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"); }
2634 .tsi-barChart.tsi-light {
2635 color: #000;
2636 background: #ffffff; }
2637 .tsi-barChart.tsi-light text {
2638 fill: #000; }
2639 .tsi-barChart.tsi-light .tsi-barChartSVG .tsi-baseLine {
2640 stroke: #000; }
2641 .tsi-barChart.tsi-light .tsi-barChartSVG .tsi-focusLine {
2642 stroke: #b3d6f2; }
2643 .tsi-barChart.tsi-light .tsi-barChartSVG .aggregateLabelBox {
2644 fill: #ffffff; }
2645 .tsi-barChart.tsi-light .yAxis path, .tsi-barChart.tsi-light .xAxis path {
2646 stroke: #000; }
2647 .tsi-barChart.tsi-light .yAxis .tick text, .tsi-barChart.tsi-light .xAxis .tick text {
2648 fill: #000; }
2649 .tsi-barChart.tsi-light .yAxis .tick line, .tsi-barChart.tsi-light .xAxis .tick line {
2650 stroke: #000; }
2651 @media screen and (-ms-high-contrast: white-on-black) {
2652 .tsi-barChart.tsi-light .yAxis path, .tsi-barChart.tsi-light .xAxis path {
2653 stroke: #fff; }
2654 .tsi-barChart.tsi-light .yAxis .tick text, .tsi-barChart.tsi-light .xAxis .tick text {
2655 fill: #fff !important; }
2656 .tsi-barChart.tsi-light .yAxis .tick line, .tsi-barChart.tsi-light .xAxis .tick line {
2657 stroke: #fff; } }
2658 .tsi-barChart.tsi-light .vHoverBox, .tsi-barChart.tsi-light .hHoverBox {
2659 fill: #ffffff;
2660 stroke: #136BFB; }
2661 .tsi-barChart.tsi-light .tsi-resizeGutter.tsi-isDragging {
2662 background-color: #dcdcdc; }
2663 .tsi-barChart.tsi-light ::-webkit-scrollbar {
2664 height: 8px;
2665 width: 8px; }
2666 .tsi-barChart.tsi-light ::-webkit-scrollbar-track {
2667 background: none; }
2668 .tsi-barChart.tsi-light ::-webkit-scrollbar-thumb {
2669 background: #a6a6a6;
2670 border-radius: 8px; }
2671 .tsi-barChart.tsi-light ::-webkit-scrollbar-thumb:hover {
2672 background: #a6a6a6; }
2673 .tsi-barChart.tsi-light ::-webkit-scrollbar-track:hover {
2674 background: #f2f2f2; }
2675 .tsi-barChart.tsi-light .hHoverText {
2676 text-anchor: middle; }
2677 .tsi-barChart.tsi-light .vHoverText {
2678 text-anchor: end; }
2679 .tsi-barChart.tsi-light .hoverText {
2680 stroke: none; }
2681 .tsi-barChart.tsi-light .hHoverText, .tsi-barChart.tsi-light .vHoverText {
2682 font-size: 11px !important; }
2683 .tsi-barChart.tsi-light .hHoverValueBar {
2684 stroke: #000; }
2685 .tsi-barChart.tsi-light .hoverText {
2686 fill: #000; }
2687 .tsi-barChart.tsi-light .stacked g path {
2688 fill: #000 !important; }
2689 .tsi-barChart.tsi-light .tooltip text {
2690 fill: #000; }
2691 .tsi-barChart.tsi-light .tooltip rect {
2692 fill: #ffffff;
2693 stroke: #136BFB; }
2694 .tsi-barChart.tsi-light .tsi-primaryButton {
2695 color: #000;
2696 border-color: rgba(0, 0, 0, 0.8);
2697 background-color: #f2f2f2; }
2698 .tsi-barChart.tsi-light .tsi-primaryButton:hover {
2699 background-color: #b3d6f2; }
2700 .tsi-barChart.tsi-light .yAxis path, .tsi-barChart.tsi-light .xAxis path {
2701 stroke-width: 1px !important; }
2702 .tsi-barChart.tsi-light .yAxis .tick text, .tsi-barChart.tsi-light .xAxis .tick text {
2703 user-select: none; }
2704 .tsi-barChart.tsi-light rect, .tsi-barChart.tsi-light line {
2705 shape-rendering: crispedges; }
2706 .tsi-barChart.tsi-light .stacked g path {
2707 stroke-width: 1;
2708 pointer-events: all;
2709 stroke: none; }
2710 .tsi-barChart.tsi-light .stacked rect {
2711 cursor: pointer;
2712 fill: transparent;
2713 stroke-width: 1; }
2714 .tsi-barChart.tsi-light .tooltip {
2715 pointer-events: none; }
2716 .tsi-barChart.tsi-light .tooltip text {
2717 alignment-baseline: hanging; }
2718 .tsi-barChart.tsi-light .tooltip .title {
2719 font-weight: bold;
2720 font-size: 13px; }
2721 .tsi-barChart.tsi-light .tooltip .value {
2722 font-weight: normal;
2723 font-size: 12px;
2724 font-weight: lighter; }
2725 .tsi-barChart.tsi-light .tooltip .value.visibleValue {
2726 font-weight: bold; }
2727 .tsi-barChart.tsi-light .tsi-gridComponent {
2728 z-index: 3 !important; }
2729 .tsi-barChart.tsi-light .hHoverValueBar {
2730 stroke-width: 4px; }
2731 .tsi-barChart.tsi-light .focus {
2732 display: none; }
2733 .tsi-barChart.tsi-light svg {
2734 display: block; }
2735 .tsi-barChart.tsi-light .tsi-chartValueTextBox {
2736 background-color: #ffffff;
2737 border-color: #b3d6f2; }
2738 .tsi-barChart.tsi-light .tsi-baseMono {
2739 background: #f2f2f2; }
2740 .tsi-barChart.tsi-light .tsi-resizeGutter {
2741 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"); }
2742 .tsi-barChart text {
2743 font-size: 12px; }
2744 .tsi-barChart .tsi-barChartSVG .tsi-valueElement {
2745 cursor: pointer;
2746 stroke: none; }
2747 .tsi-barChart .tsi-barChartSVG .tsi-focusLine {
2748 stroke-width: 1px;
2749 pointer-events: none; }
2750 .tsi-barChart .tsi-sliderWrapper {
2751 position: absolute;
2752 height: 55px;
2753 bottom: 8px;
2754 right: 0px;
2755 width: 100%; }
2756 .tsi-barChart .tsi-stackedButton.tsi-lightTheme {
2757 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"); }
2758 .tsi-barChart .tsi-stackedButton.tsi-darkTheme {
2759 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"); }
2760
2761div[class^='tsi-'] {
2762 box-sizing: border-box;
2763 font-family: "Segoe UI", sans-serif; }
2764
2765.tsi-textWrap {
2766 overflow: hidden;
2767 white-space: pre-wrap;
2768 text-overflow: ellipsis;
2769 hyphens: auto;
2770 overflow-wrap: break-word; }
2771
2772.tsi-hidden {
2773 display: none; }
2774
2775@keyframes tsi-slideIn {
2776 from {
2777 transform: translateY(-10px);
2778 opacity: 0; }
2779 to {
2780 transform: translateY(0px);
2781 opacity: 1; } }
2782
2783@keyframes tsi-slideRight {
2784 from {
2785 transform: translateX(-10px);
2786 opacity: 0; }
2787 to {
2788 transform: translateX(0px);
2789 opacity: 1; } }
2790
2791.tsi-resizeGutter {
2792 width: 6px;
2793 cursor: e-resize;
2794 padding: 2px;
2795 background-position-y: 50%;
2796 background-position-x: 0px;
2797 background-repeat: no-repeat; }
2798
2799.tsi-chartValueTextBox {
2800 position: absolute;
2801 white-space: nowrap;
2802 font-size: 11px;
2803 padding: 1px 4px;
2804 border-width: 1px;
2805 border-style: solid;
2806 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2807 line-height: 16px; }
2808
2809.tsi-baseContextMenu, .tsi-hierarchy .tsi-hierarchyContextMenu {
2810 white-space: nowrap;
2811 padding: 4px 0;
2812 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
2813 border-width: 1px;
2814 border-radius: 2px;
2815 border-style: solid;
2816 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2817 text-align: left; }
2818 .tsi-baseContextMenu > div, .tsi-hierarchy .tsi-hierarchyContextMenu > div, .tsi-baseContextMenu > li, .tsi-hierarchy .tsi-hierarchyContextMenu > li, .tsi-baseContextMenu > button, .tsi-hierarchy .tsi-hierarchyContextMenu > button {
2819 padding: 4px 8px;
2820 font-size: 12px;
2821 cursor: pointer;
2822 height: 28px;
2823 display: flex;
2824 align-items: center;
2825 overflow: hidden; }
2826 .tsi-baseContextMenu .tsi-break, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break {
2827 height: 4px;
2828 margin-top: 4px;
2829 padding: 0 0 4px 0;
2830 cursor: default; }
2831 .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break:last-of-type {
2832 display: none; }
2833
2834.tsi-primaryButton {
2835 height: 36px;
2836 border-radius: 4px;
2837 border-width: 1px;
2838 border-style: solid; }
2839 .tsi-primaryButton.disabled {
2840 cursor: default;
2841 pointer-events: none;
2842 opacity: .5; }
2843
2844.tsi-chartControlsPanel {
2845 height: 20px;
2846 right: 0px;
2847 width: 100px;
2848 position: absolute;
2849 z-index: 2;
2850 pointer-events: none; }
2851 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
2852 pointer-events: all;
2853 left: auto;
2854 right: 20px;
2855 top: 0px;
2856 position: absolute; }
2857 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
2858 pointer-events: all; }
2859 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2860 z-index: 2 !important; }
2861 .tsi-chartControlsPanel .tsi-stackedButton {
2862 pointer-events: all;
2863 display: block;
2864 background-size: 20px 20px;
2865 background-repeat: no-repeat;
2866 background-position: center;
2867 position: absolute;
2868 height: 100%;
2869 width: 20px;
2870 cursor: pointer;
2871 background-color: transparent;
2872 border: none; }
2873 .tsi-chartControlsPanel .tsi-scooterButton {
2874 display: block;
2875 background-size: 20px 20px;
2876 background-repeat: no-repeat;
2877 background-position: center;
2878 position: absolute;
2879 height: 20px;
2880 width: 20px; }
2881
2882select::-ms-expand {
2883 display: none; }
2884
2885.tsi-select {
2886 margin: 2px;
2887 position: relative;
2888 -webkit-appearance: none;
2889 -moz-appearance: none;
2890 padding: 6px;
2891 padding-right: 28px;
2892 border-width: 1px;
2893 border-radius: 2px;
2894 border-style: solid;
2895 white-space: nowrap;
2896 overflow: hidden;
2897 height: 32px;
2898 background-position-y: 12px;
2899 background-position-x: calc(100% - 4px); }
2900 .tsi-select option {
2901 padding: 6px; }
2902
2903.tsi-warmRect {
2904 fill: #FFA800;
2905 stroke: #FFA800; }
2906
2907.pika-single {
2908 border-bottom: none;
2909 border-left: none;
2910 border-right: none; }
2911 .pika-single .pika-lendar {
2912 text-decoration: none;
2913 width: 196px;
2914 margin-left: 12px;
2915 margin-right: 12px; }
2916 .pika-single .pika-lendar abbr {
2917 text-decoration: none; }
2918 .pika-single .pika-lendar .pika-table .pika-row {
2919 height: 28px;
2920 margin: 0px; }
2921 .pika-single .pika-lendar .pika-table .pika-row td {
2922 padding: 0px; }
2923 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
2924 background-color: #d5ebe9; }
2925 .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 {
2926 background-color: #309d90;
2927 color: white; }
2928 .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 {
2929 background-color: #309d90;
2930 color: white; }
2931 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
2932 border-bottom-left-radius: 8px;
2933 border-top-left-radius: 8px; }
2934 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
2935 border-bottom-right-radius: 8px;
2936 border-top-right-radius: 8px; }
2937 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
2938 width: 100%;
2939 height: 28px;
2940 width: 28px;
2941 margin: 0px; }
2942 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
2943 background-color: #309d90;
2944 color: white; }
2945 .pika-single .pika-lendar .pika-table .pika-button {
2946 border-radius: 0px;
2947 text-align: center; }
2948
2949.tsi-search {
2950 width: 100%;
2951 height: 100%;
2952 display: flex;
2953 flex-shrink: 0;
2954 align-items: center;
2955 position: relative; }
2956 .tsi-search .tsi-search-icon {
2957 width: 21px;
2958 height: 17px;
2959 background-repeat: no-repeat;
2960 margin-left: 8px;
2961 background-size: 14px;
2962 background-position-y: 2px; }
2963 .tsi-search .tsi-searchInput {
2964 position: absolute;
2965 width: 100%;
2966 height: 100%;
2967 padding-left: 28px;
2968 background: transparent;
2969 outline: none;
2970 text-overflow: ellipsis; }
2971
2972.tsi-baseMono {
2973 display: inline-block;
2974 padding: 4px;
2975 border-radius: 3px;
2976 font-family: "Lucida Console", Monaco, monospace;
2977 font-size: 85%;
2978 line-height: 85%;
2979 font-weight: 300; }
2980
2981.tsi-hierarchy.tsi-dark {
2982 color: #fff;
2983 background: #0d0f0e; }
2984 .tsi-hierarchy.tsi-dark .tsi-navTabWrapper {
2985 border-bottom: 1px solid #fff; }
2986 .tsi-hierarchy.tsi-dark .tsi-hierarchyList li .tsi-markedName:hover {
2987 cursor: pointer;
2988 background: #62666c; }
2989 .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected {
2990 background-color: transparent; }
2991 .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2992 background: #62666c; }
2993 .tsi-hierarchy.tsi-dark .tsi-navTab.tsi-selected {
2994 border-bottom: 2px solid #fff; }
2995 .tsi-hierarchy.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu {
2996 border-color: #60AAFF;
2997 background-color: #0d0f0e;
2998 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16); }
2999 .tsi-hierarchy.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu > div:hover, .tsi-hierarchy.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu > div:focus {
3000 background-color: #62666c; }
3001 .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break {
3002 border-top: 1px solid rgba(96, 170, 255, 0.2); }
3003 .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break:focus {
3004 background-color: #0d0f0e; }
3005 .tsi-hierarchy.tsi-dark .tsi-searchInput {
3006 border: 1px solid #31373e; }
3007 .tsi-hierarchy.tsi-dark .tsi-searchInput:focus {
3008 border: 1px solid #60AAFF; }
3009 .tsi-hierarchy.tsi-dark .tsi-baseMono {
3010 background: #1e2223; }
3011 .tsi-hierarchy.tsi-dark .tsi-hierarchyList li > .tsi-caret {
3012 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(255%2C255%2C255%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23FFF%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
3013
3014.tsi-hierarchy.tsi-light {
3015 color: #000;
3016 background: #ffffff; }
3017 .tsi-hierarchy.tsi-light .tsi-navTabWrapper {
3018 border-bottom: 1px solid #000; }
3019 .tsi-hierarchy.tsi-light .tsi-hierarchyList li .tsi-markedName:hover {
3020 cursor: pointer;
3021 background: #b3d6f2; }
3022 .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected {
3023 background-color: transparent; }
3024 .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
3025 background: #b3d6f2; }
3026 .tsi-hierarchy.tsi-light .tsi-navTab.tsi-selected {
3027 border-bottom: 2px solid #000; }
3028 .tsi-hierarchy.tsi-light .tsi-baseContextMenu, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu {
3029 border-color: #136BFB;
3030 background-color: #ffffff;
3031 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
3032 .tsi-hierarchy.tsi-light .tsi-baseContextMenu > div:hover, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu > div:hover, .tsi-hierarchy.tsi-light .tsi-baseContextMenu > div:focus, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu > div:focus {
3033 background-color: #b3d6f2; }
3034 .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break {
3035 border-top: 1px solid rgba(19, 107, 251, 0.2); }
3036 .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break:focus {
3037 background-color: #ffffff; }
3038 .tsi-hierarchy.tsi-light .tsi-searchInput {
3039 border: 1px solid #dcdcdc; }
3040 .tsi-hierarchy.tsi-light .tsi-searchInput:focus {
3041 border: 1px solid #136BFB; }
3042 .tsi-hierarchy.tsi-light .tsi-baseMono {
3043 background: #f2f2f2; }
3044 .tsi-hierarchy.tsi-light .tsi-hierarchyList li > .tsi-caret {
3045 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23000%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
3046
3047.tsi-hierarchy .tsi-filterWrapper {
3048 padding: 12px 20px;
3049 padding-bottom: 4px; }
3050 .tsi-hierarchy .tsi-filterWrapper input {
3051 width: 100%;
3052 padding: 4px; }
3053
3054.tsi-hierarchy .tsi-navTabWrapper {
3055 padding-left: 8px; }
3056 .tsi-hierarchy .tsi-navTabWrapper .tsi-navTab {
3057 border-bottom: 2px solid transparent;
3058 display: inline-block;
3059 margin: 0 12px;
3060 font-size: 14px;
3061 cursor: pointer; }
3062
3063.tsi-hierarchy .tsi-hierarchyList {
3064 position: relative;
3065 height: 100%; }
3066 .tsi-hierarchy .tsi-hierarchyList ul {
3067 list-style: none;
3068 padding: 0; }
3069 .tsi-hierarchy .tsi-hierarchyList ul.tsi-noPad {
3070 padding: 8px 20px;
3071 margin: 0;
3072 overflow: auto;
3073 height: 100%; }
3074 .tsi-hierarchy .tsi-hierarchyList li > .tsi-caret {
3075 transform: rotate(0deg); }
3076 .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded > .tsi-caret {
3077 transform: rotate(90deg); }
3078 .tsi-hierarchy .tsi-hierarchyList li {
3079 position: relative; }
3080 .tsi-hierarchy .tsi-hierarchyList li .tsi-caret {
3081 position: absolute;
3082 display: block;
3083 height: 10px;
3084 width: 10px;
3085 cursor: pointer;
3086 z-index: 1;
3087 background-size: 10px;
3088 background-repeat: no-repeat;
3089 top: 11px;
3090 background-position: 50%;
3091 transition: all .2s ease;
3092 pointer-events: none; }
3093 .tsi-hierarchy .tsi-hierarchyList li .tsi-markedName {
3094 width: calc(100% + 40px);
3095 display: flex;
3096 position: relative;
3097 top: 0;
3098 left: 0;
3099 margin: 0;
3100 padding-left: 28px;
3101 height: 32px;
3102 font-size: 14px;
3103 align-items: center;
3104 margin-left: -20px; }
3105 .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
3106 content: '';
3107 cursor: pointer; }
3108 .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
3109 font-weight: 600; }
3110 .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
3111 display: none; }
3112 .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
3113 cursor: move; }
3114 .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
3115 cursor: move; }
3116 .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
3117 cursor: move; }
3118 .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active .tsi-markedName {
3119 cursor: move; }
3120
3121.tsi-hierarchy .tsi-noBefore .tsi-caret {
3122 content: '' !important; }
3123
3124.tsi-hierarchy .tsi-hierarchyContextMenu {
3125 position: absolute;
3126 left: calc(100% - 32px); }
3127
3128div[class^='tsi-'] {
3129 box-sizing: border-box;
3130 font-family: "Segoe UI", sans-serif; }
3131
3132.tsi-textWrap {
3133 overflow: hidden;
3134 white-space: pre-wrap;
3135 text-overflow: ellipsis;
3136 hyphens: auto;
3137 overflow-wrap: break-word; }
3138
3139.tsi-hidden {
3140 display: none; }
3141
3142@keyframes tsi-slideIn {
3143 from {
3144 transform: translateY(-10px);
3145 opacity: 0; }
3146 to {
3147 transform: translateY(0px);
3148 opacity: 1; } }
3149
3150@keyframes tsi-slideRight {
3151 from {
3152 transform: translateX(-10px);
3153 opacity: 0; }
3154 to {
3155 transform: translateX(0px);
3156 opacity: 1; } }
3157
3158.tsi-resizeGutter {
3159 width: 6px;
3160 cursor: e-resize;
3161 padding: 2px;
3162 background-position-y: 50%;
3163 background-position-x: 0px;
3164 background-repeat: no-repeat; }
3165
3166.tsi-chartValueTextBox {
3167 position: absolute;
3168 white-space: nowrap;
3169 font-size: 11px;
3170 padding: 1px 4px;
3171 border-width: 1px;
3172 border-style: solid;
3173 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3174 line-height: 16px; }
3175
3176.tsi-baseContextMenu {
3177 white-space: nowrap;
3178 padding: 4px 0;
3179 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3180 border-width: 1px;
3181 border-radius: 2px;
3182 border-style: solid;
3183 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3184 text-align: left; }
3185 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
3186 padding: 4px 8px;
3187 font-size: 12px;
3188 cursor: pointer;
3189 height: 28px;
3190 display: flex;
3191 align-items: center;
3192 overflow: hidden; }
3193 .tsi-baseContextMenu .tsi-break {
3194 height: 4px;
3195 margin-top: 4px;
3196 padding: 0 0 4px 0;
3197 cursor: default; }
3198 .tsi-baseContextMenu .tsi-break:last-of-type {
3199 display: none; }
3200
3201.tsi-primaryButton {
3202 height: 36px;
3203 border-radius: 4px;
3204 border-width: 1px;
3205 border-style: solid; }
3206 .tsi-primaryButton.disabled {
3207 cursor: default;
3208 pointer-events: none;
3209 opacity: .5; }
3210
3211.tsi-chartControlsPanel {
3212 height: 20px;
3213 right: 0px;
3214 width: 100px;
3215 position: absolute;
3216 z-index: 2;
3217 pointer-events: none; }
3218 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
3219 pointer-events: all;
3220 left: auto;
3221 right: 20px;
3222 top: 0px;
3223 position: absolute; }
3224 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
3225 pointer-events: all; }
3226 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
3227 z-index: 2 !important; }
3228 .tsi-chartControlsPanel .tsi-stackedButton {
3229 pointer-events: all;
3230 display: block;
3231 background-size: 20px 20px;
3232 background-repeat: no-repeat;
3233 background-position: center;
3234 position: absolute;
3235 height: 100%;
3236 width: 20px;
3237 cursor: pointer;
3238 background-color: transparent;
3239 border: none; }
3240 .tsi-chartControlsPanel .tsi-scooterButton {
3241 display: block;
3242 background-size: 20px 20px;
3243 background-repeat: no-repeat;
3244 background-position: center;
3245 position: absolute;
3246 height: 20px;
3247 width: 20px; }
3248
3249select::-ms-expand {
3250 display: none; }
3251
3252.tsi-select {
3253 margin: 2px;
3254 position: relative;
3255 -webkit-appearance: none;
3256 -moz-appearance: none;
3257 padding: 6px;
3258 padding-right: 28px;
3259 border-width: 1px;
3260 border-radius: 2px;
3261 border-style: solid;
3262 white-space: nowrap;
3263 overflow: hidden;
3264 height: 32px;
3265 background-position-y: 12px;
3266 background-position-x: calc(100% - 4px); }
3267 .tsi-select option {
3268 padding: 6px; }
3269
3270.tsi-warmRect {
3271 fill: #FFA800;
3272 stroke: #FFA800; }
3273
3274.pika-single {
3275 border-bottom: none;
3276 border-left: none;
3277 border-right: none; }
3278 .pika-single .pika-lendar {
3279 text-decoration: none;
3280 width: 196px;
3281 margin-left: 12px;
3282 margin-right: 12px; }
3283 .pika-single .pika-lendar abbr {
3284 text-decoration: none; }
3285 .pika-single .pika-lendar .pika-table .pika-row {
3286 height: 28px;
3287 margin: 0px; }
3288 .pika-single .pika-lendar .pika-table .pika-row td {
3289 padding: 0px; }
3290 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
3291 background-color: #d5ebe9; }
3292 .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 {
3293 background-color: #309d90;
3294 color: white; }
3295 .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 {
3296 background-color: #309d90;
3297 color: white; }
3298 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
3299 border-bottom-left-radius: 8px;
3300 border-top-left-radius: 8px; }
3301 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
3302 border-bottom-right-radius: 8px;
3303 border-top-right-radius: 8px; }
3304 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
3305 width: 100%;
3306 height: 28px;
3307 width: 28px;
3308 margin: 0px; }
3309 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
3310 background-color: #309d90;
3311 color: white; }
3312 .pika-single .pika-lendar .pika-table .pika-button {
3313 border-radius: 0px;
3314 text-align: center; }
3315
3316.tsi-search {
3317 width: 100%;
3318 height: 100%;
3319 display: flex;
3320 flex-shrink: 0;
3321 align-items: center;
3322 position: relative; }
3323 .tsi-search .tsi-search-icon {
3324 width: 21px;
3325 height: 17px;
3326 background-repeat: no-repeat;
3327 margin-left: 8px;
3328 background-size: 14px;
3329 background-position-y: 2px; }
3330 .tsi-search .tsi-searchInput {
3331 position: absolute;
3332 width: 100%;
3333 height: 100%;
3334 padding-left: 28px;
3335 background: transparent;
3336 outline: none;
3337 text-overflow: ellipsis; }
3338
3339.tsi-baseMono {
3340 display: inline-block;
3341 padding: 4px;
3342 border-radius: 3px;
3343 font-family: "Lucida Console", Monaco, monospace;
3344 font-size: 85%;
3345 line-height: 85%;
3346 font-weight: 300; }
3347
3348.tsi-timezonePicker.tsi-dark {
3349 background-color: #0d0f0e;
3350 color: #fff; }
3351 .tsi-timezonePicker.tsi-dark .tsi-select, .tsi-timezonePicker.tsi-dark .tsi-select option {
3352 color: #fff;
3353 background-color: #0d0f0e; }
3354
3355.tsi-timezonePicker.tsi-light {
3356 background-color: #ffffff;
3357 color: #000; }
3358 .tsi-timezonePicker.tsi-light .tsi-select, .tsi-timezonePicker.tsi-light .tsi-select option {
3359 color: #000;
3360 background-color: #ffffff; }
3361
3362.tsi-select {
3363 margin: 0px;
3364 top: 4px;
3365 appearance: none;
3366 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
3367 background-position-y: 12px;
3368 background-position-x: calc(100% - 4px);
3369 width: 160px;
3370 display: block; }
3371
3372div[class^='tsi-'] {
3373 box-sizing: border-box;
3374 font-family: "Segoe UI", sans-serif; }
3375
3376.tsi-textWrap {
3377 overflow: hidden;
3378 white-space: pre-wrap;
3379 text-overflow: ellipsis;
3380 hyphens: auto;
3381 overflow-wrap: break-word; }
3382
3383.tsi-hidden {
3384 display: none; }
3385
3386@keyframes tsi-slideIn {
3387 from {
3388 transform: translateY(-10px);
3389 opacity: 0; }
3390 to {
3391 transform: translateY(0px);
3392 opacity: 1; } }
3393
3394@keyframes tsi-slideRight {
3395 from {
3396 transform: translateX(-10px);
3397 opacity: 0; }
3398 to {
3399 transform: translateX(0px);
3400 opacity: 1; } }
3401
3402.tsi-resizeGutter {
3403 width: 6px;
3404 cursor: e-resize;
3405 padding: 2px;
3406 background-position-y: 50%;
3407 background-position-x: 0px;
3408 background-repeat: no-repeat; }
3409
3410.tsi-chartValueTextBox {
3411 position: absolute;
3412 white-space: nowrap;
3413 font-size: 11px;
3414 padding: 1px 4px;
3415 border-width: 1px;
3416 border-style: solid;
3417 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3418 line-height: 16px; }
3419
3420.tsi-baseContextMenu {
3421 white-space: nowrap;
3422 padding: 4px 0;
3423 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3424 border-width: 1px;
3425 border-radius: 2px;
3426 border-style: solid;
3427 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3428 text-align: left; }
3429 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
3430 padding: 4px 8px;
3431 font-size: 12px;
3432 cursor: pointer;
3433 height: 28px;
3434 display: flex;
3435 align-items: center;
3436 overflow: hidden; }
3437 .tsi-baseContextMenu .tsi-break {
3438 height: 4px;
3439 margin-top: 4px;
3440 padding: 0 0 4px 0;
3441 cursor: default; }
3442 .tsi-baseContextMenu .tsi-break:last-of-type {
3443 display: none; }
3444
3445.tsi-primaryButton {
3446 height: 36px;
3447 border-radius: 4px;
3448 border-width: 1px;
3449 border-style: solid; }
3450 .tsi-primaryButton.disabled {
3451 cursor: default;
3452 pointer-events: none;
3453 opacity: .5; }
3454
3455.tsi-chartControlsPanel {
3456 height: 20px;
3457 right: 0px;
3458 width: 100px;
3459 position: absolute;
3460 z-index: 2;
3461 pointer-events: none; }
3462 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
3463 pointer-events: all;
3464 left: auto;
3465 right: 20px;
3466 top: 0px;
3467 position: absolute; }
3468 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
3469 pointer-events: all; }
3470 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
3471 z-index: 2 !important; }
3472 .tsi-chartControlsPanel .tsi-stackedButton {
3473 pointer-events: all;
3474 display: block;
3475 background-size: 20px 20px;
3476 background-repeat: no-repeat;
3477 background-position: center;
3478 position: absolute;
3479 height: 100%;
3480 width: 20px;
3481 cursor: pointer;
3482 background-color: transparent;
3483 border: none; }
3484 .tsi-chartControlsPanel .tsi-scooterButton {
3485 display: block;
3486 background-size: 20px 20px;
3487 background-repeat: no-repeat;
3488 background-position: center;
3489 position: absolute;
3490 height: 20px;
3491 width: 20px; }
3492
3493select::-ms-expand {
3494 display: none; }
3495
3496.tsi-select {
3497 margin: 2px;
3498 position: relative;
3499 -webkit-appearance: none;
3500 -moz-appearance: none;
3501 padding: 6px;
3502 padding-right: 28px;
3503 border-width: 1px;
3504 border-radius: 2px;
3505 border-style: solid;
3506 white-space: nowrap;
3507 overflow: hidden;
3508 height: 32px;
3509 background-position-y: 12px;
3510 background-position-x: calc(100% - 4px); }
3511 .tsi-select option {
3512 padding: 6px; }
3513
3514.tsi-warmRect {
3515 fill: #FFA800;
3516 stroke: #FFA800; }
3517
3518.pika-single {
3519 border-bottom: none;
3520 border-left: none;
3521 border-right: none; }
3522 .pika-single .pika-lendar {
3523 text-decoration: none;
3524 width: 196px;
3525 margin-left: 12px;
3526 margin-right: 12px; }
3527 .pika-single .pika-lendar abbr {
3528 text-decoration: none; }
3529 .pika-single .pika-lendar .pika-table .pika-row {
3530 height: 28px;
3531 margin: 0px; }
3532 .pika-single .pika-lendar .pika-table .pika-row td {
3533 padding: 0px; }
3534 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
3535 background-color: #d5ebe9; }
3536 .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 {
3537 background-color: #309d90;
3538 color: white; }
3539 .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 {
3540 background-color: #309d90;
3541 color: white; }
3542 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
3543 border-bottom-left-radius: 8px;
3544 border-top-left-radius: 8px; }
3545 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
3546 border-bottom-right-radius: 8px;
3547 border-top-right-radius: 8px; }
3548 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
3549 width: 100%;
3550 height: 28px;
3551 width: 28px;
3552 margin: 0px; }
3553 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
3554 background-color: #309d90;
3555 color: white; }
3556 .pika-single .pika-lendar .pika-table .pika-button {
3557 border-radius: 0px;
3558 text-align: center; }
3559
3560.tsi-search {
3561 width: 100%;
3562 height: 100%;
3563 display: flex;
3564 flex-shrink: 0;
3565 align-items: center;
3566 position: relative; }
3567 .tsi-search .tsi-search-icon {
3568 width: 21px;
3569 height: 17px;
3570 background-repeat: no-repeat;
3571 margin-left: 8px;
3572 background-size: 14px;
3573 background-position-y: 2px; }
3574 .tsi-search .tsi-searchInput {
3575 position: absolute;
3576 width: 100%;
3577 height: 100%;
3578 padding-left: 28px;
3579 background: transparent;
3580 outline: none;
3581 text-overflow: ellipsis; }
3582
3583.tsi-baseMono {
3584 display: inline-block;
3585 padding: 4px;
3586 border-radius: 3px;
3587 font-family: "Lucida Console", Monaco, monospace;
3588 font-size: 85%;
3589 line-height: 85%;
3590 font-weight: 300; }
3591
3592.tsi-scatterPlot {
3593 display: flex;
3594 position: relative; }
3595 .tsi-scatterPlot.tsi-dark {
3596 color: #fff;
3597 background: #0d0f0e; }
3598 .tsi-scatterPlot.tsi-dark .tsi-scatterPlotSVG text {
3599 fill: #fff; }
3600 .tsi-scatterPlot.tsi-dark .tsi-scatterPlotSVG .tsi-focusLine {
3601 stroke: #62666c; }
3602 .tsi-scatterPlot.tsi-dark .yAxis path, .tsi-scatterPlot.tsi-dark .xAxis path {
3603 stroke: #fff; }
3604 .tsi-scatterPlot.tsi-dark .yAxis .tick text, .tsi-scatterPlot.tsi-dark .xAxis .tick text {
3605 fill: #fff; }
3606 .tsi-scatterPlot.tsi-dark .yAxis .tick line, .tsi-scatterPlot.tsi-dark .xAxis .tick line {
3607 stroke: #fff; }
3608 @media screen and (-ms-high-contrast: white-on-black) {
3609 .tsi-scatterPlot.tsi-dark .yAxis path, .tsi-scatterPlot.tsi-dark .xAxis path {
3610 stroke: #fff; }
3611 .tsi-scatterPlot.tsi-dark .yAxis .tick text, .tsi-scatterPlot.tsi-dark .xAxis .tick text {
3612 fill: #fff !important; }
3613 .tsi-scatterPlot.tsi-dark .yAxis .tick line, .tsi-scatterPlot.tsi-dark .xAxis .tick line {
3614 stroke: #fff; } }
3615 .tsi-scatterPlot.tsi-dark .vHoverBox, .tsi-scatterPlot.tsi-dark .hHoverBox {
3616 fill: #0d0f0e;
3617 stroke: #60AAFF; }
3618 .tsi-scatterPlot.tsi-dark .tsi-resizeGutter.tsi-isDragging {
3619 background-color: #31373e; }
3620 .tsi-scatterPlot.tsi-dark ::-webkit-scrollbar {
3621 height: 8px;
3622 width: 8px; }
3623 .tsi-scatterPlot.tsi-dark ::-webkit-scrollbar-track {
3624 background: none; }
3625 .tsi-scatterPlot.tsi-dark ::-webkit-scrollbar-thumb {
3626 background: #666666;
3627 border-radius: 8px; }
3628 .tsi-scatterPlot.tsi-dark ::-webkit-scrollbar-thumb:hover {
3629 background: #666666; }
3630 .tsi-scatterPlot.tsi-dark ::-webkit-scrollbar-track:hover {
3631 background: #1e2223; }
3632 .tsi-scatterPlot.tsi-dark .hHoverText {
3633 text-anchor: middle; }
3634 .tsi-scatterPlot.tsi-dark .vHoverText {
3635 text-anchor: end; }
3636 .tsi-scatterPlot.tsi-dark .hoverText {
3637 stroke: none; }
3638 .tsi-scatterPlot.tsi-dark .hHoverText, .tsi-scatterPlot.tsi-dark .vHoverText {
3639 font-size: 11px !important; }
3640 .tsi-scatterPlot.tsi-dark .hHoverValueBar {
3641 stroke: #fff; }
3642 .tsi-scatterPlot.tsi-dark .hoverText {
3643 fill: #fff; }
3644 .tsi-scatterPlot.tsi-dark .stacked g path {
3645 fill: #fff !important; }
3646 .tsi-scatterPlot.tsi-dark .tooltip text {
3647 fill: #fff; }
3648 .tsi-scatterPlot.tsi-dark .tooltip rect {
3649 fill: #0d0f0e;
3650 stroke: #60AAFF; }
3651 .tsi-scatterPlot.tsi-dark .tsi-primaryButton {
3652 color: #fff;
3653 border-color: rgba(255, 255, 255, 0.8);
3654 background-color: #1e2223; }
3655 .tsi-scatterPlot.tsi-dark .tsi-primaryButton:hover {
3656 background-color: #62666c; }
3657 .tsi-scatterPlot.tsi-dark .yAxis path, .tsi-scatterPlot.tsi-dark .xAxis path {
3658 stroke-width: 1px !important; }
3659 .tsi-scatterPlot.tsi-dark .yAxis .tick text, .tsi-scatterPlot.tsi-dark .xAxis .tick text {
3660 user-select: none; }
3661 .tsi-scatterPlot.tsi-dark rect, .tsi-scatterPlot.tsi-dark line {
3662 shape-rendering: crispedges; }
3663 .tsi-scatterPlot.tsi-dark .stacked g path {
3664 stroke-width: 1;
3665 pointer-events: all;
3666 stroke: none; }
3667 .tsi-scatterPlot.tsi-dark .stacked rect {
3668 cursor: pointer;
3669 fill: transparent;
3670 stroke-width: 1; }
3671 .tsi-scatterPlot.tsi-dark .tooltip {
3672 pointer-events: none; }
3673 .tsi-scatterPlot.tsi-dark .tooltip text {
3674 alignment-baseline: hanging; }
3675 .tsi-scatterPlot.tsi-dark .tooltip .title {
3676 font-weight: bold;
3677 font-size: 13px; }
3678 .tsi-scatterPlot.tsi-dark .tooltip .value {
3679 font-weight: normal;
3680 font-size: 12px;
3681 font-weight: lighter; }
3682 .tsi-scatterPlot.tsi-dark .tooltip .value.visibleValue {
3683 font-weight: bold; }
3684 .tsi-scatterPlot.tsi-dark .tsi-gridComponent {
3685 z-index: 3 !important; }
3686 .tsi-scatterPlot.tsi-dark .hHoverValueBar {
3687 stroke-width: 4px; }
3688 .tsi-scatterPlot.tsi-dark .focus {
3689 display: none; }
3690 .tsi-scatterPlot.tsi-dark svg {
3691 display: block; }
3692 .tsi-scatterPlot.tsi-dark .tsi-chartValueTextBox {
3693 background-color: #0d0f0e;
3694 border-color: #62666c; }
3695 .tsi-scatterPlot.tsi-dark .tsi-baseMono {
3696 background: #1e2223; }
3697 .tsi-scatterPlot.tsi-dark .tsi-resizeGutter {
3698 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"); }
3699 .tsi-scatterPlot.tsi-light {
3700 color: #000;
3701 background: #ffffff; }
3702 .tsi-scatterPlot.tsi-light .tsi-scatterPlotSVG text {
3703 fill: #000; }
3704 .tsi-scatterPlot.tsi-light .tsi-scatterPlotSVG .tsi-focusLine {
3705 stroke: #b3d6f2; }
3706 .tsi-scatterPlot.tsi-light .yAxis path, .tsi-scatterPlot.tsi-light .xAxis path {
3707 stroke: #000; }
3708 .tsi-scatterPlot.tsi-light .yAxis .tick text, .tsi-scatterPlot.tsi-light .xAxis .tick text {
3709 fill: #000; }
3710 .tsi-scatterPlot.tsi-light .yAxis .tick line, .tsi-scatterPlot.tsi-light .xAxis .tick line {
3711 stroke: #000; }
3712 @media screen and (-ms-high-contrast: white-on-black) {
3713 .tsi-scatterPlot.tsi-light .yAxis path, .tsi-scatterPlot.tsi-light .xAxis path {
3714 stroke: #fff; }
3715 .tsi-scatterPlot.tsi-light .yAxis .tick text, .tsi-scatterPlot.tsi-light .xAxis .tick text {
3716 fill: #fff !important; }
3717 .tsi-scatterPlot.tsi-light .yAxis .tick line, .tsi-scatterPlot.tsi-light .xAxis .tick line {
3718 stroke: #fff; } }
3719 .tsi-scatterPlot.tsi-light .vHoverBox, .tsi-scatterPlot.tsi-light .hHoverBox {
3720 fill: #ffffff;
3721 stroke: #136BFB; }
3722 .tsi-scatterPlot.tsi-light .tsi-resizeGutter.tsi-isDragging {
3723 background-color: #dcdcdc; }
3724 .tsi-scatterPlot.tsi-light ::-webkit-scrollbar {
3725 height: 8px;
3726 width: 8px; }
3727 .tsi-scatterPlot.tsi-light ::-webkit-scrollbar-track {
3728 background: none; }
3729 .tsi-scatterPlot.tsi-light ::-webkit-scrollbar-thumb {
3730 background: #a6a6a6;
3731 border-radius: 8px; }
3732 .tsi-scatterPlot.tsi-light ::-webkit-scrollbar-thumb:hover {
3733 background: #a6a6a6; }
3734 .tsi-scatterPlot.tsi-light ::-webkit-scrollbar-track:hover {
3735 background: #f2f2f2; }
3736 .tsi-scatterPlot.tsi-light .hHoverText {
3737 text-anchor: middle; }
3738 .tsi-scatterPlot.tsi-light .vHoverText {
3739 text-anchor: end; }
3740 .tsi-scatterPlot.tsi-light .hoverText {
3741 stroke: none; }
3742 .tsi-scatterPlot.tsi-light .hHoverText, .tsi-scatterPlot.tsi-light .vHoverText {
3743 font-size: 11px !important; }
3744 .tsi-scatterPlot.tsi-light .hHoverValueBar {
3745 stroke: #000; }
3746 .tsi-scatterPlot.tsi-light .hoverText {
3747 fill: #000; }
3748 .tsi-scatterPlot.tsi-light .stacked g path {
3749 fill: #000 !important; }
3750 .tsi-scatterPlot.tsi-light .tooltip text {
3751 fill: #000; }
3752 .tsi-scatterPlot.tsi-light .tooltip rect {
3753 fill: #ffffff;
3754 stroke: #136BFB; }
3755 .tsi-scatterPlot.tsi-light .tsi-primaryButton {
3756 color: #000;
3757 border-color: rgba(0, 0, 0, 0.8);
3758 background-color: #f2f2f2; }
3759 .tsi-scatterPlot.tsi-light .tsi-primaryButton:hover {
3760 background-color: #b3d6f2; }
3761 .tsi-scatterPlot.tsi-light .yAxis path, .tsi-scatterPlot.tsi-light .xAxis path {
3762 stroke-width: 1px !important; }
3763 .tsi-scatterPlot.tsi-light .yAxis .tick text, .tsi-scatterPlot.tsi-light .xAxis .tick text {
3764 user-select: none; }
3765 .tsi-scatterPlot.tsi-light rect, .tsi-scatterPlot.tsi-light line {
3766 shape-rendering: crispedges; }
3767 .tsi-scatterPlot.tsi-light .stacked g path {
3768 stroke-width: 1;
3769 pointer-events: all;
3770 stroke: none; }
3771 .tsi-scatterPlot.tsi-light .stacked rect {
3772 cursor: pointer;
3773 fill: transparent;
3774 stroke-width: 1; }
3775 .tsi-scatterPlot.tsi-light .tooltip {
3776 pointer-events: none; }
3777 .tsi-scatterPlot.tsi-light .tooltip text {
3778 alignment-baseline: hanging; }
3779 .tsi-scatterPlot.tsi-light .tooltip .title {
3780 font-weight: bold;
3781 font-size: 13px; }
3782 .tsi-scatterPlot.tsi-light .tooltip .value {
3783 font-weight: normal;
3784 font-size: 12px;
3785 font-weight: lighter; }
3786 .tsi-scatterPlot.tsi-light .tooltip .value.visibleValue {
3787 font-weight: bold; }
3788 .tsi-scatterPlot.tsi-light .tsi-gridComponent {
3789 z-index: 3 !important; }
3790 .tsi-scatterPlot.tsi-light .hHoverValueBar {
3791 stroke-width: 4px; }
3792 .tsi-scatterPlot.tsi-light .focus {
3793 display: none; }
3794 .tsi-scatterPlot.tsi-light svg {
3795 display: block; }
3796 .tsi-scatterPlot.tsi-light .tsi-chartValueTextBox {
3797 background-color: #ffffff;
3798 border-color: #b3d6f2; }
3799 .tsi-scatterPlot.tsi-light .tsi-baseMono {
3800 background: #f2f2f2; }
3801 .tsi-scatterPlot.tsi-light .tsi-resizeGutter {
3802 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"); }
3803 .tsi-scatterPlot .tsi-splitByLabel {
3804 height: 28px !important; }
3805 .tsi-scatterPlot .tsi-splitByLabel .tsi-seriesTypeSelection {
3806 display: none; }
3807 .tsi-scatterPlot .tsi-sliderWrapper {
3808 position: absolute;
3809 height: 55px;
3810 bottom: 8px;
3811 right: 0px; }
3812 .tsi-scatterPlot .tsi-scatterPlotSVG .xAxis, .tsi-scatterPlot .tsi-scatterPlotSVG .yAxis text {
3813 font-size: 12px; }
3814 .tsi-scatterPlot .tsi-scatterPlotSVG .tsi-AxisLabel {
3815 font-weight: 600;
3816 font-size: 13px; }
3817 .tsi-scatterPlot .tsi-scatterPlotSVG .tsi-testAxisText {
3818 visibility: hidden; }
3819 .tsi-scatterPlot .tsi-scatterPlotSVG .tsi-focus {
3820 z-index: -10; }
3821 .tsi-scatterPlot .tsi-scatterPlotSVG .tsi-focusLine {
3822 stroke-width: 1px !important;
3823 pointer-events: none; }
3824 .tsi-scatterPlot .tsi-scatterPlotSVG .tsi-voronoiWrap {
3825 fill-opacity: 0;
3826 cursor: crosshair; }
3827 .tsi-scatterPlot .tsi-scatterPlotSVG .tsi-voronoiWrap path {
3828 fill: none;
3829 pointer-events: all;
3830 cursor: crosshair; }
3831
3832div[class^='tsi-'] {
3833 box-sizing: border-box;
3834 font-family: "Segoe UI", sans-serif; }
3835
3836.tsi-textWrap {
3837 overflow: hidden;
3838 white-space: pre-wrap;
3839 text-overflow: ellipsis;
3840 hyphens: auto;
3841 overflow-wrap: break-word; }
3842
3843.tsi-hidden {
3844 display: none; }
3845
3846@keyframes tsi-slideIn {
3847 from {
3848 transform: translateY(-10px);
3849 opacity: 0; }
3850 to {
3851 transform: translateY(0px);
3852 opacity: 1; } }
3853
3854@keyframes tsi-slideRight {
3855 from {
3856 transform: translateX(-10px);
3857 opacity: 0; }
3858 to {
3859 transform: translateX(0px);
3860 opacity: 1; } }
3861
3862.tsi-resizeGutter {
3863 width: 6px;
3864 cursor: e-resize;
3865 padding: 2px;
3866 background-position-y: 50%;
3867 background-position-x: 0px;
3868 background-repeat: no-repeat; }
3869
3870.tsi-chartValueTextBox {
3871 position: absolute;
3872 white-space: nowrap;
3873 font-size: 11px;
3874 padding: 1px 4px;
3875 border-width: 1px;
3876 border-style: solid;
3877 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3878 line-height: 16px; }
3879
3880.tsi-baseContextMenu {
3881 white-space: nowrap;
3882 padding: 4px 0;
3883 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3884 border-width: 1px;
3885 border-radius: 2px;
3886 border-style: solid;
3887 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3888 text-align: left; }
3889 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
3890 padding: 4px 8px;
3891 font-size: 12px;
3892 cursor: pointer;
3893 height: 28px;
3894 display: flex;
3895 align-items: center;
3896 overflow: hidden; }
3897 .tsi-baseContextMenu .tsi-break {
3898 height: 4px;
3899 margin-top: 4px;
3900 padding: 0 0 4px 0;
3901 cursor: default; }
3902 .tsi-baseContextMenu .tsi-break:last-of-type {
3903 display: none; }
3904
3905.tsi-primaryButton {
3906 height: 36px;
3907 border-radius: 4px;
3908 border-width: 1px;
3909 border-style: solid; }
3910 .tsi-primaryButton.disabled {
3911 cursor: default;
3912 pointer-events: none;
3913 opacity: .5; }
3914
3915.tsi-chartControlsPanel {
3916 height: 20px;
3917 right: 0px;
3918 width: 100px;
3919 position: absolute;
3920 z-index: 2;
3921 pointer-events: none; }
3922 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
3923 pointer-events: all;
3924 left: auto;
3925 right: 20px;
3926 top: 0px;
3927 position: absolute; }
3928 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
3929 pointer-events: all; }
3930 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
3931 z-index: 2 !important; }
3932 .tsi-chartControlsPanel .tsi-stackedButton {
3933 pointer-events: all;
3934 display: block;
3935 background-size: 20px 20px;
3936 background-repeat: no-repeat;
3937 background-position: center;
3938 position: absolute;
3939 height: 100%;
3940 width: 20px;
3941 cursor: pointer;
3942 background-color: transparent;
3943 border: none; }
3944 .tsi-chartControlsPanel .tsi-scooterButton {
3945 display: block;
3946 background-size: 20px 20px;
3947 background-repeat: no-repeat;
3948 background-position: center;
3949 position: absolute;
3950 height: 20px;
3951 width: 20px; }
3952
3953select::-ms-expand {
3954 display: none; }
3955
3956.tsi-select {
3957 margin: 2px;
3958 position: relative;
3959 -webkit-appearance: none;
3960 -moz-appearance: none;
3961 padding: 6px;
3962 padding-right: 28px;
3963 border-width: 1px;
3964 border-radius: 2px;
3965 border-style: solid;
3966 white-space: nowrap;
3967 overflow: hidden;
3968 height: 32px;
3969 background-position-y: 12px;
3970 background-position-x: calc(100% - 4px); }
3971 .tsi-select option {
3972 padding: 6px; }
3973
3974.tsi-warmRect {
3975 fill: #FFA800;
3976 stroke: #FFA800; }
3977
3978.pika-single {
3979 border-bottom: none;
3980 border-left: none;
3981 border-right: none; }
3982 .pika-single .pika-lendar {
3983 text-decoration: none;
3984 width: 196px;
3985 margin-left: 12px;
3986 margin-right: 12px; }
3987 .pika-single .pika-lendar abbr {
3988 text-decoration: none; }
3989 .pika-single .pika-lendar .pika-table .pika-row {
3990 height: 28px;
3991 margin: 0px; }
3992 .pika-single .pika-lendar .pika-table .pika-row td {
3993 padding: 0px; }
3994 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
3995 background-color: #d5ebe9; }
3996 .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 {
3997 background-color: #309d90;
3998 color: white; }
3999 .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 {
4000 background-color: #309d90;
4001 color: white; }
4002 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
4003 border-bottom-left-radius: 8px;
4004 border-top-left-radius: 8px; }
4005 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
4006 border-bottom-right-radius: 8px;
4007 border-top-right-radius: 8px; }
4008 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
4009 width: 100%;
4010 height: 28px;
4011 width: 28px;
4012 margin: 0px; }
4013 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
4014 background-color: #309d90;
4015 color: white; }
4016 .pika-single .pika-lendar .pika-table .pika-button {
4017 border-radius: 0px;
4018 text-align: center; }
4019
4020.tsi-search {
4021 width: 100%;
4022 height: 100%;
4023 display: flex;
4024 flex-shrink: 0;
4025 align-items: center;
4026 position: relative; }
4027 .tsi-search .tsi-search-icon {
4028 width: 21px;
4029 height: 17px;
4030 background-repeat: no-repeat;
4031 margin-left: 8px;
4032 background-size: 14px;
4033 background-position-y: 2px; }
4034 .tsi-search .tsi-searchInput {
4035 position: absolute;
4036 width: 100%;
4037 height: 100%;
4038 padding-left: 28px;
4039 background: transparent;
4040 outline: none;
4041 text-overflow: ellipsis; }
4042
4043.tsi-baseMono, .tsi-gridComponent .tsi-baseMono {
4044 display: inline-block;
4045 padding: 4px;
4046 border-radius: 3px;
4047 font-family: "Lucida Console", Monaco, monospace;
4048 font-size: 85%;
4049 line-height: 85%;
4050 font-weight: 300; }
4051
4052.tsi-gridComponent {
4053 width: 100%;
4054 height: 100%;
4055 position: absolute; }
4056 .tsi-gridComponent.tsi-dark {
4057 color: #fff;
4058 background: #0d0f0e; }
4059 .tsi-gridComponent.tsi-dark.tsi-fromChart {
4060 background: rgba(255, 255, 255, 0.3); }
4061 .tsi-gridComponent.tsi-dark.tsi-fromChart .tsi-gridWrapper {
4062 background: #0d0f0e;
4063 box-shadow: 0px 0px 10px 4px rgba(13, 15, 14, 0.3); }
4064 .tsi-gridComponent.tsi-dark .tsi-closeButton {
4065 background: #ccc;
4066 box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3); }
4067 .tsi-gridComponent.tsi-dark .tsi-gridWrapper table {
4068 background: #0d0f0e; }
4069 .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr td, .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr th {
4070 border: 1px solid rgba(255, 255, 255, 0.7); }
4071 .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr td:focus, .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr td:active, .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr th:focus, .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr th:active {
4072 box-shadow: inset 0px 0px 1px 1px #60AAFF; }
4073 .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr th, .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr .tsi-rowHeaderWrapper, .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr .tsi-rowHeaderCell {
4074 background: #31373e; }
4075 .tsi-gridComponent.tsi-dark .tsi-gridWrapper table tr .tsi-rowHeaderWrapper .tsi-measureTypeWrapper .tsi-measureType {
4076 opacity: .6; }
4077 .tsi-gridComponent.tsi-dark .yAxis path, .tsi-gridComponent.tsi-dark .xAxis path {
4078 stroke: #fff; }
4079 .tsi-gridComponent.tsi-dark .yAxis .tick text, .tsi-gridComponent.tsi-dark .xAxis .tick text {
4080 fill: #fff; }
4081 .tsi-gridComponent.tsi-dark .yAxis .tick line, .tsi-gridComponent.tsi-dark .xAxis .tick line {
4082 stroke: #fff; }
4083 @media screen and (-ms-high-contrast: white-on-black) {
4084 .tsi-gridComponent.tsi-dark .yAxis path, .tsi-gridComponent.tsi-dark .xAxis path {
4085 stroke: #fff; }
4086 .tsi-gridComponent.tsi-dark .yAxis .tick text, .tsi-gridComponent.tsi-dark .xAxis .tick text {
4087 fill: #fff !important; }
4088 .tsi-gridComponent.tsi-dark .yAxis .tick line, .tsi-gridComponent.tsi-dark .xAxis .tick line {
4089 stroke: #fff; } }
4090 .tsi-gridComponent.tsi-dark .vHoverBox, .tsi-gridComponent.tsi-dark .hHoverBox {
4091 fill: #0d0f0e;
4092 stroke: #60AAFF; }
4093 .tsi-gridComponent.tsi-dark .tsi-resizeGutter.tsi-isDragging {
4094 background-color: #31373e; }
4095 .tsi-gridComponent.tsi-dark ::-webkit-scrollbar {
4096 height: 8px;
4097 width: 8px; }
4098 .tsi-gridComponent.tsi-dark ::-webkit-scrollbar-track {
4099 background: none; }
4100 .tsi-gridComponent.tsi-dark ::-webkit-scrollbar-thumb {
4101 background: #666666;
4102 border-radius: 8px; }
4103 .tsi-gridComponent.tsi-dark ::-webkit-scrollbar-thumb:hover {
4104 background: #666666; }
4105 .tsi-gridComponent.tsi-dark ::-webkit-scrollbar-track:hover {
4106 background: #1e2223; }
4107 .tsi-gridComponent.tsi-dark .hHoverText {
4108 text-anchor: middle; }
4109 .tsi-gridComponent.tsi-dark .vHoverText {
4110 text-anchor: end; }
4111 .tsi-gridComponent.tsi-dark .hoverText {
4112 stroke: none; }
4113 .tsi-gridComponent.tsi-dark .hHoverText, .tsi-gridComponent.tsi-dark .vHoverText {
4114 font-size: 11px !important; }
4115 .tsi-gridComponent.tsi-dark .hHoverValueBar {
4116 stroke: #fff; }
4117 .tsi-gridComponent.tsi-dark .hoverText {
4118 fill: #fff; }
4119 .tsi-gridComponent.tsi-dark .stacked g path {
4120 fill: #fff !important; }
4121 .tsi-gridComponent.tsi-dark .tooltip text {
4122 fill: #fff; }
4123 .tsi-gridComponent.tsi-dark .tooltip rect {
4124 fill: #0d0f0e;
4125 stroke: #60AAFF; }
4126 .tsi-gridComponent.tsi-dark .tsi-primaryButton {
4127 color: #fff;
4128 border-color: rgba(255, 255, 255, 0.8);
4129 background-color: #1e2223; }
4130 .tsi-gridComponent.tsi-dark .tsi-primaryButton:hover {
4131 background-color: #62666c; }
4132 .tsi-gridComponent.tsi-dark .yAxis path, .tsi-gridComponent.tsi-dark .xAxis path {
4133 stroke-width: 1px !important; }
4134 .tsi-gridComponent.tsi-dark .yAxis .tick text, .tsi-gridComponent.tsi-dark .xAxis .tick text {
4135 user-select: none; }
4136 .tsi-gridComponent.tsi-dark rect, .tsi-gridComponent.tsi-dark line {
4137 shape-rendering: crispedges; }
4138 .tsi-gridComponent.tsi-dark .stacked g path {
4139 stroke-width: 1;
4140 pointer-events: all;
4141 stroke: none; }
4142 .tsi-gridComponent.tsi-dark .stacked rect {
4143 cursor: pointer;
4144 fill: transparent;
4145 stroke-width: 1; }
4146 .tsi-gridComponent.tsi-dark .tooltip {
4147 pointer-events: none; }
4148 .tsi-gridComponent.tsi-dark .tooltip text {
4149 alignment-baseline: hanging; }
4150 .tsi-gridComponent.tsi-dark .tooltip .title {
4151 font-weight: bold;
4152 font-size: 13px; }
4153 .tsi-gridComponent.tsi-dark .tooltip .value {
4154 font-weight: normal;
4155 font-size: 12px;
4156 font-weight: lighter; }
4157 .tsi-gridComponent.tsi-dark .tooltip .value.visibleValue {
4158 font-weight: bold; }
4159 .tsi-gridComponent.tsi-dark .tsi-gridComponent {
4160 z-index: 3 !important; }
4161 .tsi-gridComponent.tsi-dark .hHoverValueBar {
4162 stroke-width: 4px; }
4163 .tsi-gridComponent.tsi-dark .focus {
4164 display: none; }
4165 .tsi-gridComponent.tsi-dark svg {
4166 display: block; }
4167 .tsi-gridComponent.tsi-dark .tsi-chartValueTextBox {
4168 background-color: #0d0f0e;
4169 border-color: #62666c; }
4170 .tsi-gridComponent.tsi-dark .tsi-baseMono {
4171 background: #1e2223; }
4172 .tsi-gridComponent.tsi-light {
4173 color: #000;
4174 background: #ffffff; }
4175 .tsi-gridComponent.tsi-light.tsi-fromChart {
4176 background: rgba(0, 0, 0, 0.3); }
4177 .tsi-gridComponent.tsi-light.tsi-fromChart .tsi-gridWrapper {
4178 background: #ffffff;
4179 box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.3); }
4180 .tsi-gridComponent.tsi-light .tsi-closeButton {
4181 background: #ccc;
4182 box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3); }
4183 .tsi-gridComponent.tsi-light .tsi-gridWrapper table {
4184 background: #ffffff; }
4185 .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr td, .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr th {
4186 border: 1px solid rgba(0, 0, 0, 0.7); }
4187 .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr td:focus, .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr td:active, .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr th:focus, .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr th:active {
4188 box-shadow: inset 0px 0px 1px 1px #136BFB; }
4189 .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr th, .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr .tsi-rowHeaderWrapper, .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr .tsi-rowHeaderCell {
4190 background: #dcdcdc; }
4191 .tsi-gridComponent.tsi-light .tsi-gridWrapper table tr .tsi-rowHeaderWrapper .tsi-measureTypeWrapper .tsi-measureType {
4192 opacity: .6; }
4193 .tsi-gridComponent.tsi-light .yAxis path, .tsi-gridComponent.tsi-light .xAxis path {
4194 stroke: #000; }
4195 .tsi-gridComponent.tsi-light .yAxis .tick text, .tsi-gridComponent.tsi-light .xAxis .tick text {
4196 fill: #000; }
4197 .tsi-gridComponent.tsi-light .yAxis .tick line, .tsi-gridComponent.tsi-light .xAxis .tick line {
4198 stroke: #000; }
4199 @media screen and (-ms-high-contrast: white-on-black) {
4200 .tsi-gridComponent.tsi-light .yAxis path, .tsi-gridComponent.tsi-light .xAxis path {
4201 stroke: #fff; }
4202 .tsi-gridComponent.tsi-light .yAxis .tick text, .tsi-gridComponent.tsi-light .xAxis .tick text {
4203 fill: #fff !important; }
4204 .tsi-gridComponent.tsi-light .yAxis .tick line, .tsi-gridComponent.tsi-light .xAxis .tick line {
4205 stroke: #fff; } }
4206 .tsi-gridComponent.tsi-light .vHoverBox, .tsi-gridComponent.tsi-light .hHoverBox {
4207 fill: #ffffff;
4208 stroke: #136BFB; }
4209 .tsi-gridComponent.tsi-light .tsi-resizeGutter.tsi-isDragging {
4210 background-color: #dcdcdc; }
4211 .tsi-gridComponent.tsi-light ::-webkit-scrollbar {
4212 height: 8px;
4213 width: 8px; }
4214 .tsi-gridComponent.tsi-light ::-webkit-scrollbar-track {
4215 background: none; }
4216 .tsi-gridComponent.tsi-light ::-webkit-scrollbar-thumb {
4217 background: #a6a6a6;
4218 border-radius: 8px; }
4219 .tsi-gridComponent.tsi-light ::-webkit-scrollbar-thumb:hover {
4220 background: #a6a6a6; }
4221 .tsi-gridComponent.tsi-light ::-webkit-scrollbar-track:hover {
4222 background: #f2f2f2; }
4223 .tsi-gridComponent.tsi-light .hHoverText {
4224 text-anchor: middle; }
4225 .tsi-gridComponent.tsi-light .vHoverText {
4226 text-anchor: end; }
4227 .tsi-gridComponent.tsi-light .hoverText {
4228 stroke: none; }
4229 .tsi-gridComponent.tsi-light .hHoverText, .tsi-gridComponent.tsi-light .vHoverText {
4230 font-size: 11px !important; }
4231 .tsi-gridComponent.tsi-light .hHoverValueBar {
4232 stroke: #000; }
4233 .tsi-gridComponent.tsi-light .hoverText {
4234 fill: #000; }
4235 .tsi-gridComponent.tsi-light .stacked g path {
4236 fill: #000 !important; }
4237 .tsi-gridComponent.tsi-light .tooltip text {
4238 fill: #000; }
4239 .tsi-gridComponent.tsi-light .tooltip rect {
4240 fill: #ffffff;
4241 stroke: #136BFB; }
4242 .tsi-gridComponent.tsi-light .tsi-primaryButton {
4243 color: #000;
4244 border-color: rgba(0, 0, 0, 0.8);
4245 background-color: #f2f2f2; }
4246 .tsi-gridComponent.tsi-light .tsi-primaryButton:hover {
4247 background-color: #b3d6f2; }
4248 .tsi-gridComponent.tsi-light .yAxis path, .tsi-gridComponent.tsi-light .xAxis path {
4249 stroke-width: 1px !important; }
4250 .tsi-gridComponent.tsi-light .yAxis .tick text, .tsi-gridComponent.tsi-light .xAxis .tick text {
4251 user-select: none; }
4252 .tsi-gridComponent.tsi-light rect, .tsi-gridComponent.tsi-light line {
4253 shape-rendering: crispedges; }
4254 .tsi-gridComponent.tsi-light .stacked g path {
4255 stroke-width: 1;
4256 pointer-events: all;
4257 stroke: none; }
4258 .tsi-gridComponent.tsi-light .stacked rect {
4259 cursor: pointer;
4260 fill: transparent;
4261 stroke-width: 1; }
4262 .tsi-gridComponent.tsi-light .tooltip {
4263 pointer-events: none; }
4264 .tsi-gridComponent.tsi-light .tooltip text {
4265 alignment-baseline: hanging; }
4266 .tsi-gridComponent.tsi-light .tooltip .title {
4267 font-weight: bold;
4268 font-size: 13px; }
4269 .tsi-gridComponent.tsi-light .tooltip .value {
4270 font-weight: normal;
4271 font-size: 12px;
4272 font-weight: lighter; }
4273 .tsi-gridComponent.tsi-light .tooltip .value.visibleValue {
4274 font-weight: bold; }
4275 .tsi-gridComponent.tsi-light .tsi-gridComponent {
4276 z-index: 3 !important; }
4277 .tsi-gridComponent.tsi-light .hHoverValueBar {
4278 stroke-width: 4px; }
4279 .tsi-gridComponent.tsi-light .focus {
4280 display: none; }
4281 .tsi-gridComponent.tsi-light svg {
4282 display: block; }
4283 .tsi-gridComponent.tsi-light .tsi-chartValueTextBox {
4284 background-color: #ffffff;
4285 border-color: #b3d6f2; }
4286 .tsi-gridComponent.tsi-light .tsi-baseMono {
4287 background: #f2f2f2; }
4288 .tsi-gridComponent.tsi-fromChart .tsi-closeButton {
4289 display: block;
4290 opacity: 1;
4291 z-index: 1; }
4292 .tsi-gridComponent.tsi-fromChart .tsi-gridWrapper {
4293 width: calc(100% - 40px);
4294 height: calc(100% - 40px);
4295 margin: 20px;
4296 box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3); }
4297 .tsi-gridComponent .tsi-closeButton {
4298 display: block;
4299 padding: 4px 8px;
4300 border-radius: 12px;
4301 cursor: pointer;
4302 position: absolute;
4303 right: 4px;
4304 top: 4px;
4305 background: #ccc;
4306 border: none;
4307 box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3); }
4308 .tsi-gridComponent .tsi-gridWrapper {
4309 width: 100%;
4310 height: 100%;
4311 overflow: auto; }
4312 .tsi-gridComponent .tsi-gridWrapper table {
4313 font-size: 11px;
4314 border-collapse: collapse; }
4315 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow:hover .tsi-rowHeaderMeasures {
4316 visibility: visible !important; }
4317 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-valueCell {
4318 padding: 0px; }
4319 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-valueCell .tsi-measureValue, .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-rowHeaderCell .tsi-rowHeaderContainer .tsi-rowHeaderMeasures .tsi-measureName {
4320 height: 20px;
4321 padding: 0px 4px;
4322 white-space: nowrap;
4323 display: flex;
4324 align-items: center; }
4325 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-rowHeaderCell {
4326 padding: 0px; }
4327 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-rowHeaderCell .tsi-rowHeaderContainer {
4328 display: table; }
4329 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-rowHeaderCell .tsi-rowHeaderContainer .tsi-rowHeaderSeriesName {
4330 padding: 2px; }
4331 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-rowHeaderCell .tsi-rowHeaderContainer .tsi-rowHeaderMeasures {
4332 visibility: hidden;
4333 min-width: 80px;
4334 display: table;
4335 display: table-cell;
4336 text-align: center;
4337 vertical-align: middle; }
4338 .tsi-gridComponent .tsi-gridWrapper table .tsi-gridContentRow .tsi-rowHeaderCell .tsi-rowHeaderContainer .tsi-rowHeaderMeasures .tsi-measureName {
4339 opacity: .6;
4340 white-space: nowrap;
4341 overflow: hidden;
4342 text-overflow: ellipsis;
4343 align-content: flex-end;
4344 justify-content: flex-end; }
4345 .tsi-gridComponent .tsi-gridWrapper table tr th, .tsi-gridComponent .tsi-gridWrapper table tr .tsi-rowHeaderWrapper, .tsi-gridComponent .tsi-gridWrapper table tr .tsi-rowHeaderCell {
4346 padding: 2px;
4347 white-space: nowrap; }
4348 .tsi-gridComponent .tsi-gridWrapper table tr td {
4349 padding: 2px; }
4350 .tsi-gridComponent .tsi-gridWrapper table tr .tsi-rowHeaderWrapper {
4351 border-left: 4px solid transparent;
4352 white-space: nowrap;
4353 position: relative;
4354 padding-right: 88px; }
4355 .tsi-gridComponent .tsi-gridWrapper table tr .tsi-rowHeaderWrapper .tsi-rowHeader {
4356 max-width: 150px;
4357 text-overflow: ellipsis;
4358 overflow: hidden; }
4359 .tsi-gridComponent .tsi-gridWrapper table tr .tsi-rowHeaderWrapper .tsi-measureTypeWrapper {
4360 position: absolute;
4361 right: 4px;
4362 top: 2px;
4363 display: none;
4364 max-width: 76px;
4365 overflow: hidden; }
4366 .tsi-gridComponent .tsi-gridWrapper table tr .tsi-rowHeaderWrapper .tsi-measureTypeWrapper .tsi-measureType {
4367 text-overflow: ellipsis;
4368 overflow: hidden;
4369 display: block;
4370 opacity: .6; }
4371 .tsi-gridComponent .tsi-baseMono {
4372 padding: 2px; }
4373
4374div[class^='tsi-'] {
4375 box-sizing: border-box;
4376 font-family: "Segoe UI", sans-serif; }
4377
4378.tsi-textWrap {
4379 overflow: hidden;
4380 white-space: pre-wrap;
4381 text-overflow: ellipsis;
4382 hyphens: auto;
4383 overflow-wrap: break-word; }
4384
4385.tsi-hidden {
4386 display: none; }
4387
4388@keyframes tsi-slideIn {
4389 from {
4390 transform: translateY(-10px);
4391 opacity: 0; }
4392 to {
4393 transform: translateY(0px);
4394 opacity: 1; } }
4395
4396@keyframes tsi-slideRight {
4397 from {
4398 transform: translateX(-10px);
4399 opacity: 0; }
4400 to {
4401 transform: translateX(0px);
4402 opacity: 1; } }
4403
4404.tsi-resizeGutter {
4405 width: 6px;
4406 cursor: e-resize;
4407 padding: 2px;
4408 background-position-y: 50%;
4409 background-position-x: 0px;
4410 background-repeat: no-repeat; }
4411
4412.tsi-chartValueTextBox {
4413 position: absolute;
4414 white-space: nowrap;
4415 font-size: 11px;
4416 padding: 1px 4px;
4417 border-width: 1px;
4418 border-style: solid;
4419 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
4420 line-height: 16px; }
4421
4422.tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
4423 white-space: nowrap;
4424 padding: 4px 0;
4425 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4426 border-width: 1px;
4427 border-radius: 2px;
4428 border-style: solid;
4429 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
4430 text-align: left; }
4431 .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div, .tsi-baseContextMenu > li, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li, .tsi-baseContextMenu > button, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
4432 padding: 4px 8px;
4433 font-size: 12px;
4434 cursor: pointer;
4435 height: 28px;
4436 display: flex;
4437 align-items: center;
4438 overflow: hidden; }
4439 .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
4440 height: 4px;
4441 margin-top: 4px;
4442 padding: 0 0 4px 0;
4443 cursor: default; }
4444 .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
4445 display: none; }
4446
4447.tsi-primaryButton {
4448 height: 36px;
4449 border-radius: 4px;
4450 border-width: 1px;
4451 border-style: solid; }
4452 .tsi-primaryButton.disabled {
4453 cursor: default;
4454 pointer-events: none;
4455 opacity: .5; }
4456
4457.tsi-chartControlsPanel {
4458 height: 20px;
4459 right: 0px;
4460 width: 100px;
4461 position: absolute;
4462 z-index: 2;
4463 pointer-events: none; }
4464 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
4465 pointer-events: all;
4466 left: auto;
4467 right: 20px;
4468 top: 0px;
4469 position: absolute; }
4470 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
4471 pointer-events: all; }
4472 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
4473 z-index: 2 !important; }
4474 .tsi-chartControlsPanel .tsi-stackedButton {
4475 pointer-events: all;
4476 display: block;
4477 background-size: 20px 20px;
4478 background-repeat: no-repeat;
4479 background-position: center;
4480 position: absolute;
4481 height: 100%;
4482 width: 20px;
4483 cursor: pointer;
4484 background-color: transparent;
4485 border: none; }
4486 .tsi-chartControlsPanel .tsi-scooterButton {
4487 display: block;
4488 background-size: 20px 20px;
4489 background-repeat: no-repeat;
4490 background-position: center;
4491 position: absolute;
4492 height: 20px;
4493 width: 20px; }
4494
4495select::-ms-expand {
4496 display: none; }
4497
4498.tsi-select {
4499 margin: 2px;
4500 position: relative;
4501 -webkit-appearance: none;
4502 -moz-appearance: none;
4503 padding: 6px;
4504 padding-right: 28px;
4505 border-width: 1px;
4506 border-radius: 2px;
4507 border-style: solid;
4508 white-space: nowrap;
4509 overflow: hidden;
4510 height: 32px;
4511 background-position-y: 12px;
4512 background-position-x: calc(100% - 4px); }
4513 .tsi-select option {
4514 padding: 6px; }
4515
4516.tsi-warmRect {
4517 fill: #FFA800;
4518 stroke: #FFA800; }
4519
4520.pika-single {
4521 border-bottom: none;
4522 border-left: none;
4523 border-right: none; }
4524 .pika-single .pika-lendar {
4525 text-decoration: none;
4526 width: 196px;
4527 margin-left: 12px;
4528 margin-right: 12px; }
4529 .pika-single .pika-lendar abbr {
4530 text-decoration: none; }
4531 .pika-single .pika-lendar .pika-table .pika-row {
4532 height: 28px;
4533 margin: 0px; }
4534 .pika-single .pika-lendar .pika-table .pika-row td {
4535 padding: 0px; }
4536 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
4537 background-color: #d5ebe9; }
4538 .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 {
4539 background-color: #309d90;
4540 color: white; }
4541 .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 {
4542 background-color: #309d90;
4543 color: white; }
4544 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
4545 border-bottom-left-radius: 8px;
4546 border-top-left-radius: 8px; }
4547 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
4548 border-bottom-right-radius: 8px;
4549 border-top-right-radius: 8px; }
4550 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
4551 width: 100%;
4552 height: 28px;
4553 width: 28px;
4554 margin: 0px; }
4555 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
4556 background-color: #309d90;
4557 color: white; }
4558 .pika-single .pika-lendar .pika-table .pika-button {
4559 border-radius: 0px;
4560 text-align: center; }
4561
4562.tsi-search {
4563 width: 100%;
4564 height: 100%;
4565 display: flex;
4566 flex-shrink: 0;
4567 align-items: center;
4568 position: relative; }
4569 .tsi-search .tsi-search-icon {
4570 width: 21px;
4571 height: 17px;
4572 background-repeat: no-repeat;
4573 margin-left: 8px;
4574 background-size: 14px;
4575 background-position-y: 2px; }
4576 .tsi-search .tsi-searchInput {
4577 position: absolute;
4578 width: 100%;
4579 height: 100%;
4580 padding-left: 28px;
4581 background: transparent;
4582 outline: none;
4583 text-overflow: ellipsis; }
4584
4585.tsi-baseMono {
4586 display: inline-block;
4587 padding: 4px;
4588 border-radius: 3px;
4589 font-family: "Lucida Console", Monaco, monospace;
4590 font-size: 85%;
4591 line-height: 85%;
4592 font-weight: 300; }
4593
4594.tsi-modelAutocompleteWrapper {
4595 height: 32px;
4596 position: relative; }
4597 .tsi-modelAutocompleteWrapper.tsi-dark {
4598 background: #0d0f0e;
4599 color: #fff; }
4600 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
4601 border-color: #60AAFF;
4602 background-color: #0d0f0e;
4603 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16); }
4604 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
4605 background-color: #62666c; }
4606 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
4607 border-top: 1px solid rgba(96, 170, 255, 0.2); }
4608 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
4609 background-color: #0d0f0e; }
4610 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4611 border: 1px solid #31373e; }
4612 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
4613 border: 1px solid #60AAFF; }
4614 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
4615 background: #1e2223; }
4616 .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
4617 background: #1e2223;
4618 color: #fff; }
4619 .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected="true"], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
4620 background: #62666c; }
4621 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4622 background-color: #0d0f0e; }
4623 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
4624 background-color: #1e2223; }
4625 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4626 color: #fff; }
4627 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4628 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
4629 .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
4630 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
4631 .tsi-modelAutocompleteWrapper.tsi-light {
4632 background: #ffffff;
4633 color: #000; }
4634 .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
4635 border-color: #136BFB;
4636 background-color: #ffffff;
4637 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
4638 .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
4639 background-color: #b3d6f2; }
4640 .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
4641 border-top: 1px solid rgba(19, 107, 251, 0.2); }
4642 .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
4643 background-color: #ffffff; }
4644 .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4645 border: 1px solid #dcdcdc; }
4646 .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
4647 border: 1px solid #136BFB; }
4648 .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
4649 background: #f2f2f2; }
4650 .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
4651 background: #f2f2f2;
4652 color: #000; }
4653 .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected="true"], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
4654 background: #b3d6f2; }
4655 .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4656 background-color: #ffffff; }
4657 .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
4658 background-color: #f2f2f2; }
4659 .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4660 color: #000; }
4661 .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4662 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
4663 .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
4664 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
4665 .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
4666 width: 20px;
4667 height: 20px;
4668 cursor: pointer;
4669 position: absolute;
4670 left: calc(100% - 28px);
4671 margin-top: 1px;
4672 display: none;
4673 z-index: 2;
4674 background-repeat: no-repeat;
4675 background-position: 50%; }
4676 .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
4677 display: block; }
4678 .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
4679 display: none; }
4680 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
4681 display: none; }
4682 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
4683 position: absolute;
4684 clip: rect(0, 0, 0, 0); }
4685 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
4686 height: 100%;
4687 width: 100%;
4688 position: absolute; }
4689 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
4690 padding-right: 28px; }
4691 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
4692 animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4693 position: absolute;
4694 z-index: 1;
4695 list-style: none;
4696 padding: 0;
4697 border-radius: 0px;
4698 font-size: 13px;
4699 width: 100%;
4700 margin-top: 30px; }
4701 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
4702 display: none; }
4703 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
4704 display: block;
4705 line-height: 20px;
4706 cursor: pointer; }
4707 .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
4708 display: none; }
4709 .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
4710 position: absolute !important;
4711 display: block;
4712 visibility: visible;
4713 overflow: hidden;
4714 width: 1px;
4715 height: 1px;
4716 margin: -1px;
4717 border: 0;
4718 padding: 0;
4719 white-space: nowrap; }
4720
4721div[class^='tsi-'] {
4722 box-sizing: border-box;
4723 font-family: "Segoe UI", sans-serif; }
4724
4725.tsi-textWrap {
4726 overflow: hidden;
4727 white-space: pre-wrap;
4728 text-overflow: ellipsis;
4729 hyphens: auto;
4730 overflow-wrap: break-word; }
4731
4732.tsi-hidden {
4733 display: none; }
4734
4735@keyframes tsi-slideIn {
4736 from {
4737 transform: translateY(-10px);
4738 opacity: 0; }
4739 to {
4740 transform: translateY(0px);
4741 opacity: 1; } }
4742
4743@keyframes tsi-slideRight {
4744 from {
4745 transform: translateX(-10px);
4746 opacity: 0; }
4747 to {
4748 transform: translateX(0px);
4749 opacity: 1; } }
4750
4751.tsi-resizeGutter {
4752 width: 6px;
4753 cursor: e-resize;
4754 padding: 2px;
4755 background-position-y: 50%;
4756 background-position-x: 0px;
4757 background-repeat: no-repeat; }
4758
4759.tsi-chartValueTextBox {
4760 position: absolute;
4761 white-space: nowrap;
4762 font-size: 11px;
4763 padding: 1px 4px;
4764 border-width: 1px;
4765 border-style: solid;
4766 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
4767 line-height: 16px; }
4768
4769.tsi-baseContextMenu {
4770 white-space: nowrap;
4771 padding: 4px 0;
4772 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4773 border-width: 1px;
4774 border-radius: 2px;
4775 border-style: solid;
4776 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
4777 text-align: left; }
4778 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
4779 padding: 4px 8px;
4780 font-size: 12px;
4781 cursor: pointer;
4782 height: 28px;
4783 display: flex;
4784 align-items: center;
4785 overflow: hidden; }
4786 .tsi-baseContextMenu .tsi-break {
4787 height: 4px;
4788 margin-top: 4px;
4789 padding: 0 0 4px 0;
4790 cursor: default; }
4791 .tsi-baseContextMenu .tsi-break:last-of-type {
4792 display: none; }
4793
4794.tsi-primaryButton {
4795 height: 36px;
4796 border-radius: 4px;
4797 border-width: 1px;
4798 border-style: solid; }
4799 .tsi-primaryButton.disabled {
4800 cursor: default;
4801 pointer-events: none;
4802 opacity: .5; }
4803
4804.tsi-chartControlsPanel {
4805 height: 20px;
4806 right: 0px;
4807 width: 100px;
4808 position: absolute;
4809 z-index: 2;
4810 pointer-events: none; }
4811 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
4812 pointer-events: all;
4813 left: auto;
4814 right: 20px;
4815 top: 0px;
4816 position: absolute; }
4817 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
4818 pointer-events: all; }
4819 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
4820 z-index: 2 !important; }
4821 .tsi-chartControlsPanel .tsi-stackedButton {
4822 pointer-events: all;
4823 display: block;
4824 background-size: 20px 20px;
4825 background-repeat: no-repeat;
4826 background-position: center;
4827 position: absolute;
4828 height: 100%;
4829 width: 20px;
4830 cursor: pointer;
4831 background-color: transparent;
4832 border: none; }
4833 .tsi-chartControlsPanel .tsi-scooterButton {
4834 display: block;
4835 background-size: 20px 20px;
4836 background-repeat: no-repeat;
4837 background-position: center;
4838 position: absolute;
4839 height: 20px;
4840 width: 20px; }
4841
4842select::-ms-expand {
4843 display: none; }
4844
4845.tsi-select {
4846 margin: 2px;
4847 position: relative;
4848 -webkit-appearance: none;
4849 -moz-appearance: none;
4850 padding: 6px;
4851 padding-right: 28px;
4852 border-width: 1px;
4853 border-radius: 2px;
4854 border-style: solid;
4855 white-space: nowrap;
4856 overflow: hidden;
4857 height: 32px;
4858 background-position-y: 12px;
4859 background-position-x: calc(100% - 4px); }
4860 .tsi-select option {
4861 padding: 6px; }
4862
4863.tsi-warmRect {
4864 fill: #FFA800;
4865 stroke: #FFA800; }
4866
4867.pika-single {
4868 border-bottom: none;
4869 border-left: none;
4870 border-right: none; }
4871 .pika-single .pika-lendar {
4872 text-decoration: none;
4873 width: 196px;
4874 margin-left: 12px;
4875 margin-right: 12px; }
4876 .pika-single .pika-lendar abbr {
4877 text-decoration: none; }
4878 .pika-single .pika-lendar .pika-table .pika-row {
4879 height: 28px;
4880 margin: 0px; }
4881 .pika-single .pika-lendar .pika-table .pika-row td {
4882 padding: 0px; }
4883 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
4884 background-color: #d5ebe9; }
4885 .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 {
4886 background-color: #309d90;
4887 color: white; }
4888 .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 {
4889 background-color: #309d90;
4890 color: white; }
4891 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
4892 border-bottom-left-radius: 8px;
4893 border-top-left-radius: 8px; }
4894 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
4895 border-bottom-right-radius: 8px;
4896 border-top-right-radius: 8px; }
4897 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
4898 width: 100%;
4899 height: 28px;
4900 width: 28px;
4901 margin: 0px; }
4902 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
4903 background-color: #309d90;
4904 color: white; }
4905 .pika-single .pika-lendar .pika-table .pika-button {
4906 border-radius: 0px;
4907 text-align: center; }
4908
4909.tsi-search {
4910 width: 100%;
4911 height: 100%;
4912 display: flex;
4913 flex-shrink: 0;
4914 align-items: center;
4915 position: relative; }
4916 .tsi-search .tsi-search-icon {
4917 width: 21px;
4918 height: 17px;
4919 background-repeat: no-repeat;
4920 margin-left: 8px;
4921 background-size: 14px;
4922 background-position-y: 2px; }
4923 .tsi-search .tsi-searchInput {
4924 position: absolute;
4925 width: 100%;
4926 height: 100%;
4927 padding-left: 28px;
4928 background: transparent;
4929 outline: none;
4930 text-overflow: ellipsis; }
4931
4932.tsi-baseMono {
4933 display: inline-block;
4934 padding: 4px;
4935 border-radius: 3px;
4936 font-family: "Lucida Console", Monaco, monospace;
4937 font-size: 85%;
4938 line-height: 85%;
4939 font-weight: 300; }
4940
4941.tsi-tableComponent {
4942 position: relative;
4943 text-align: left; }
4944 .tsi-tableComponent.tsi-dark {
4945 background-color: #0d0f0e; }
4946 .tsi-tableComponent.tsi-dark .yAxis path, .tsi-tableComponent.tsi-dark .xAxis path {
4947 stroke: #fff; }
4948 .tsi-tableComponent.tsi-dark .yAxis .tick text, .tsi-tableComponent.tsi-dark .xAxis .tick text {
4949 fill: #fff; }
4950 .tsi-tableComponent.tsi-dark .yAxis .tick line, .tsi-tableComponent.tsi-dark .xAxis .tick line {
4951 stroke: #fff; }
4952 @media screen and (-ms-high-contrast: white-on-black) {
4953 .tsi-tableComponent.tsi-dark .yAxis path, .tsi-tableComponent.tsi-dark .xAxis path {
4954 stroke: #fff; }
4955 .tsi-tableComponent.tsi-dark .yAxis .tick text, .tsi-tableComponent.tsi-dark .xAxis .tick text {
4956 fill: #fff !important; }
4957 .tsi-tableComponent.tsi-dark .yAxis .tick line, .tsi-tableComponent.tsi-dark .xAxis .tick line {
4958 stroke: #fff; } }
4959 .tsi-tableComponent.tsi-dark .vHoverBox, .tsi-tableComponent.tsi-dark .hHoverBox {
4960 fill: #0d0f0e;
4961 stroke: #60AAFF; }
4962 .tsi-tableComponent.tsi-dark .tsi-resizeGutter.tsi-isDragging {
4963 background-color: #31373e; }
4964 .tsi-tableComponent.tsi-dark ::-webkit-scrollbar {
4965 height: 8px;
4966 width: 8px; }
4967 .tsi-tableComponent.tsi-dark ::-webkit-scrollbar-track {
4968 background: none; }
4969 .tsi-tableComponent.tsi-dark ::-webkit-scrollbar-thumb {
4970 background: #666666;
4971 border-radius: 8px; }
4972 .tsi-tableComponent.tsi-dark ::-webkit-scrollbar-thumb:hover {
4973 background: #666666; }
4974 .tsi-tableComponent.tsi-dark ::-webkit-scrollbar-track:hover {
4975 background: #1e2223; }
4976 .tsi-tableComponent.tsi-dark .hHoverText {
4977 text-anchor: middle; }
4978 .tsi-tableComponent.tsi-dark .vHoverText {
4979 text-anchor: end; }
4980 .tsi-tableComponent.tsi-dark .hoverText {
4981 stroke: none; }
4982 .tsi-tableComponent.tsi-dark .hHoverText, .tsi-tableComponent.tsi-dark .vHoverText {
4983 font-size: 11px !important; }
4984 .tsi-tableComponent.tsi-dark .hHoverValueBar {
4985 stroke: #fff; }
4986 .tsi-tableComponent.tsi-dark .hoverText {
4987 fill: #fff; }
4988 .tsi-tableComponent.tsi-dark .stacked g path {
4989 fill: #fff !important; }
4990 .tsi-tableComponent.tsi-dark .tooltip text {
4991 fill: #fff; }
4992 .tsi-tableComponent.tsi-dark .tooltip rect {
4993 fill: #0d0f0e;
4994 stroke: #60AAFF; }
4995 .tsi-tableComponent.tsi-dark .tsi-primaryButton {
4996 color: #fff;
4997 border-color: rgba(255, 255, 255, 0.8);
4998 background-color: #1e2223; }
4999 .tsi-tableComponent.tsi-dark .tsi-primaryButton:hover {
5000 background-color: #62666c; }
5001 .tsi-tableComponent.tsi-dark .yAxis path, .tsi-tableComponent.tsi-dark .xAxis path {
5002 stroke-width: 1px !important; }
5003 .tsi-tableComponent.tsi-dark .yAxis .tick text, .tsi-tableComponent.tsi-dark .xAxis .tick text {
5004 user-select: none; }
5005 .tsi-tableComponent.tsi-dark rect, .tsi-tableComponent.tsi-dark line {
5006 shape-rendering: crispedges; }
5007 .tsi-tableComponent.tsi-dark .stacked g path {
5008 stroke-width: 1;
5009 pointer-events: all;
5010 stroke: none; }
5011 .tsi-tableComponent.tsi-dark .stacked rect {
5012 cursor: pointer;
5013 fill: transparent;
5014 stroke-width: 1; }
5015 .tsi-tableComponent.tsi-dark .tooltip {
5016 pointer-events: none; }
5017 .tsi-tableComponent.tsi-dark .tooltip text {
5018 alignment-baseline: hanging; }
5019 .tsi-tableComponent.tsi-dark .tooltip .title {
5020 font-weight: bold;
5021 font-size: 13px; }
5022 .tsi-tableComponent.tsi-dark .tooltip .value {
5023 font-weight: normal;
5024 font-size: 12px;
5025 font-weight: lighter; }
5026 .tsi-tableComponent.tsi-dark .tooltip .value.visibleValue {
5027 font-weight: bold; }
5028 .tsi-tableComponent.tsi-dark .tsi-gridComponent {
5029 z-index: 3 !important; }
5030 .tsi-tableComponent.tsi-dark .hHoverValueBar {
5031 stroke-width: 4px; }
5032 .tsi-tableComponent.tsi-dark .focus {
5033 display: none; }
5034 .tsi-tableComponent.tsi-dark svg {
5035 display: block; }
5036 .tsi-tableComponent.tsi-dark .tsi-chartValueTextBox {
5037 background-color: #0d0f0e;
5038 border-color: #62666c; }
5039 .tsi-tableComponent.tsi-dark .tsi-baseMono {
5040 background: #1e2223; }
5041 .tsi-tableComponent.tsi-dark .tsi-eventsTable {
5042 background-color: #0d0f0e;
5043 color: #fff;
5044 border-left: 1px solid #666666; }
5045 .tsi-tableComponent.tsi-dark .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRows tr:hover {
5046 background-color: #62666c; }
5047 .tsi-tableComponent.tsi-dark .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRows tr td {
5048 border: 1px solid #666666; }
5049 .tsi-tableComponent.tsi-dark .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader {
5050 border-right: 1px solid #666666;
5051 border-bottom: 1px solid #666666;
5052 background-color: #31373e; }
5053 .tsi-tableComponent.tsi-dark .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader:hover {
5054 background-color: #62666c; }
5055 .tsi-tableComponent.tsi-dark .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader.tsi-columnHeaderDisabled:hover {
5056 background-color: #31373e; }
5057 .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend {
5058 background-color: #0d0f0e; }
5059 .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-selectAllSomeState {
5060 background-color: #fff; }
5061 .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle, .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns {
5062 color: #fff; }
5063 .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle:hover, .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns:hover {
5064 background-color: #62666c; }
5065 .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggleCheckbox.tsi-notSelected {
5066 background: #0d0f0e;
5067 border: 1px solid rgba(255, 255, 255, 0.2); }
5068 .tsi-tableComponent.tsi-dark .tsi-tableLeftPanel .tsi-tableLegend .tsi-eventsDownload {
5069 background-color: #1e2223; }
5070 .tsi-tableComponent.tsi-dark .tsi-downloadEventsIcon {
5071 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.25%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath opacity%3D%220.75%22 d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
5072 .tsi-tableComponent.tsi-dark .tsi-columnSortIcon.down {
5073 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-sortDown-Dark-1%7Bfill%3Anone%7D.cls-sortDown-Dark-2%7Bfill%3Argba(0%2C0%2C0%2C.1)%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-524 -96)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-sortDown-Dark-1%22 transform%3D%22translate(524 96)%22%2F%3E%0D %3Cg transform%3D%22translate(524 96)%22%3E%0D %3Cpath d%3D%22M7.486-2.965l-.639-.53L4.486-1.41v-10.555h-1v10.572l-2.361-2.1-.639.53 3.5 3z%22 class%3D%22cls-sortDown-Dark-2%22 transform%3D%22translate(4.514 14.965)%22%2F%3E%0D %3Cpath d%3D%22M7.486-2.965l-.639-.53L4.486-1.41v-10.555h-1v10.572l-2.361-2.1-.639.53 3.5 3z%22 transform%3D%22translate(4.514 13.965)%22 style%3D%22fill%3Awhite%3B%22 %2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5074 .tsi-tableComponent.tsi-dark .tsi-columnSortIcon.up {
5075 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-sortUp-Dark-1%7Bfill%3Anone%7D.cls-sortUp-Dark-2%7Bfill%3Argba(0%2C0%2C0%2C.1)%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -96)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-sortUp-Dark-1%22 transform%3D%22translate(488 96)%22%2F%3E%0D %3Cg transform%3D%22translate(488 96)%22%3E%0D %3Cpath d%3D%22M7.486-8.965l-.639.53-2.361-2.084V.035h-1v-10.572l-2.361 2.1-.639-.53 3.5-3z%22 class%3D%22cls-sortUp-Dark-2%22 transform%3D%22translate(4.514 14.965)%22%2F%3E%0D %3Cpath d%3D%22M7.486-8.965l-.639.53-2.361-2.084V.035h-1v-10.572l-2.361 2.1-.639-.53 3.5-3z%22 style%3D%22fill%3Awhite%3B%22 transform%3D%22translate(4.514 13.965)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5076 .tsi-tableComponent.tsi-light {
5077 background-color: #ffffff; }
5078 .tsi-tableComponent.tsi-light .yAxis path, .tsi-tableComponent.tsi-light .xAxis path {
5079 stroke: #000; }
5080 .tsi-tableComponent.tsi-light .yAxis .tick text, .tsi-tableComponent.tsi-light .xAxis .tick text {
5081 fill: #000; }
5082 .tsi-tableComponent.tsi-light .yAxis .tick line, .tsi-tableComponent.tsi-light .xAxis .tick line {
5083 stroke: #000; }
5084 @media screen and (-ms-high-contrast: white-on-black) {
5085 .tsi-tableComponent.tsi-light .yAxis path, .tsi-tableComponent.tsi-light .xAxis path {
5086 stroke: #fff; }
5087 .tsi-tableComponent.tsi-light .yAxis .tick text, .tsi-tableComponent.tsi-light .xAxis .tick text {
5088 fill: #fff !important; }
5089 .tsi-tableComponent.tsi-light .yAxis .tick line, .tsi-tableComponent.tsi-light .xAxis .tick line {
5090 stroke: #fff; } }
5091 .tsi-tableComponent.tsi-light .vHoverBox, .tsi-tableComponent.tsi-light .hHoverBox {
5092 fill: #ffffff;
5093 stroke: #136BFB; }
5094 .tsi-tableComponent.tsi-light .tsi-resizeGutter.tsi-isDragging {
5095 background-color: #dcdcdc; }
5096 .tsi-tableComponent.tsi-light ::-webkit-scrollbar {
5097 height: 8px;
5098 width: 8px; }
5099 .tsi-tableComponent.tsi-light ::-webkit-scrollbar-track {
5100 background: none; }
5101 .tsi-tableComponent.tsi-light ::-webkit-scrollbar-thumb {
5102 background: #a6a6a6;
5103 border-radius: 8px; }
5104 .tsi-tableComponent.tsi-light ::-webkit-scrollbar-thumb:hover {
5105 background: #a6a6a6; }
5106 .tsi-tableComponent.tsi-light ::-webkit-scrollbar-track:hover {
5107 background: #f2f2f2; }
5108 .tsi-tableComponent.tsi-light .hHoverText {
5109 text-anchor: middle; }
5110 .tsi-tableComponent.tsi-light .vHoverText {
5111 text-anchor: end; }
5112 .tsi-tableComponent.tsi-light .hoverText {
5113 stroke: none; }
5114 .tsi-tableComponent.tsi-light .hHoverText, .tsi-tableComponent.tsi-light .vHoverText {
5115 font-size: 11px !important; }
5116 .tsi-tableComponent.tsi-light .hHoverValueBar {
5117 stroke: #000; }
5118 .tsi-tableComponent.tsi-light .hoverText {
5119 fill: #000; }
5120 .tsi-tableComponent.tsi-light .stacked g path {
5121 fill: #000 !important; }
5122 .tsi-tableComponent.tsi-light .tooltip text {
5123 fill: #000; }
5124 .tsi-tableComponent.tsi-light .tooltip rect {
5125 fill: #ffffff;
5126 stroke: #136BFB; }
5127 .tsi-tableComponent.tsi-light .tsi-primaryButton {
5128 color: #000;
5129 border-color: rgba(0, 0, 0, 0.8);
5130 background-color: #f2f2f2; }
5131 .tsi-tableComponent.tsi-light .tsi-primaryButton:hover {
5132 background-color: #b3d6f2; }
5133 .tsi-tableComponent.tsi-light .yAxis path, .tsi-tableComponent.tsi-light .xAxis path {
5134 stroke-width: 1px !important; }
5135 .tsi-tableComponent.tsi-light .yAxis .tick text, .tsi-tableComponent.tsi-light .xAxis .tick text {
5136 user-select: none; }
5137 .tsi-tableComponent.tsi-light rect, .tsi-tableComponent.tsi-light line {
5138 shape-rendering: crispedges; }
5139 .tsi-tableComponent.tsi-light .stacked g path {
5140 stroke-width: 1;
5141 pointer-events: all;
5142 stroke: none; }
5143 .tsi-tableComponent.tsi-light .stacked rect {
5144 cursor: pointer;
5145 fill: transparent;
5146 stroke-width: 1; }
5147 .tsi-tableComponent.tsi-light .tooltip {
5148 pointer-events: none; }
5149 .tsi-tableComponent.tsi-light .tooltip text {
5150 alignment-baseline: hanging; }
5151 .tsi-tableComponent.tsi-light .tooltip .title {
5152 font-weight: bold;
5153 font-size: 13px; }
5154 .tsi-tableComponent.tsi-light .tooltip .value {
5155 font-weight: normal;
5156 font-size: 12px;
5157 font-weight: lighter; }
5158 .tsi-tableComponent.tsi-light .tooltip .value.visibleValue {
5159 font-weight: bold; }
5160 .tsi-tableComponent.tsi-light .tsi-gridComponent {
5161 z-index: 3 !important; }
5162 .tsi-tableComponent.tsi-light .hHoverValueBar {
5163 stroke-width: 4px; }
5164 .tsi-tableComponent.tsi-light .focus {
5165 display: none; }
5166 .tsi-tableComponent.tsi-light svg {
5167 display: block; }
5168 .tsi-tableComponent.tsi-light .tsi-chartValueTextBox {
5169 background-color: #ffffff;
5170 border-color: #b3d6f2; }
5171 .tsi-tableComponent.tsi-light .tsi-baseMono {
5172 background: #f2f2f2; }
5173 .tsi-tableComponent.tsi-light .tsi-eventsTable {
5174 background-color: #ffffff;
5175 color: #000;
5176 border-left: 1px solid #a6a6a6; }
5177 .tsi-tableComponent.tsi-light .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRows tr:hover {
5178 background-color: #b3d6f2; }
5179 .tsi-tableComponent.tsi-light .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRows tr td {
5180 border: 1px solid #a6a6a6; }
5181 .tsi-tableComponent.tsi-light .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader {
5182 border-right: 1px solid #a6a6a6;
5183 border-bottom: 1px solid #a6a6a6;
5184 background-color: #dcdcdc; }
5185 .tsi-tableComponent.tsi-light .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader:hover {
5186 background-color: #b3d6f2; }
5187 .tsi-tableComponent.tsi-light .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader.tsi-columnHeaderDisabled:hover {
5188 background-color: #dcdcdc; }
5189 .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend {
5190 background-color: #ffffff; }
5191 .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-selectAllSomeState {
5192 background-color: #000; }
5193 .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle, .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns {
5194 color: #000; }
5195 .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle:hover, .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns:hover {
5196 background-color: #b3d6f2; }
5197 .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggleCheckbox.tsi-notSelected {
5198 background: #ffffff;
5199 border: 1px solid rgba(0, 0, 0, 0.2); }
5200 .tsi-tableComponent.tsi-light .tsi-tableLeftPanel .tsi-tableLegend .tsi-eventsDownload {
5201 background-color: #f2f2f2; }
5202 .tsi-tableComponent.tsi-light .tsi-downloadEventsIcon {
5203 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23212121%22 stroke-opacity%3D%220.75%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
5204 .tsi-tableComponent.tsi-light .tsi-columnSortIcon.down {
5205 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-sortDown-Light-1%7Bfill%3Anone%7D.cls-sortDown-Light-2%7Bfill%3Argba(0%2C0%2C0%2C.1)%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-524 -96)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-sortDown-Light-1%22 transform%3D%22translate(524 96)%22%2F%3E%0D %3Cg transform%3D%22translate(524 96)%22%3E%0D %3Cpath d%3D%22M7.486-2.965l-.639-.53L4.486-1.41v-10.555h-1v10.572l-2.361-2.1-.639.53 3.5 3z%22 class%3D%22cls-sortDown-Light-2%22 transform%3D%22translate(4.514 14.965)%22%2F%3E%0D %3Cpath d%3D%22M7.486-2.965l-.639-.53L4.486-1.41v-10.555h-1v10.572l-2.361-2.1-.639.53 3.5 3z%22 transform%3D%22translate(4.514 13.965)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5206 .tsi-tableComponent.tsi-light .tsi-columnSortIcon.up {
5207 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-sortUp-Light-1%7Bfill%3Anone%7D.cls-sortUp-Light-2%7Bfill%3Argba(0%2C0%2C0%2C.1)%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -96)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-sortUp-Light-1%22 transform%3D%22translate(488 96)%22%2F%3E%0D %3Cg transform%3D%22translate(488 96)%22%3E%0D %3Cpath d%3D%22M7.486-8.965l-.639.53-2.361-2.084V.035h-1v-10.572l-2.361 2.1-.639-.53 3.5-3z%22 class%3D%22cls-sortUp-Light-2%22 transform%3D%22translate(4.514 14.965)%22%2F%3E%0D %3Cpath d%3D%22M7.486-8.965l-.639.53-2.361-2.084V.035h-1v-10.572l-2.361 2.1-.639-.53 3.5-3z%22 transform%3D%22translate(4.514 13.965)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5208 .tsi-tableComponent .tsi-columnTypeIcons {
5209 display: flex;
5210 align-items: center; }
5211 .tsi-tableComponent .tsi-columnTypeIcon {
5212 width: 16px;
5213 height: 16px;
5214 pointer-events: none; }
5215 .tsi-tableComponent .tsi-columnTypeIcon.String {
5216 background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-abc-1%7Bfill%3Anone%7D.cls-abc-2%7Bfill%3A%2307f%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-91 -132)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-abc-1%22 transform%3D%22translate(91 132)%22%2F%3E%0D %3Cpath d%3D%22M3.327-.606a2.272 2.272 0 0 1-1.5.716 1.373 1.373 0 0 1-.983-.371A1.239 1.239 0 0 1 .453-1.2a1.344 1.344 0 0 1 .657-1.2 3.507 3.507 0 0 1 1.883-.42H3.2v-.58a.744.744 0 0 0-.853-.831 3.187 3.187 0 0 0-1.481.422v-.716A4.363 4.363 0 0 1 2.5-4.878a1.665 1.665 0 0 1 1.18.36A1.479 1.479 0 0 1 4.065-3.4v2.162q0 .743.457.743a1.149 1.149 0 0 0 .167-.015l.062.479A1.49 1.49 0 0 1 4.1.11q-.606 0-.773-.716zM3.2-1.077v-1.235l-.29-.009a2.175 2.175 0 0 0-1.151.27.809.809 0 0 0-.439.71.71.71 0 0 0 .22.527.737.737 0 0 0 .534.214A1.8 1.8 0 0 0 3.2-1.077zM5.836.053v-6.992H6.7v3.063a1.709 1.709 0 0 1 1.6-1 1.631 1.631 0 0 1 1.356.628 2.709 2.709 0 0 1 .494 1.718 3.051 3.051 0 0 1-.56 1.914A1.772 1.772 0 0 1 8.112.11 1.787 1.787 0 0 1 6.7-.541l-.1.594zM6.7-1.138a1.966 1.966 0 0 0 1.274.6q1.248 0 1.248-1.9 0-1.679-1.107-1.679a1.928 1.928 0 0 0-1.415.782zM13.364.11a2.056 2.056 0 0 1-1.6-.716 2.617 2.617 0 0 1-.637-1.806 2.5 2.5 0 0 1 .631-1.815 2.338 2.338 0 0 1 1.76-.65 5.788 5.788 0 0 1 1.248.154V-4a4.457 4.457 0 0 0-1.2-.215 1.3 1.3 0 0 0-1.066.5 2.056 2.056 0 0 0-.4 1.329 1.967 1.967 0 0 0 .413 1.3 1.339 1.339 0 0 0 1.081.5 2.8 2.8 0 0 0 1.222-.3v.747a5.11 5.11 0 0 1-1.452.249z%22 class%3D%22cls-abc-2%22 transform%3D%22translate(91 144)%22%2F%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5217 .tsi-tableComponent .tsi-columnTypeIcon.DateTime {
5218 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M16 1.9375V15.0625H1V1.9375H3.8125V1H4.75V1.9375H12.25V1H13.1875V1.9375H16ZM1.9375 2.875V4.75H15.0625V2.875H13.1875V3.8125H12.25V2.875H4.75V3.8125H3.8125V2.875H1.9375ZM15.0625 14.125V5.6875H1.9375V14.125H15.0625ZM3.8125 8.5H4.75V9.4375H3.8125V8.5ZM3.8125 10.375H4.75V11.3125H3.8125V10.375ZM3.8125 12.25H4.75V13.1875H3.8125V12.25ZM6.625 6.625H7.5625V7.5625H6.625V6.625ZM6.625 8.5H7.5625V9.4375H6.625V8.5ZM6.625 10.375H7.5625V11.3125H6.625V10.375ZM6.625 12.25H7.5625V13.1875H6.625V12.25ZM9.4375 6.625H10.375V7.5625H9.4375V6.625ZM9.4375 8.5H10.375V9.4375H9.4375V8.5ZM9.4375 10.375H10.375V11.3125H9.4375V10.375ZM9.4375 12.25H10.375V13.1875H9.4375V12.25ZM12.25 6.625H13.1875V7.5625H12.25V6.625ZM12.25 8.5H13.1875V9.4375H12.25V8.5ZM12.25 10.375H13.1875V11.3125H12.25V10.375Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
5219 .tsi-tableComponent .tsi-columnTypeIcon.Double, .tsi-tableComponent .tsi-columnTypeIcon.Long {
5220 background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-number-1%7Bfill%3Anone%7D.cls-number-2%7Bfill%3A%23136BFB%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-56 -132)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-number-1%22 transform%3D%22translate(56 132)%22%2F%3E%0D %3Cpath d%3D%22M1.189 0l.65-2.6H.088l.146-.727h1.787l.51-2.021H.633l.146-.722h1.928l.656-2.6h.744l-.65 2.6H5l.65-2.6h.75l-.65 2.6H7.5l-.141.721H5.566l-.51 2.021h1.9l-.147.728H4.881L4.23 0h-.75l.65-2.6H2.59L1.939 0zm1.582-3.328h1.542l.51-2.021H3.275z%22 class%3D%22cls-number-2%22 transform%3D%22translate(60 144)%22%2F%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5221 .tsi-tableComponent .tsi-columnTypeIcon.Bool {
5222 background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-boolean-1%7Bfill%3Anone%7D.cls-boolean-2%7Bfill%3A%2307f%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-128 -132)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-boolean-1%22 transform%3D%22translate(128 132)%22%2F%3E%0D %3Cpath d%3D%22M2.386 0v-5.814H.079V-6.5h5.537v.69H3.309V0zm4.658 1.3v-8.24h.65V1.3zM9.892 0v-6.5h3.634v.69h-2.711v2.18h2.276v.681h-2.276V0z%22 class%3D%22cls-boolean-2%22 transform%3D%22translate(129 144)%22%2F%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E"); }
5223 .tsi-tableComponent .tsi-columnTypeIcon.tsid {
5224 pointer-events: auto;
5225 margin-right: 8px;
5226 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M5.55 7.2125C5.55 6.95 5.4625 6.6875 5.4625 6.5125C5.39046 6.28655 5.3608 6.04923 5.375 5.8125C5.3901 5.37032 5.44871 4.93069 5.55 4.5C5.65134 4.09099 5.8295 3.70497 6.075 3.3625C6.25703 3.00732 6.49319 2.68261 6.775 2.4L7.7375 1.6125L8.875 1.175L10.1875 1L11.5 1.175C11.909 1.27634 12.295 1.4545 12.6375 1.7L13.6 2.4L14.3875 3.3625C14.5713 3.72594 14.7179 4.10705 14.825 4.5C14.9263 4.93069 14.9849 5.37032 15 5.8125C14.9849 6.25468 14.9263 6.69431 14.825 7.125C14.7179 7.51795 14.5713 7.89906 14.3875 8.2625L13.6 9.225L12.6375 10.0125L11.5 10.45L10.1875 10.625L9.05 10.45L8 10.1V11.5H6.25V13.25H4.5V15H1V11.7625L5.55 7.2125ZM1.875 14.125H3.625V12.375H5.375V10.625H7.125V8.875H7.7375C8.06554 9.16246 8.45444 9.37187 8.875 9.4875C9.29154 9.65862 9.73719 9.74775 10.1875 9.75C10.7329 9.7609 11.273 9.64088 11.7625 9.4C12.2193 9.22184 12.6358 8.95409 12.9875 8.6125C13.3291 8.26079 13.5968 7.84428 13.775 7.3875C14.0159 6.89802 14.1359 6.35793 14.125 5.8125C14.144 5.29423 14.0231 4.7804 13.775 4.325C13.6181 3.83221 13.3485 3.38281 12.9875 3.0125C12.6358 2.67091 12.2193 2.40316 11.7625 2.225C11.273 1.98412 10.7329 1.8641 10.1875 1.875C9.66923 1.85597 9.15541 1.97687 8.7 2.225C8.20721 2.38186 7.75781 2.6515 7.3875 3.0125C7.04591 3.36421 6.77816 3.78072 6.6 4.2375C6.35912 4.72698 6.2391 5.26707 6.25 5.8125C6.23625 6.07801 6.2658 6.34399 6.3375 6.6L6.6 7.3875L1.875 12.1125V14.125ZM11.85 3.7125L12.1125 3.8875C12.2 3.975 12.2875 4.0625 12.2875 4.15C12.3571 4.25267 12.3881 4.37666 12.375 4.5C12.3881 4.62334 12.3571 4.74733 12.2875 4.85L12.1125 5.1125L11.85 5.2875H11.15L10.8875 5.1125L10.7125 4.85C10.6429 4.74733 10.6119 4.62334 10.625 4.5C10.6119 4.37666 10.6429 4.25267 10.7125 4.15C10.7125 4.0625 10.8 3.975 10.8875 3.8875L11.15 3.7125H11.85Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
5227 .tsi-tableComponent .tsi-columnSortIcon {
5228 width: 16px;
5229 height: 16px; }
5230 .tsi-tableComponent .tsi-eventsTable {
5231 position: absolute;
5232 right: 0px;
5233 top: 0px;
5234 width: calc(100% - 245px);
5235 height: 100%;
5236 font-family: consolas;
5237 font-size: 13px; }
5238 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders {
5239 overflow-x: hidden;
5240 font-size: 14px;
5241 white-space: nowrap;
5242 position: absolute;
5243 width: 100%;
5244 top: 0px;
5245 left: 0px;
5246 z-index: 1; }
5247 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader {
5248 display: inline-block;
5249 top: 0px;
5250 height: 24px;
5251 padding-left: 6px;
5252 padding-right: 12px;
5253 position: relative;
5254 box-sizing: content-box; }
5255 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader.tsi-columnHeaderDisabled:hover {
5256 cursor: default; }
5257 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader:hover {
5258 cursor: pointer; }
5259 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnHeaderName {
5260 display: inline-block;
5261 font-weight: bold;
5262 margin-right: 52px; }
5263 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnHeaderName.moreMarginRight {
5264 margin-right: 72px; }
5265 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnSortIcon {
5266 right: 28px;
5267 position: absolute; }
5268 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnSortIcon.moreRight {
5269 right: 52px; }
5270 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnTypeIcons {
5271 position: absolute;
5272 vertical-align: bottom;
5273 right: 8px; }
5274 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnTypeIcons .tsi-columnTypeIcon {
5275 position: relative;
5276 right: unset; }
5277 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-columnTypeIcon {
5278 position: absolute;
5279 vertical-align: bottom;
5280 right: 8px; }
5281 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-sortColumnButton {
5282 background-color: transparent;
5283 display: block;
5284 width: 100%;
5285 left: 0px;
5286 top: 0px;
5287 height: 100%;
5288 position: absolute;
5289 border: none;
5290 cursor: pointer; }
5291 .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader .tsi-sortColumnButton:disabled {
5292 cursor: default; }
5293 .tsi-tableComponent .tsi-eventsTable .tsi-eventRowsContainer {
5294 top: 0px;
5295 overflow-y: scroll;
5296 position: absolute;
5297 left: 0px;
5298 width: 100%;
5299 height: 100%; }
5300 .tsi-tableComponent .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRows {
5301 margin-left: -1px;
5302 white-space: nowrap;
5303 border-collapse: collapse;
5304 position: absolute;
5305 top: 0px;
5306 left: 0px;
5307 height: 24px; }
5308 .tsi-tableComponent .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRows tr td {
5309 min-width: 60px; }
5310 .tsi-tableComponent .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRow .tsi-eventCell, .tsi-tableComponent .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRow .tsi-columnHeader, .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-eventCell, .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader {
5311 height: 24px;
5312 padding-left: 8px;
5313 padding-right: 8px; }
5314 .tsi-tableComponent .tsi-eventsTable .tsi-eventRowsContainer .tsi-eventRow .tsi-columnHeader, .tsi-tableComponent .tsi-eventsTable .tsi-columnHeaders .tsi-columnHeader {
5315 display: inline-flex;
5316 align-items: center; }
5317 .tsi-tableComponent .tsi-tableLeftPanel {
5318 position: absolute;
5319 left: 0px;
5320 top: 0px;
5321 width: 244px;
5322 height: 100%; }
5323 .tsi-tableComponent .tsi-tableLeftPanel .tsi-eventsDownload {
5324 border: none;
5325 height: 32px;
5326 display: block;
5327 bottom: 16px;
5328 background-position-y: 8px;
5329 background-position-x: 8px;
5330 width: calc(100% - 40px);
5331 text-align: center;
5332 padding: 8px 12px;
5333 cursor: pointer;
5334 align-items: center;
5335 display: flex;
5336 justify-items: center;
5337 justify-content: center;
5338 margin: 20px; }
5339 .tsi-tableComponent .tsi-tableLeftPanel .tsi-eventsDownload .tsi-downloadEventsIcon {
5340 height: 16px;
5341 width: 16px;
5342 display: inline-flex;
5343 background-repeat: no-repeat;
5344 background-position: center; }
5345 .tsi-tableComponent .tsi-tableLeftPanel .tsi-eventsDownload.tsi-downloading .tsi-downloadEventsIcon {
5346 animation: rotating 2s linear infinite;
5347 background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2214%22 viewBox%3D%220 0 13 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.55245 12.7955C5.35165 13.6532 2.06163 11.7537 1.20398 8.55291C0.34633 5.35211 2.24583 2.06209 5.44662 1.20444C8.64742 0.346788 11.9374 2.24628 12.7951 5.44708C13.6527 8.64788 11.7532 11.9379 8.55245 12.7955ZM8.29331 11.8284C10.96 11.1139 12.5425 8.37289 11.828 5.70622C11.1134 3.03955 8.37243 1.45703 5.70576 2.17156C3.03909 2.88609 1.45657 5.6271 2.17111 8.29377C2.88564 10.9604 5.62664 12.543 8.29331 11.8284Z%22 fill%3D%22%23C7E0F4%22%2F%3E%0D%3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%2214%22 height%3D%2214%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.55245 12.7955C5.35165 13.6532 2.06163 11.7537 1.20398 8.55291C0.34633 5.35211 2.24583 2.06209 5.44662 1.20444C8.64742 0.346788 11.9374 2.24628 12.7951 5.44708C13.6527 8.64788 11.7532 11.9379 8.55245 12.7955ZM8.29331 11.8284C10.96 11.1139 12.5425 8.37289 11.828 5.70622C11.1134 3.03955 8.37243 1.45703 5.70576 2.17156C3.03909 2.88609 1.45657 5.6271 2.17111 8.29377C2.88564 10.9604 5.62664 12.543 8.29331 11.8284Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fmask%3E%0D%3Cg mask%3D%22url(%23mask0)%22%3E%0D%3Crect x%3D%229.91211%22 y%3D%22-3.86667%22 width%3D%2212%22 height%3D%2212%22 transform%3D%22rotate(15 9.91211 -3.86667)%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
5348 .tsi-tableComponent .tsi-tableLeftPanel .tsi-eventsDownload .tsi-downloadEventsText {
5349 display: inline-flex;
5350 margin-left: 8px; }
5351 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend {
5352 overflow-y: auto;
5353 height: calc(100% - 60px);
5354 font-size: 14px; }
5355 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend ul {
5356 padding: 0;
5357 margin: 8px;
5358 margin-left: 16px; }
5359 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-selectAllText {
5360 left: 28px;
5361 position: absolute;
5362 pointer-events: none;
5363 width: 124px;
5364 text-overflow: ellipsis;
5365 overflow: hidden; }
5366 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns {
5367 margin-bottom: 4px !important; }
5368 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleName {
5369 left: 13px !important; }
5370 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-selectAllSomeState {
5371 pointer-events: none;
5372 position: absolute;
5373 width: 8px;
5374 height: 8px;
5375 left: 8px;
5376 top: 8px; }
5377 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns {
5378 height: 24px;
5379 overflow: hidden;
5380 list-style-type: none;
5381 position: relative;
5382 overflow-y: hidden;
5383 white-space: nowrap;
5384 display: flex;
5385 align-items: center; }
5386 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleName, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleName {
5387 left: 20px;
5388 position: relative;
5389 pointer-events: none;
5390 width: calc(100% - 88px);
5391 text-overflow: ellipsis;
5392 overflow: hidden;
5393 display: inline-block; }
5394 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleName.tsidPropertyName, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleName.tsidPropertyName {
5395 width: calc(100% - 112px); }
5396 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleCheckbox, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleCheckbox {
5397 pointer-events: none;
5398 display: inline-block;
5399 width: 16px;
5400 height: 16px;
5401 left: 4px;
5402 position: relative;
5403 background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 14 14%22%3E%0D %3Cg transform%3D%22translate(-160 -223)%22%3E%0D %3Cpath style%3D%22fill%3A %230077ff%3B stroke%3A %230077ff%22 class%3D%22tsiIconCbBg%22 d%3D%22M2%2C0H12a2%2C2%2C0%2C0%2C1%2C2%2C2V12a2%2C2%2C0%2C0%2C1-2%2C2H2a2%2C2%2C0%2C0%2C1-2-2V2A2%2C2%2C0%2C0%2C1%2C2%2C0Z%22 transform%3D%22translate(160 223)%22 %2F%3E%0D %3Cpath style%3D%22fill%3A %23f8f8f8%22 class%3D%22tsiIconCbCheck%22 d%3D%22M10.764-8.736%2C4.5-2.467%2C1.236-5.736l.527-.527L4.5-3.533l5.736-5.73Z%22 transform%3D%22translate(161 236)%22 %2F%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E"); }
5404 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnTypeIcon, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnTypeIcon {
5405 display: inline-block;
5406 position: relative;
5407 left: 12px; }
5408 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleButton, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleButton {
5409 z-index: 0;
5410 background-color: transparent;
5411 width: 100%;
5412 left: 0px;
5413 height: 100%;
5414 position: absolute;
5415 border: none; }
5416 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleButton .tsi-onlyLabel, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleButton .tsi-onlyLabel {
5417 opacity: 0;
5418 right: 4px;
5419 position: absolute;
5420 cursor: pointer;
5421 margin-top: -10px;
5422 font-size: 14px; }
5423 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleButton .tsi-onlyLabel:hover, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleButton .tsi-onlyLabel:focus, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleButton .tsi-onlyLabel:hover, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleButton .tsi-onlyLabel:focus {
5424 text-decoration: underline;
5425 opacity: .6; }
5426 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-columnToggle .tsi-columnToggleButton:hover .tsi-onlyLabel, .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns .tsi-columnToggleButton:hover .tsi-onlyLabel {
5427 opacity: .6; }
5428 .tsi-tableComponent .tsi-tableLeftPanel .tsi-tableLegend .tsi-selectAllColumns {
5429 font-weight: bold;
5430 text-transform: capitalize; }
5431
5432div[class^='tsi-'] {
5433 box-sizing: border-box;
5434 font-family: "Segoe UI", sans-serif; }
5435
5436.tsi-textWrap {
5437 overflow: hidden;
5438 white-space: pre-wrap;
5439 text-overflow: ellipsis;
5440 hyphens: auto;
5441 overflow-wrap: break-word; }
5442
5443.tsi-hidden {
5444 display: none; }
5445
5446@keyframes tsi-slideIn {
5447 from {
5448 transform: translateY(-10px);
5449 opacity: 0; }
5450 to {
5451 transform: translateY(0px);
5452 opacity: 1; } }
5453
5454@keyframes tsi-slideRight {
5455 from {
5456 transform: translateX(-10px);
5457 opacity: 0; }
5458 to {
5459 transform: translateX(0px);
5460 opacity: 1; } }
5461
5462.tsi-resizeGutter {
5463 width: 6px;
5464 cursor: e-resize;
5465 padding: 2px;
5466 background-position-y: 50%;
5467 background-position-x: 0px;
5468 background-repeat: no-repeat; }
5469
5470.tsi-chartValueTextBox {
5471 position: absolute;
5472 white-space: nowrap;
5473 font-size: 11px;
5474 padding: 1px 4px;
5475 border-width: 1px;
5476 border-style: solid;
5477 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
5478 line-height: 16px; }
5479
5480.tsi-baseContextMenu {
5481 white-space: nowrap;
5482 padding: 4px 0;
5483 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
5484 border-width: 1px;
5485 border-radius: 2px;
5486 border-style: solid;
5487 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
5488 text-align: left; }
5489 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
5490 padding: 4px 8px;
5491 font-size: 12px;
5492 cursor: pointer;
5493 height: 28px;
5494 display: flex;
5495 align-items: center;
5496 overflow: hidden; }
5497 .tsi-baseContextMenu .tsi-break {
5498 height: 4px;
5499 margin-top: 4px;
5500 padding: 0 0 4px 0;
5501 cursor: default; }
5502 .tsi-baseContextMenu .tsi-break:last-of-type {
5503 display: none; }
5504
5505.tsi-primaryButton {
5506 height: 36px;
5507 border-radius: 4px;
5508 border-width: 1px;
5509 border-style: solid; }
5510 .tsi-primaryButton.disabled {
5511 cursor: default;
5512 pointer-events: none;
5513 opacity: .5; }
5514
5515.tsi-chartControlsPanel {
5516 height: 20px;
5517 right: 0px;
5518 width: 100px;
5519 position: absolute;
5520 z-index: 2;
5521 pointer-events: none; }
5522 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
5523 pointer-events: all;
5524 left: auto;
5525 right: 20px;
5526 top: 0px;
5527 position: absolute; }
5528 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
5529 pointer-events: all; }
5530 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
5531 z-index: 2 !important; }
5532 .tsi-chartControlsPanel .tsi-stackedButton {
5533 pointer-events: all;
5534 display: block;
5535 background-size: 20px 20px;
5536 background-repeat: no-repeat;
5537 background-position: center;
5538 position: absolute;
5539 height: 100%;
5540 width: 20px;
5541 cursor: pointer;
5542 background-color: transparent;
5543 border: none; }
5544 .tsi-chartControlsPanel .tsi-scooterButton {
5545 display: block;
5546 background-size: 20px 20px;
5547 background-repeat: no-repeat;
5548 background-position: center;
5549 position: absolute;
5550 height: 20px;
5551 width: 20px; }
5552
5553select::-ms-expand {
5554 display: none; }
5555
5556.tsi-select {
5557 margin: 2px;
5558 position: relative;
5559 -webkit-appearance: none;
5560 -moz-appearance: none;
5561 padding: 6px;
5562 padding-right: 28px;
5563 border-width: 1px;
5564 border-radius: 2px;
5565 border-style: solid;
5566 white-space: nowrap;
5567 overflow: hidden;
5568 height: 32px;
5569 background-position-y: 12px;
5570 background-position-x: calc(100% - 4px); }
5571 .tsi-select option {
5572 padding: 6px; }
5573
5574.tsi-warmRect {
5575 fill: #FFA800;
5576 stroke: #FFA800; }
5577
5578.pika-single {
5579 border-bottom: none;
5580 border-left: none;
5581 border-right: none; }
5582 .pika-single .pika-lendar {
5583 text-decoration: none;
5584 width: 196px;
5585 margin-left: 12px;
5586 margin-right: 12px; }
5587 .pika-single .pika-lendar abbr {
5588 text-decoration: none; }
5589 .pika-single .pika-lendar .pika-table .pika-row {
5590 height: 28px;
5591 margin: 0px; }
5592 .pika-single .pika-lendar .pika-table .pika-row td {
5593 padding: 0px; }
5594 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
5595 background-color: #d5ebe9; }
5596 .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 {
5597 background-color: #309d90;
5598 color: white; }
5599 .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 {
5600 background-color: #309d90;
5601 color: white; }
5602 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
5603 border-bottom-left-radius: 8px;
5604 border-top-left-radius: 8px; }
5605 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
5606 border-bottom-right-radius: 8px;
5607 border-top-right-radius: 8px; }
5608 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
5609 width: 100%;
5610 height: 28px;
5611 width: 28px;
5612 margin: 0px; }
5613 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
5614 background-color: #309d90;
5615 color: white; }
5616 .pika-single .pika-lendar .pika-table .pika-button {
5617 border-radius: 0px;
5618 text-align: center; }
5619
5620.tsi-search {
5621 width: 100%;
5622 height: 100%;
5623 display: flex;
5624 flex-shrink: 0;
5625 align-items: center;
5626 position: relative; }
5627 .tsi-search .tsi-search-icon {
5628 width: 21px;
5629 height: 17px;
5630 background-repeat: no-repeat;
5631 margin-left: 8px;
5632 background-size: 14px;
5633 background-position-y: 2px; }
5634 .tsi-search .tsi-searchInput {
5635 position: absolute;
5636 width: 100%;
5637 height: 100%;
5638 padding-left: 28px;
5639 background: transparent;
5640 outline: none;
5641 text-overflow: ellipsis; }
5642
5643.tsi-baseMono {
5644 display: inline-block;
5645 padding: 4px;
5646 border-radius: 3px;
5647 font-family: "Lucida Console", Monaco, monospace;
5648 font-size: 85%;
5649 line-height: 85%;
5650 font-weight: 300; }
5651
5652.tsi-heatmapComponent {
5653 display: flex; }
5654 .tsi-heatmapComponent svg {
5655 shape-rendering: crispEdges; }
5656 .tsi-heatmapComponent.tsi-dark {
5657 color: #fff;
5658 background: #0d0f0e; }
5659 .tsi-heatmapComponent.tsi-dark .yAxis path, .tsi-heatmapComponent.tsi-dark .xAxis path {
5660 stroke: #fff; }
5661 .tsi-heatmapComponent.tsi-dark .yAxis .tick text, .tsi-heatmapComponent.tsi-dark .xAxis .tick text {
5662 fill: #fff; }
5663 .tsi-heatmapComponent.tsi-dark .yAxis .tick line, .tsi-heatmapComponent.tsi-dark .xAxis .tick line {
5664 stroke: #fff; }
5665 @media screen and (-ms-high-contrast: white-on-black) {
5666 .tsi-heatmapComponent.tsi-dark .yAxis path, .tsi-heatmapComponent.tsi-dark .xAxis path {
5667 stroke: #fff; }
5668 .tsi-heatmapComponent.tsi-dark .yAxis .tick text, .tsi-heatmapComponent.tsi-dark .xAxis .tick text {
5669 fill: #fff !important; }
5670 .tsi-heatmapComponent.tsi-dark .yAxis .tick line, .tsi-heatmapComponent.tsi-dark .xAxis .tick line {
5671 stroke: #fff; } }
5672 .tsi-heatmapComponent.tsi-dark .vHoverBox, .tsi-heatmapComponent.tsi-dark .hHoverBox {
5673 fill: #0d0f0e;
5674 stroke: #60AAFF; }
5675 .tsi-heatmapComponent.tsi-dark .tsi-resizeGutter.tsi-isDragging {
5676 background-color: #31373e; }
5677 .tsi-heatmapComponent.tsi-dark ::-webkit-scrollbar {
5678 height: 8px;
5679 width: 8px; }
5680 .tsi-heatmapComponent.tsi-dark ::-webkit-scrollbar-track {
5681 background: none; }
5682 .tsi-heatmapComponent.tsi-dark ::-webkit-scrollbar-thumb {
5683 background: #666666;
5684 border-radius: 8px; }
5685 .tsi-heatmapComponent.tsi-dark ::-webkit-scrollbar-thumb:hover {
5686 background: #666666; }
5687 .tsi-heatmapComponent.tsi-dark ::-webkit-scrollbar-track:hover {
5688 background: #1e2223; }
5689 .tsi-heatmapComponent.tsi-dark .hHoverText {
5690 text-anchor: middle; }
5691 .tsi-heatmapComponent.tsi-dark .vHoverText {
5692 text-anchor: end; }
5693 .tsi-heatmapComponent.tsi-dark .hoverText {
5694 stroke: none; }
5695 .tsi-heatmapComponent.tsi-dark .hHoverText, .tsi-heatmapComponent.tsi-dark .vHoverText {
5696 font-size: 11px !important; }
5697 .tsi-heatmapComponent.tsi-dark .hHoverValueBar {
5698 stroke: #fff; }
5699 .tsi-heatmapComponent.tsi-dark .hoverText {
5700 fill: #fff; }
5701 .tsi-heatmapComponent.tsi-dark .stacked g path {
5702 fill: #fff !important; }
5703 .tsi-heatmapComponent.tsi-dark .tooltip text {
5704 fill: #fff; }
5705 .tsi-heatmapComponent.tsi-dark .tooltip rect {
5706 fill: #0d0f0e;
5707 stroke: #60AAFF; }
5708 .tsi-heatmapComponent.tsi-dark .tsi-primaryButton {
5709 color: #fff;
5710 border-color: rgba(255, 255, 255, 0.8);
5711 background-color: #1e2223; }
5712 .tsi-heatmapComponent.tsi-dark .tsi-primaryButton:hover {
5713 background-color: #62666c; }
5714 .tsi-heatmapComponent.tsi-dark .yAxis path, .tsi-heatmapComponent.tsi-dark .xAxis path {
5715 stroke-width: 1px !important; }
5716 .tsi-heatmapComponent.tsi-dark .yAxis .tick text, .tsi-heatmapComponent.tsi-dark .xAxis .tick text {
5717 user-select: none; }
5718 .tsi-heatmapComponent.tsi-dark rect, .tsi-heatmapComponent.tsi-dark line {
5719 shape-rendering: crispedges; }
5720 .tsi-heatmapComponent.tsi-dark .stacked g path {
5721 stroke-width: 1;
5722 pointer-events: all;
5723 stroke: none; }
5724 .tsi-heatmapComponent.tsi-dark .stacked rect {
5725 cursor: pointer;
5726 fill: transparent;
5727 stroke-width: 1; }
5728 .tsi-heatmapComponent.tsi-dark .tooltip {
5729 pointer-events: none; }
5730 .tsi-heatmapComponent.tsi-dark .tooltip text {
5731 alignment-baseline: hanging; }
5732 .tsi-heatmapComponent.tsi-dark .tooltip .title {
5733 font-weight: bold;
5734 font-size: 13px; }
5735 .tsi-heatmapComponent.tsi-dark .tooltip .value {
5736 font-weight: normal;
5737 font-size: 12px;
5738 font-weight: lighter; }
5739 .tsi-heatmapComponent.tsi-dark .tooltip .value.visibleValue {
5740 font-weight: bold; }
5741 .tsi-heatmapComponent.tsi-dark .tsi-gridComponent {
5742 z-index: 3 !important; }
5743 .tsi-heatmapComponent.tsi-dark .hHoverValueBar {
5744 stroke-width: 4px; }
5745 .tsi-heatmapComponent.tsi-dark .focus {
5746 display: none; }
5747 .tsi-heatmapComponent.tsi-dark svg {
5748 display: block; }
5749 .tsi-heatmapComponent.tsi-dark .tsi-chartValueTextBox {
5750 background-color: #0d0f0e;
5751 border-color: #62666c; }
5752 .tsi-heatmapComponent.tsi-dark .tsi-baseMono {
5753 background: #1e2223; }
5754 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels {
5755 stroke: #60AAFF; }
5756 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels .tsi-heatmapTimeLabelTextBox text {
5757 fill: #fff !important;
5758 stroke: none;
5759 font-size: 12px; }
5760 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels .tsi-heatmapTimeLabelTextBox rect {
5761 fill: #1e2223 !important; }
5762 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels .tsi-heatmapFocusLine {
5763 stroke: #62666c !important; }
5764 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels .xAxis {
5765 fill: #fff !important; }
5766 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels .xAxis text {
5767 stroke: none; }
5768 .tsi-heatmapComponent.tsi-dark .tsi-heatmapWrapper .tsi-heatmapTimeLabels .xAxis .xAxisBaseline {
5769 stroke: #fff !important;
5770 pointer-events: none; }
5771 .tsi-heatmapComponent.tsi-dark .tsi-resizeGutter {
5772 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"); }
5773 .tsi-heatmapComponent.tsi-light {
5774 color: #000;
5775 background: #ffffff; }
5776 .tsi-heatmapComponent.tsi-light .yAxis path, .tsi-heatmapComponent.tsi-light .xAxis path {
5777 stroke: #000; }
5778 .tsi-heatmapComponent.tsi-light .yAxis .tick text, .tsi-heatmapComponent.tsi-light .xAxis .tick text {
5779 fill: #000; }
5780 .tsi-heatmapComponent.tsi-light .yAxis .tick line, .tsi-heatmapComponent.tsi-light .xAxis .tick line {
5781 stroke: #000; }
5782 @media screen and (-ms-high-contrast: white-on-black) {
5783 .tsi-heatmapComponent.tsi-light .yAxis path, .tsi-heatmapComponent.tsi-light .xAxis path {
5784 stroke: #fff; }
5785 .tsi-heatmapComponent.tsi-light .yAxis .tick text, .tsi-heatmapComponent.tsi-light .xAxis .tick text {
5786 fill: #fff !important; }
5787 .tsi-heatmapComponent.tsi-light .yAxis .tick line, .tsi-heatmapComponent.tsi-light .xAxis .tick line {
5788 stroke: #fff; } }
5789 .tsi-heatmapComponent.tsi-light .vHoverBox, .tsi-heatmapComponent.tsi-light .hHoverBox {
5790 fill: #ffffff;
5791 stroke: #136BFB; }
5792 .tsi-heatmapComponent.tsi-light .tsi-resizeGutter.tsi-isDragging {
5793 background-color: #dcdcdc; }
5794 .tsi-heatmapComponent.tsi-light ::-webkit-scrollbar {
5795 height: 8px;
5796 width: 8px; }
5797 .tsi-heatmapComponent.tsi-light ::-webkit-scrollbar-track {
5798 background: none; }
5799 .tsi-heatmapComponent.tsi-light ::-webkit-scrollbar-thumb {
5800 background: #a6a6a6;
5801 border-radius: 8px; }
5802 .tsi-heatmapComponent.tsi-light ::-webkit-scrollbar-thumb:hover {
5803 background: #a6a6a6; }
5804 .tsi-heatmapComponent.tsi-light ::-webkit-scrollbar-track:hover {
5805 background: #f2f2f2; }
5806 .tsi-heatmapComponent.tsi-light .hHoverText {
5807 text-anchor: middle; }
5808 .tsi-heatmapComponent.tsi-light .vHoverText {
5809 text-anchor: end; }
5810 .tsi-heatmapComponent.tsi-light .hoverText {
5811 stroke: none; }
5812 .tsi-heatmapComponent.tsi-light .hHoverText, .tsi-heatmapComponent.tsi-light .vHoverText {
5813 font-size: 11px !important; }
5814 .tsi-heatmapComponent.tsi-light .hHoverValueBar {
5815 stroke: #000; }
5816 .tsi-heatmapComponent.tsi-light .hoverText {
5817 fill: #000; }
5818 .tsi-heatmapComponent.tsi-light .stacked g path {
5819 fill: #000 !important; }
5820 .tsi-heatmapComponent.tsi-light .tooltip text {
5821 fill: #000; }
5822 .tsi-heatmapComponent.tsi-light .tooltip rect {
5823 fill: #ffffff;
5824 stroke: #136BFB; }
5825 .tsi-heatmapComponent.tsi-light .tsi-primaryButton {
5826 color: #000;
5827 border-color: rgba(0, 0, 0, 0.8);
5828 background-color: #f2f2f2; }
5829 .tsi-heatmapComponent.tsi-light .tsi-primaryButton:hover {
5830 background-color: #b3d6f2; }
5831 .tsi-heatmapComponent.tsi-light .yAxis path, .tsi-heatmapComponent.tsi-light .xAxis path {
5832 stroke-width: 1px !important; }
5833 .tsi-heatmapComponent.tsi-light .yAxis .tick text, .tsi-heatmapComponent.tsi-light .xAxis .tick text {
5834 user-select: none; }
5835 .tsi-heatmapComponent.tsi-light rect, .tsi-heatmapComponent.tsi-light line {
5836 shape-rendering: crispedges; }
5837 .tsi-heatmapComponent.tsi-light .stacked g path {
5838 stroke-width: 1;
5839 pointer-events: all;
5840 stroke: none; }
5841 .tsi-heatmapComponent.tsi-light .stacked rect {
5842 cursor: pointer;
5843 fill: transparent;
5844 stroke-width: 1; }
5845 .tsi-heatmapComponent.tsi-light .tooltip {
5846 pointer-events: none; }
5847 .tsi-heatmapComponent.tsi-light .tooltip text {
5848 alignment-baseline: hanging; }
5849 .tsi-heatmapComponent.tsi-light .tooltip .title {
5850 font-weight: bold;
5851 font-size: 13px; }
5852 .tsi-heatmapComponent.tsi-light .tooltip .value {
5853 font-weight: normal;
5854 font-size: 12px;
5855 font-weight: lighter; }
5856 .tsi-heatmapComponent.tsi-light .tooltip .value.visibleValue {
5857 font-weight: bold; }
5858 .tsi-heatmapComponent.tsi-light .tsi-gridComponent {
5859 z-index: 3 !important; }
5860 .tsi-heatmapComponent.tsi-light .hHoverValueBar {
5861 stroke-width: 4px; }
5862 .tsi-heatmapComponent.tsi-light .focus {
5863 display: none; }
5864 .tsi-heatmapComponent.tsi-light svg {
5865 display: block; }
5866 .tsi-heatmapComponent.tsi-light .tsi-chartValueTextBox {
5867 background-color: #ffffff;
5868 border-color: #b3d6f2; }
5869 .tsi-heatmapComponent.tsi-light .tsi-baseMono {
5870 background: #f2f2f2; }
5871 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels {
5872 stroke: #136BFB; }
5873 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels .tsi-heatmapTimeLabelTextBox text {
5874 fill: #000 !important;
5875 stroke: none;
5876 font-size: 12px; }
5877 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels .tsi-heatmapTimeLabelTextBox rect {
5878 fill: #f2f2f2 !important; }
5879 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels .tsi-heatmapFocusLine {
5880 stroke: #b3d6f2 !important; }
5881 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels .xAxis {
5882 fill: #000 !important; }
5883 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels .xAxis text {
5884 stroke: none; }
5885 .tsi-heatmapComponent.tsi-light .tsi-heatmapWrapper .tsi-heatmapTimeLabels .xAxis .xAxisBaseline {
5886 stroke: #000 !important;
5887 pointer-events: none; }
5888 .tsi-heatmapComponent.tsi-light .tsi-resizeGutter {
5889 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"); }
5890 .tsi-heatmapComponent .tsi-heatmapWrapper {
5891 position: relative;
5892 overflow: hidden; }
5893 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapSVG {
5894 width: 100%;
5895 height: 100%;
5896 pointer-events: none;
5897 position: absolute;
5898 bottom: 0px;
5899 left: 0px; }
5900 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapSVG .tick line {
5901 width: 4px; }
5902 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapSVG .tick text {
5903 font-size: 12px !important; }
5904 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapSVG .tsi-heatmapFocusLine {
5905 stroke-width: 1px; }
5906 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapSVG .tsi-heatmapTimeLabelTextBox {
5907 text-anchor: middle; }
5908 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapSVG .tsi-heatmapTimeLabelTextBox text {
5909 transform: translateY(1px); }
5910 .tsi-heatmapComponent .tsi-heatmapWrapper .tsi-heatmapCanvasWrapper {
5911 position: absolute; }
5912
5913div[class^='tsi-'] {
5914 box-sizing: border-box;
5915 font-family: "Segoe UI", sans-serif; }
5916
5917.tsi-textWrap {
5918 overflow: hidden;
5919 white-space: pre-wrap;
5920 text-overflow: ellipsis;
5921 hyphens: auto;
5922 overflow-wrap: break-word; }
5923
5924.tsi-hidden {
5925 display: none; }
5926
5927@keyframes tsi-slideIn {
5928 from {
5929 transform: translateY(-10px);
5930 opacity: 0; }
5931 to {
5932 transform: translateY(0px);
5933 opacity: 1; } }
5934
5935@keyframes tsi-slideRight {
5936 from {
5937 transform: translateX(-10px);
5938 opacity: 0; }
5939 to {
5940 transform: translateX(0px);
5941 opacity: 1; } }
5942
5943.tsi-resizeGutter {
5944 width: 6px;
5945 cursor: e-resize;
5946 padding: 2px;
5947 background-position-y: 50%;
5948 background-position-x: 0px;
5949 background-repeat: no-repeat; }
5950
5951.tsi-chartValueTextBox {
5952 position: absolute;
5953 white-space: nowrap;
5954 font-size: 11px;
5955 padding: 1px 4px;
5956 border-width: 1px;
5957 border-style: solid;
5958 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
5959 line-height: 16px; }
5960
5961.tsi-baseContextMenu {
5962 white-space: nowrap;
5963 padding: 4px 0;
5964 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
5965 border-width: 1px;
5966 border-radius: 2px;
5967 border-style: solid;
5968 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
5969 text-align: left; }
5970 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
5971 padding: 4px 8px;
5972 font-size: 12px;
5973 cursor: pointer;
5974 height: 28px;
5975 display: flex;
5976 align-items: center;
5977 overflow: hidden; }
5978 .tsi-baseContextMenu .tsi-break {
5979 height: 4px;
5980 margin-top: 4px;
5981 padding: 0 0 4px 0;
5982 cursor: default; }
5983 .tsi-baseContextMenu .tsi-break:last-of-type {
5984 display: none; }
5985
5986.tsi-primaryButton {
5987 height: 36px;
5988 border-radius: 4px;
5989 border-width: 1px;
5990 border-style: solid; }
5991 .tsi-primaryButton.disabled {
5992 cursor: default;
5993 pointer-events: none;
5994 opacity: .5; }
5995
5996.tsi-chartControlsPanel {
5997 height: 20px;
5998 right: 0px;
5999 width: 100px;
6000 position: absolute;
6001 z-index: 2;
6002 pointer-events: none; }
6003 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
6004 pointer-events: all;
6005 left: auto;
6006 right: 20px;
6007 top: 0px;
6008 position: absolute; }
6009 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
6010 pointer-events: all; }
6011 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
6012 z-index: 2 !important; }
6013 .tsi-chartControlsPanel .tsi-stackedButton {
6014 pointer-events: all;
6015 display: block;
6016 background-size: 20px 20px;
6017 background-repeat: no-repeat;
6018 background-position: center;
6019 position: absolute;
6020 height: 100%;
6021 width: 20px;
6022 cursor: pointer;
6023 background-color: transparent;
6024 border: none; }
6025 .tsi-chartControlsPanel .tsi-scooterButton {
6026 display: block;
6027 background-size: 20px 20px;
6028 background-repeat: no-repeat;
6029 background-position: center;
6030 position: absolute;
6031 height: 20px;
6032 width: 20px; }
6033
6034select::-ms-expand {
6035 display: none; }
6036
6037.tsi-select {
6038 margin: 2px;
6039 position: relative;
6040 -webkit-appearance: none;
6041 -moz-appearance: none;
6042 padding: 6px;
6043 padding-right: 28px;
6044 border-width: 1px;
6045 border-radius: 2px;
6046 border-style: solid;
6047 white-space: nowrap;
6048 overflow: hidden;
6049 height: 32px;
6050 background-position-y: 12px;
6051 background-position-x: calc(100% - 4px); }
6052 .tsi-select option {
6053 padding: 6px; }
6054
6055.tsi-warmRect {
6056 fill: #FFA800;
6057 stroke: #FFA800; }
6058
6059.pika-single {
6060 border-bottom: none;
6061 border-left: none;
6062 border-right: none; }
6063 .pika-single .pika-lendar {
6064 text-decoration: none;
6065 width: 196px;
6066 margin-left: 12px;
6067 margin-right: 12px; }
6068 .pika-single .pika-lendar abbr {
6069 text-decoration: none; }
6070 .pika-single .pika-lendar .pika-table .pika-row {
6071 height: 28px;
6072 margin: 0px; }
6073 .pika-single .pika-lendar .pika-table .pika-row td {
6074 padding: 0px; }
6075 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
6076 background-color: #d5ebe9; }
6077 .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 {
6078 background-color: #309d90;
6079 color: white; }
6080 .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 {
6081 background-color: #309d90;
6082 color: white; }
6083 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
6084 border-bottom-left-radius: 8px;
6085 border-top-left-radius: 8px; }
6086 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
6087 border-bottom-right-radius: 8px;
6088 border-top-right-radius: 8px; }
6089 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
6090 width: 100%;
6091 height: 28px;
6092 width: 28px;
6093 margin: 0px; }
6094 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
6095 background-color: #309d90;
6096 color: white; }
6097 .pika-single .pika-lendar .pika-table .pika-button {
6098 border-radius: 0px;
6099 text-align: center; }
6100
6101.tsi-search {
6102 width: 100%;
6103 height: 100%;
6104 display: flex;
6105 flex-shrink: 0;
6106 align-items: center;
6107 position: relative; }
6108 .tsi-search .tsi-search-icon {
6109 width: 21px;
6110 height: 17px;
6111 background-repeat: no-repeat;
6112 margin-left: 8px;
6113 background-size: 14px;
6114 background-position-y: 2px; }
6115 .tsi-search .tsi-searchInput {
6116 position: absolute;
6117 width: 100%;
6118 height: 100%;
6119 padding-left: 28px;
6120 background: transparent;
6121 outline: none;
6122 text-overflow: ellipsis; }
6123
6124.tsi-baseMono {
6125 display: inline-block;
6126 padding: 4px;
6127 border-radius: 3px;
6128 font-family: "Lucida Console", Monaco, monospace;
6129 font-size: 85%;
6130 line-height: 85%;
6131 font-weight: 300; }
6132
6133.tsi-singleDateTimePicker {
6134 animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
6135 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
6136 display: block;
6137 align-items: stretch;
6138 width: 220px; }
6139 .tsi-singleDateTimePicker.tsi-dark {
6140 background-color: #0d0f0e;
6141 color: #fff; }
6142 .tsi-singleDateTimePicker.tsi-dark .tsi-select, .tsi-singleDateTimePicker.tsi-dark .tsi-select option {
6143 color: #fff;
6144 background-color: #0d0f0e; }
6145 .tsi-singleDateTimePicker.tsi-dark .pika-single {
6146 color: #fff;
6147 background-color: #0d0f0e; }
6148 .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-select, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-select option, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-label, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-day, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-prev, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-next {
6149 color: #fff;
6150 background-color: #0d0f0e; }
6151 .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-select:focus, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-select option:focus, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-label:focus, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-day:focus, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-prev:focus, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-next:focus {
6152 border: 1px solid #60AAFF; }
6153 .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-prev, .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-next {
6154 color: #60AAFF;
6155 background-color: white; }
6156 .tsi-singleDateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-singleDateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-singleDateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
6157 color: #60AAFF; }
6158 .tsi-singleDateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-dateTimeInput {
6159 color: #fff;
6160 background-color: #0d0f0e;
6161 border: 1px solid rgba(255, 255, 255, 0.4); }
6162 .tsi-singleDateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
6163 background-color: rgba(48, 157, 144, 0.4) !important; }
6164 .tsi-singleDateTimePicker.tsi-dark .pika-single .pika-table .pika-row td.is-selected .pika-day {
6165 background-color: #309d90;
6166 color: white;
6167 border-bottom-left-radius: 8px;
6168 border-top-left-radius: 8px; }
6169 .tsi-singleDateTimePicker.tsi-light {
6170 background-color: #ffffff;
6171 color: #000; }
6172 .tsi-singleDateTimePicker.tsi-light .tsi-select, .tsi-singleDateTimePicker.tsi-light .tsi-select option {
6173 color: #000;
6174 background-color: #ffffff; }
6175 .tsi-singleDateTimePicker.tsi-light .pika-single {
6176 color: #000;
6177 background-color: #ffffff; }
6178 .tsi-singleDateTimePicker.tsi-light .pika-single .pika-select, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-select option, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-label, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-day, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-prev, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-next {
6179 color: #000;
6180 background-color: #ffffff; }
6181 .tsi-singleDateTimePicker.tsi-light .pika-single .pika-select:focus, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-select option:focus, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-label:focus, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-day:focus, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-prev:focus, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-next:focus {
6182 border: 1px solid #136BFB; }
6183 .tsi-singleDateTimePicker.tsi-light .pika-single .pika-prev, .tsi-singleDateTimePicker.tsi-light .pika-single .pika-next {
6184 color: #136BFB;
6185 background-color: white; }
6186 .tsi-singleDateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-singleDateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-singleDateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
6187 color: #136BFB; }
6188 .tsi-singleDateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-dateTimeInput {
6189 color: #000;
6190 background-color: #ffffff;
6191 border: 1px solid rgba(0, 0, 0, 0.4); }
6192 .tsi-singleDateTimePicker.tsi-light .pika-single .is-inrange .pika-day {
6193 background-color: rgba(48, 157, 144, 0.4) !important; }
6194 .tsi-singleDateTimePicker.tsi-light .pika-single .pika-table .pika-row td.is-selected .pika-day {
6195 background-color: #309d90;
6196 color: white;
6197 border-radius: 8px; }
6198 .tsi-singleDateTimePicker .tsi-calendarPicker {
6199 width: 100%; }
6200 .tsi-singleDateTimePicker .tsi-errorMessageContainer {
6201 background-color: darkorange;
6202 color: white; }
6203 .tsi-singleDateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
6204 padding: 8px; }
6205 .tsi-singleDateTimePicker .tsi-timeControlsContainer {
6206 align-items: stretch;
6207 width: calc(100% - 24px);
6208 margin-left: 12px;
6209 margin-right: 12px;
6210 padding-top: 12px;
6211 padding-bottom: 20px; }
6212 .tsi-singleDateTimePicker .tsi-timeControlsContainer .tsi-dateTimeInput {
6213 height: 28px;
6214 padding-left: 4px;
6215 font-size: 12px;
6216 width: calc(100% - 8px);
6217 -webkit-box-shadow: none;
6218 -moz-box-shadow: none;
6219 box-shadow: none; }
6220 .tsi-singleDateTimePicker .tsi-timeControlsContainer .tsi-timeLabel {
6221 font-weight: normal;
6222 font-size: 12px;
6223 margin: 0;
6224 margin-bottom: 4px; }
6225 .tsi-singleDateTimePicker .tsi-saveButtonContainer {
6226 width: 100%;
6227 height: 48px; }
6228 .tsi-singleDateTimePicker .tsi-saveButtonContainer .tsi-saveButton {
6229 width: 92px;
6230 border: none;
6231 float: right;
6232 margin-right: 12px;
6233 height: 32px;
6234 padding: 8px;
6235 background-color: #309d90;
6236 border-radius: 2px;
6237 color: white;
6238 line-height: 14px; }
6239 .tsi-singleDateTimePicker .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled {
6240 background-color: grey; }
6241 .tsi-singleDateTimePicker .pika-single .pika-table .pika-row td.is-selected .pika-day {
6242 border-radius: 8px; }
6243
6244div[class^='tsi-'] {
6245 box-sizing: border-box;
6246 font-family: "Segoe UI", sans-serif; }
6247
6248.tsi-textWrap {
6249 overflow: hidden;
6250 white-space: pre-wrap;
6251 text-overflow: ellipsis;
6252 hyphens: auto;
6253 overflow-wrap: break-word; }
6254
6255.tsi-hidden {
6256 display: none; }
6257
6258@keyframes tsi-slideIn {
6259 from {
6260 transform: translateY(-10px);
6261 opacity: 0; }
6262 to {
6263 transform: translateY(0px);
6264 opacity: 1; } }
6265
6266@keyframes tsi-slideRight {
6267 from {
6268 transform: translateX(-10px);
6269 opacity: 0; }
6270 to {
6271 transform: translateX(0px);
6272 opacity: 1; } }
6273
6274.tsi-resizeGutter {
6275 width: 6px;
6276 cursor: e-resize;
6277 padding: 2px;
6278 background-position-y: 50%;
6279 background-position-x: 0px;
6280 background-repeat: no-repeat; }
6281
6282.tsi-chartValueTextBox {
6283 position: absolute;
6284 white-space: nowrap;
6285 font-size: 11px;
6286 padding: 1px 4px;
6287 border-width: 1px;
6288 border-style: solid;
6289 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
6290 line-height: 16px; }
6291
6292.tsi-baseContextMenu, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
6293 white-space: nowrap;
6294 padding: 4px 0;
6295 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
6296 border-width: 1px;
6297 border-radius: 2px;
6298 border-style: solid;
6299 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
6300 text-align: left; }
6301 .tsi-baseContextMenu > div, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > div, .tsi-baseContextMenu > li, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > li, .tsi-baseContextMenu > button, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > button {
6302 padding: 4px 8px;
6303 font-size: 12px;
6304 cursor: pointer;
6305 height: 28px;
6306 display: flex;
6307 align-items: center;
6308 overflow: hidden; }
6309 .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break {
6310 height: 4px;
6311 margin-top: 4px;
6312 padding: 0 0 4px 0;
6313 cursor: default; }
6314 .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break:last-of-type {
6315 display: none; }
6316
6317.tsi-primaryButton {
6318 height: 36px;
6319 border-radius: 4px;
6320 border-width: 1px;
6321 border-style: solid; }
6322 .tsi-primaryButton.disabled {
6323 cursor: default;
6324 pointer-events: none;
6325 opacity: .5; }
6326
6327.tsi-chartControlsPanel {
6328 height: 20px;
6329 right: 0px;
6330 width: 100px;
6331 position: absolute;
6332 z-index: 2;
6333 pointer-events: none; }
6334 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
6335 pointer-events: all;
6336 left: auto;
6337 right: 20px;
6338 top: 0px;
6339 position: absolute; }
6340 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
6341 pointer-events: all; }
6342 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
6343 z-index: 2 !important; }
6344 .tsi-chartControlsPanel .tsi-stackedButton {
6345 pointer-events: all;
6346 display: block;
6347 background-size: 20px 20px;
6348 background-repeat: no-repeat;
6349 background-position: center;
6350 position: absolute;
6351 height: 100%;
6352 width: 20px;
6353 cursor: pointer;
6354 background-color: transparent;
6355 border: none; }
6356 .tsi-chartControlsPanel .tsi-scooterButton {
6357 display: block;
6358 background-size: 20px 20px;
6359 background-repeat: no-repeat;
6360 background-position: center;
6361 position: absolute;
6362 height: 20px;
6363 width: 20px; }
6364
6365select::-ms-expand {
6366 display: none; }
6367
6368.tsi-select {
6369 margin: 2px;
6370 position: relative;
6371 -webkit-appearance: none;
6372 -moz-appearance: none;
6373 padding: 6px;
6374 padding-right: 28px;
6375 border-width: 1px;
6376 border-radius: 2px;
6377 border-style: solid;
6378 white-space: nowrap;
6379 overflow: hidden;
6380 height: 32px;
6381 background-position-y: 12px;
6382 background-position-x: calc(100% - 4px); }
6383 .tsi-select option {
6384 padding: 6px; }
6385
6386.tsi-warmRect {
6387 fill: #FFA800;
6388 stroke: #FFA800; }
6389
6390.pika-single {
6391 border-bottom: none;
6392 border-left: none;
6393 border-right: none; }
6394 .pika-single .pika-lendar {
6395 text-decoration: none;
6396 width: 196px;
6397 margin-left: 12px;
6398 margin-right: 12px; }
6399 .pika-single .pika-lendar abbr {
6400 text-decoration: none; }
6401 .pika-single .pika-lendar .pika-table .pika-row {
6402 height: 28px;
6403 margin: 0px; }
6404 .pika-single .pika-lendar .pika-table .pika-row td {
6405 padding: 0px; }
6406 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
6407 background-color: #d5ebe9; }
6408 .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 {
6409 background-color: #309d90;
6410 color: white; }
6411 .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 {
6412 background-color: #309d90;
6413 color: white; }
6414 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
6415 border-bottom-left-radius: 8px;
6416 border-top-left-radius: 8px; }
6417 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
6418 border-bottom-right-radius: 8px;
6419 border-top-right-radius: 8px; }
6420 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
6421 width: 100%;
6422 height: 28px;
6423 width: 28px;
6424 margin: 0px; }
6425 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
6426 background-color: #309d90;
6427 color: white; }
6428 .pika-single .pika-lendar .pika-table .pika-button {
6429 border-radius: 0px;
6430 text-align: center; }
6431
6432.tsi-search {
6433 width: 100%;
6434 height: 100%;
6435 display: flex;
6436 flex-shrink: 0;
6437 align-items: center;
6438 position: relative; }
6439 .tsi-search .tsi-search-icon {
6440 width: 21px;
6441 height: 17px;
6442 background-repeat: no-repeat;
6443 margin-left: 8px;
6444 background-size: 14px;
6445 background-position-y: 2px; }
6446 .tsi-search .tsi-searchInput {
6447 position: absolute;
6448 width: 100%;
6449 height: 100%;
6450 padding-left: 28px;
6451 background: transparent;
6452 outline: none;
6453 text-overflow: ellipsis; }
6454
6455.tsi-baseMono {
6456 display: inline-block;
6457 padding: 4px;
6458 border-radius: 3px;
6459 font-family: "Lucida Console", Monaco, monospace;
6460 font-size: 85%;
6461 line-height: 85%;
6462 font-weight: 300; }
6463
6464.tsi-ellipsisMenuContainer {
6465 left: 0px;
6466 top: 0px;
6467 width: 24px;
6468 height: 24px; }
6469 .tsi-ellipsisMenuContainer.tsi-ellipsisMenuShown .tsi-ellipsisMenu {
6470 animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
6471 display: block; }
6472 .tsi-ellipsisMenuContainer .tsi-ellipsisButton {
6473 cursor: pointer;
6474 border: none;
6475 background-color: transparent;
6476 width: 100%;
6477 height: 100%;
6478 background-repeat: no-repeat;
6479 display: flex;
6480 background-position-x: 2px;
6481 background-position-y: 3px;
6482 border-radius: 2px;
6483 transition: background-color .15s ease; }
6484 .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
6485 position: absolute;
6486 cursor: pointer;
6487 min-width: 220px;
6488 top: 24px;
6489 right: 0;
6490 z-index: 10000;
6491 display: none;
6492 flex-direction: column; }
6493 .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem {
6494 background-color: transparent;
6495 border: none;
6496 color: inherit;
6497 width: 100%;
6498 text-align: left; }
6499 .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon {
6500 background-size: 20px 20px;
6501 background-repeat: no-repeat;
6502 height: 20px;
6503 width: 20px;
6504 margin-right: 12px;
6505 top: 2px;
6506 display: inline-block;
6507 position: relative;
6508 flex-shrink: 0; }
6509 .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuLabel {
6510 display: inline-block;
6511 position: relative;
6512 width: calc(100% - 60px);
6513 text-overflow: ellipsis;
6514 white-space: nowrap;
6515 overflow: hidden; }
6516 .tsi-ellipsisMenuContainer .tsi-actionElement {
6517 padding: 4px 16px;
6518 cursor: default;
6519 font-size: 12px; }
6520 .tsi-ellipsisMenuContainer.tsi-dark {
6521 color: #fff; }
6522 .tsi-ellipsisMenuContainer.tsi-dark path {
6523 stroke: #fff; }
6524 .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
6525 border-color: #60AAFF;
6526 background-color: #0d0f0e;
6527 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16); }
6528 .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:focus {
6529 background-color: #62666c; }
6530 .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break {
6531 border-top: 1px solid rgba(96, 170, 255, 0.2); }
6532 .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:focus {
6533 background-color: #0d0f0e; }
6534 .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput {
6535 border: 1px solid #31373e; }
6536 .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput:focus {
6537 border: 1px solid #60AAFF; }
6538 .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseMono {
6539 background: #1e2223; }
6540 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
6541 border-color: #60AAFF;
6542 background-color: #0d0f0e; }
6543 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
6544 background-color: #62666c; }
6545 .tsi-ellipsisMenuContainer.tsi-dark.tsi-ellipsisMenuShown .tsi-ellipsisButton {
6546 background-color: #62666c; }
6547 @media screen and (-ms-high-contrast: white-on-black) {
6548 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
6549 background-color: #fff;
6550 background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important; } }
6551 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
6552 background-size: 20px 20px;
6553 background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E"); }
6554 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
6555 background-size: 20px 20px;
6556 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219%22 height%3D%2216%22 viewBox%3D%220 0 19 16%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M2.30005 2.40039H14.761V8.96909H2.30005L6.12605 5.68479L2.30005 2.40039Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M3.28613 2.21289H15.7471V8.78159H3.28613L7.11213 5.49729L3.28613 2.21289Z%22 fill%3D%22%23F4F4F4%22 fill-opacity%3D%220.25%22 stroke%3D%22%23F4F4F4%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M16.6978 1H15.5439V14H16.6978V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E"); }
6557 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
6558 background-size: 20px 20px;
6559 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2215%22 viewBox%3D%220 0 18 15%22 fill%3D%22none%22 shape-rendering%3D%22geometricPrecision%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2.52246 4.4883V12.503H15.5225V4.4883H2.52246Z%22 fill%3D%22%23E8E8E8%22 stroke%3D%22%23F2F2F2%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M15.5 2.5H2.5V5.5H15.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M15.5 1.5H2.5V4.5H15.5V1.5Z%22 fill%3D%22white%22 fill-opacity%3D%220.3%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M10 10H8V12H10V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 10H4V12H6V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 10H12V12H14V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 7H8V9H10V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 7H4V9H6V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 7H12V9H14V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 9H8V11H10V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 9H4V11H6V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 9H12V11H14V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M10 6H8V8H10V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 6H4V8H6V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 6H12V8H14V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3C%2Fsvg%3E"); }
6560 .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
6561 background-size: 16px 16px;
6562 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.25%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath opacity%3D%220.75%22 d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
6563 .tsi-ellipsisMenuContainer.tsi-light {
6564 color: #000; }
6565 .tsi-ellipsisMenuContainer.tsi-light path {
6566 stroke: #000; }
6567 .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
6568 border-color: #136BFB;
6569 background-color: #ffffff;
6570 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
6571 .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:focus {
6572 background-color: #b3d6f2; }
6573 .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break {
6574 border-top: 1px solid rgba(19, 107, 251, 0.2); }
6575 .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:focus {
6576 background-color: #ffffff; }
6577 .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput {
6578 border: 1px solid #dcdcdc; }
6579 .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput:focus {
6580 border: 1px solid #136BFB; }
6581 .tsi-ellipsisMenuContainer.tsi-light .tsi-baseMono {
6582 background: #f2f2f2; }
6583 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
6584 border-color: #136BFB;
6585 background-color: #ffffff; }
6586 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
6587 background-color: #b3d6f2; }
6588 .tsi-ellipsisMenuContainer.tsi-light.tsi-ellipsisMenuShown .tsi-ellipsisButton {
6589 background-color: #b3d6f2; }
6590 @media screen and (-ms-high-contrast: white-on-black) {
6591 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
6592 background-color: #fff;
6593 background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important; } }
6594 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
6595 background-size: 20px 20px;
6596 background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E"); }
6597 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
6598 background-size: 20px 20px;
6599 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M1.30005 2.4004H13.76V8.9691H1.30005L5.12988 5.6848L1.30005 2.4004Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.29004 2.2129H14.75V8.7816H2.29004L6.11011 5.4973L2.29004 2.2129Z%22 fill%3D%22%23E9E9E9%22 stroke%3D%22%23666666%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M15.6938 1H14.54V14H15.6938V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E"); }
6600 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
6601 background-size: 20px 20px;
6602 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M1.52002 4.4883V12.503H14.52V4.4883H1.52002Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M14.5 2.5H1.5V5.5H14.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M14.5 1.5H1.5V4.5H14.5V1.5Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M9 10H7V12H9V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 10H3V12H5V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 10H11V12H13V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 7H7V9H9V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 7H3V9H5V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 7H11V9H13V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 9H7V11H9V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 9H3V11H5V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 9H11V11H13V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M9 6H7V8H9V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 6H3V8H5V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 6H11V8H13V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3C%2Fsvg%3E"); }
6603 .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
6604 background-size: 16px 16px;
6605 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23212121%22 stroke-opacity%3D%220.75%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
6606
6607div[class^='tsi-'] {
6608 box-sizing: border-box;
6609 font-family: "Segoe UI", sans-serif; }
6610
6611.tsi-textWrap {
6612 overflow: hidden;
6613 white-space: pre-wrap;
6614 text-overflow: ellipsis;
6615 hyphens: auto;
6616 overflow-wrap: break-word; }
6617
6618.tsi-hidden {
6619 display: none; }
6620
6621@keyframes tsi-slideIn {
6622 from {
6623 transform: translateY(-10px);
6624 opacity: 0; }
6625 to {
6626 transform: translateY(0px);
6627 opacity: 1; } }
6628
6629@keyframes tsi-slideRight {
6630 from {
6631 transform: translateX(-10px);
6632 opacity: 0; }
6633 to {
6634 transform: translateX(0px);
6635 opacity: 1; } }
6636
6637.tsi-resizeGutter {
6638 width: 6px;
6639 cursor: e-resize;
6640 padding: 2px;
6641 background-position-y: 50%;
6642 background-position-x: 0px;
6643 background-repeat: no-repeat; }
6644
6645.tsi-chartValueTextBox {
6646 position: absolute;
6647 white-space: nowrap;
6648 font-size: 11px;
6649 padding: 1px 4px;
6650 border-width: 1px;
6651 border-style: solid;
6652 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
6653 line-height: 16px; }
6654
6655.tsi-baseContextMenu {
6656 white-space: nowrap;
6657 padding: 4px 0;
6658 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
6659 border-width: 1px;
6660 border-radius: 2px;
6661 border-style: solid;
6662 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
6663 text-align: left; }
6664 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
6665 padding: 4px 8px;
6666 font-size: 12px;
6667 cursor: pointer;
6668 height: 28px;
6669 display: flex;
6670 align-items: center;
6671 overflow: hidden; }
6672 .tsi-baseContextMenu .tsi-break {
6673 height: 4px;
6674 margin-top: 4px;
6675 padding: 0 0 4px 0;
6676 cursor: default; }
6677 .tsi-baseContextMenu .tsi-break:last-of-type {
6678 display: none; }
6679
6680.tsi-primaryButton {
6681 height: 36px;
6682 border-radius: 4px;
6683 border-width: 1px;
6684 border-style: solid; }
6685 .tsi-primaryButton.disabled {
6686 cursor: default;
6687 pointer-events: none;
6688 opacity: .5; }
6689
6690.tsi-chartControlsPanel {
6691 height: 20px;
6692 right: 0px;
6693 width: 100px;
6694 position: absolute;
6695 z-index: 2;
6696 pointer-events: none; }
6697 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
6698 pointer-events: all;
6699 left: auto;
6700 right: 20px;
6701 top: 0px;
6702 position: absolute; }
6703 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
6704 pointer-events: all; }
6705 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
6706 z-index: 2 !important; }
6707 .tsi-chartControlsPanel .tsi-stackedButton {
6708 pointer-events: all;
6709 display: block;
6710 background-size: 20px 20px;
6711 background-repeat: no-repeat;
6712 background-position: center;
6713 position: absolute;
6714 height: 100%;
6715 width: 20px;
6716 cursor: pointer;
6717 background-color: transparent;
6718 border: none; }
6719 .tsi-chartControlsPanel .tsi-scooterButton {
6720 display: block;
6721 background-size: 20px 20px;
6722 background-repeat: no-repeat;
6723 background-position: center;
6724 position: absolute;
6725 height: 20px;
6726 width: 20px; }
6727
6728select::-ms-expand {
6729 display: none; }
6730
6731.tsi-select {
6732 margin: 2px;
6733 position: relative;
6734 -webkit-appearance: none;
6735 -moz-appearance: none;
6736 padding: 6px;
6737 padding-right: 28px;
6738 border-width: 1px;
6739 border-radius: 2px;
6740 border-style: solid;
6741 white-space: nowrap;
6742 overflow: hidden;
6743 height: 32px;
6744 background-position-y: 12px;
6745 background-position-x: calc(100% - 4px); }
6746 .tsi-select option {
6747 padding: 6px; }
6748
6749.tsi-warmRect {
6750 fill: #FFA800;
6751 stroke: #FFA800; }
6752
6753.pika-single {
6754 border-bottom: none;
6755 border-left: none;
6756 border-right: none; }
6757 .pika-single .pika-lendar {
6758 text-decoration: none;
6759 width: 196px;
6760 margin-left: 12px;
6761 margin-right: 12px; }
6762 .pika-single .pika-lendar abbr {
6763 text-decoration: none; }
6764 .pika-single .pika-lendar .pika-table .pika-row {
6765 height: 28px;
6766 margin: 0px; }
6767 .pika-single .pika-lendar .pika-table .pika-row td {
6768 padding: 0px; }
6769 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
6770 background-color: #d5ebe9; }
6771 .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 {
6772 background-color: #309d90;
6773 color: white; }
6774 .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 {
6775 background-color: #309d90;
6776 color: white; }
6777 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
6778 border-bottom-left-radius: 8px;
6779 border-top-left-radius: 8px; }
6780 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
6781 border-bottom-right-radius: 8px;
6782 border-top-right-radius: 8px; }
6783 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
6784 width: 100%;
6785 height: 28px;
6786 width: 28px;
6787 margin: 0px; }
6788 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
6789 background-color: #309d90;
6790 color: white; }
6791 .pika-single .pika-lendar .pika-table .pika-button {
6792 border-radius: 0px;
6793 text-align: center; }
6794
6795.tsi-search {
6796 width: 100%;
6797 height: 100%;
6798 display: flex;
6799 flex-shrink: 0;
6800 align-items: center;
6801 position: relative; }
6802 .tsi-search .tsi-search-icon {
6803 width: 21px;
6804 height: 17px;
6805 background-repeat: no-repeat;
6806 margin-left: 8px;
6807 background-size: 14px;
6808 background-position-y: 2px; }
6809 .tsi-search .tsi-searchInput {
6810 position: absolute;
6811 width: 100%;
6812 height: 100%;
6813 padding-left: 28px;
6814 background: transparent;
6815 outline: none;
6816 text-overflow: ellipsis; }
6817
6818.tsi-baseMono {
6819 display: inline-block;
6820 padding: 4px;
6821 border-radius: 3px;
6822 font-family: "Lucida Console", Monaco, monospace;
6823 font-size: 85%;
6824 line-height: 85%;
6825 font-weight: 300; }
6826
6827.tsi-dateTimePicker {
6828 animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
6829 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
6830 align-items: stretch;
6831 width: 616px; }
6832 .tsi-dateTimePicker.tsi-dark {
6833 background-color: #0d0f0e;
6834 color: #fff; }
6835 .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
6836 border-left: 1px solid #31373e; }
6837 .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
6838 background-color: #0d0f0e;
6839 color: #fff;
6840 border: 1px solid rgba(255, 255, 255, 0.3); }
6841 .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
6842 color: #fff;
6843 background-color: #0d0f0e; }
6844 .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
6845 background-color: rgba(98, 102, 108, 0.6) !important;
6846 color: #fff; }
6847 .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
6848 background-color: #1e2223; }
6849 .tsi-dateTimePicker.tsi-dark .tsi-select, .tsi-dateTimePicker.tsi-dark .tsi-select option {
6850 color: #fff;
6851 background-color: #0d0f0e; }
6852 .tsi-dateTimePicker.tsi-dark .pika-table th {
6853 color: #fff;
6854 opacity: .6; }
6855 .tsi-dateTimePicker.tsi-dark .pika-single {
6856 color: #fff;
6857 background-color: #0d0f0e; }
6858 .tsi-dateTimePicker.tsi-dark .pika-single .pika-select, .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option, .tsi-dateTimePicker.tsi-dark .pika-single .pika-label, .tsi-dateTimePicker.tsi-dark .pika-single .pika-day, .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev, .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
6859 color: #fff;
6860 background-color: #0d0f0e; }
6861 .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus, .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus, .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus, .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus, .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus, .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
6862 border: 1px solid #60AAFF; }
6863 .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev, .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
6864 color: #60AAFF;
6865 background-color: white; }
6866 .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
6867 color: #60AAFF; }
6868 .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
6869 background-color: rgba(48, 157, 144, 0.4) !important; }
6870 .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
6871 box-shadow: unset; }
6872 .tsi-dateTimePicker.tsi-light {
6873 background-color: #ffffff;
6874 color: #000; }
6875 .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
6876 border-left: 1px solid #dcdcdc; }
6877 .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
6878 background-color: #ffffff;
6879 color: #000;
6880 border: 1px solid rgba(0, 0, 0, 0.3); }
6881 .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
6882 color: #000;
6883 background-color: #ffffff; }
6884 .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
6885 background-color: rgba(179, 214, 242, 0.6) !important;
6886 color: #000; }
6887 .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
6888 background-color: #f2f2f2; }
6889 .tsi-dateTimePicker.tsi-light .tsi-select, .tsi-dateTimePicker.tsi-light .tsi-select option {
6890 color: #000;
6891 background-color: #ffffff; }
6892 .tsi-dateTimePicker.tsi-light .pika-table th {
6893 color: #000;
6894 opacity: .6; }
6895 .tsi-dateTimePicker.tsi-light .pika-single {
6896 color: #000;
6897 background-color: #ffffff; }
6898 .tsi-dateTimePicker.tsi-light .pika-single .pika-select, .tsi-dateTimePicker.tsi-light .pika-single .pika-select option, .tsi-dateTimePicker.tsi-light .pika-single .pika-label, .tsi-dateTimePicker.tsi-light .pika-single .pika-day, .tsi-dateTimePicker.tsi-light .pika-single .pika-prev, .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
6899 color: #000;
6900 background-color: #ffffff; }
6901 .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus, .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus, .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus, .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus, .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus, .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
6902 border: 1px solid #136BFB; }
6903 .tsi-dateTimePicker.tsi-light .pika-single .pika-prev, .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
6904 color: #136BFB;
6905 background-color: white; }
6906 .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton, .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
6907 color: #136BFB; }
6908 .tsi-dateTimePicker .tsi-dateTimeGroup {
6909 display: inline-flex; }
6910 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
6911 display: flex;
6912 flex-direction: column;
6913 width: 152px;
6914 float: left;
6915 height: auto; }
6916 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
6917 text-align: left;
6918 border: none;
6919 height: 10%;
6920 padding-left: 20px;
6921 width: 100%;
6922 cursor: pointer;
6923 overflow: hidden;
6924 white-space: nowrap;
6925 text-overflow: ellipsis; }
6926 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
6927 float: right;
6928 width: 460px;
6929 padding-left: 8px; }
6930 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
6931 border: none;
6932 height: 250px; }
6933 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
6934 box-shadow: unset; }
6935 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
6936 width: 100%;
6937 margin-top: 8px; }
6938 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
6939 top: 4px;
6940 margin: 0px;
6941 padding-right: 28px;
6942 width: 100px;
6943 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
6944 background-position-y: 12px;
6945 background-position-x: calc(100% - 4px); }
6946 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
6947 padding: 6px; }
6948 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
6949 align-items: stretch;
6950 width: calc(100% - 28px);
6951 margin-left: 12px;
6952 margin-right: 12px; }
6953 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
6954 display: inline-flex;
6955 width: 100%; }
6956 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
6957 padding-right: 10px; }
6958 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
6959 padding-left: 6px; }
6960 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
6961 padding-top: 12px;
6962 width: 50%;
6963 position: relative; }
6964 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
6965 margin-top: 4px;
6966 width: 100%;
6967 padding: 0px 8px 0px 8px;
6968 height: 30px;
6969 box-sizing: border-box; }
6970 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
6971 display: flex; }
6972 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
6973 display: flex;
6974 width: 33%;
6975 flex-grow: 1;
6976 height: 32px;
6977 padding-left: 12px;
6978 display: inline-flex;
6979 text-align: center; }
6980 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
6981 font-weight: 600;
6982 font-size: 14px;
6983 margin: 0;
6984 text-transform: capitalize;
6985 height: 20px;
6986 line-height: 20px;
6987 opacity: 1; }
6988 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
6989 text-decoration: underline;
6990 background: transparent;
6991 border: none;
6992 line-height: 20px;
6993 cursor: pointer;
6994 margin-left: 8px;
6995 padding: 0px;
6996 text-transform: capitalize;
6997 position: absolute;
6998 top: 0px;
6999 right: 0px;
7000 margin-top: 12px; }
7001 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
7002 padding-bottom: 12px;
7003 width: calc(100% - 32px);
7004 margin: 0 16px 16px 16px; }
7005 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
7006 width: 100%;
7007 height: 100%; }
7008 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
7009 width: 100%;
7010 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
7011 background-position-y: 12px;
7012 background-position-x: calc(100% - 4px); }
7013 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
7014 width: 100%;
7015 height: 48px;
7016 margin-top: 12px; }
7017 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
7018 width: 92px;
7019 border: none;
7020 float: right;
7021 margin-right: 16px;
7022 height: 32px;
7023 padding: 8px;
7024 border-radius: 2px;
7025 line-height: 14px; }
7026 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled, .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
7027 background-color: grey; }
7028 .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
7029 background-color: #309d90;
7030 color: white; }
7031 .tsi-dateTimePicker .tsi-errorMessageContainer {
7032 background-color: darkorange;
7033 color: white; }
7034 .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
7035 padding: 8px; }
7036
7037div[class^='tsi-'] {
7038 box-sizing: border-box;
7039 font-family: "Segoe UI", sans-serif; }
7040
7041.tsi-textWrap {
7042 overflow: hidden;
7043 white-space: pre-wrap;
7044 text-overflow: ellipsis;
7045 hyphens: auto;
7046 overflow-wrap: break-word; }
7047
7048.tsi-hidden {
7049 display: none; }
7050
7051@keyframes tsi-slideIn {
7052 from {
7053 transform: translateY(-10px);
7054 opacity: 0; }
7055 to {
7056 transform: translateY(0px);
7057 opacity: 1; } }
7058
7059@keyframes tsi-slideRight {
7060 from {
7061 transform: translateX(-10px);
7062 opacity: 0; }
7063 to {
7064 transform: translateX(0px);
7065 opacity: 1; } }
7066
7067.tsi-resizeGutter {
7068 width: 6px;
7069 cursor: e-resize;
7070 padding: 2px;
7071 background-position-y: 50%;
7072 background-position-x: 0px;
7073 background-repeat: no-repeat; }
7074
7075.tsi-chartValueTextBox {
7076 position: absolute;
7077 white-space: nowrap;
7078 font-size: 11px;
7079 padding: 1px 4px;
7080 border-width: 1px;
7081 border-style: solid;
7082 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
7083 line-height: 16px; }
7084
7085.tsi-baseContextMenu {
7086 white-space: nowrap;
7087 padding: 4px 0;
7088 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
7089 border-width: 1px;
7090 border-radius: 2px;
7091 border-style: solid;
7092 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
7093 text-align: left; }
7094 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
7095 padding: 4px 8px;
7096 font-size: 12px;
7097 cursor: pointer;
7098 height: 28px;
7099 display: flex;
7100 align-items: center;
7101 overflow: hidden; }
7102 .tsi-baseContextMenu .tsi-break {
7103 height: 4px;
7104 margin-top: 4px;
7105 padding: 0 0 4px 0;
7106 cursor: default; }
7107 .tsi-baseContextMenu .tsi-break:last-of-type {
7108 display: none; }
7109
7110.tsi-primaryButton {
7111 height: 36px;
7112 border-radius: 4px;
7113 border-width: 1px;
7114 border-style: solid; }
7115 .tsi-primaryButton.disabled {
7116 cursor: default;
7117 pointer-events: none;
7118 opacity: .5; }
7119
7120.tsi-chartControlsPanel {
7121 height: 20px;
7122 right: 0px;
7123 width: 100px;
7124 position: absolute;
7125 z-index: 2;
7126 pointer-events: none; }
7127 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
7128 pointer-events: all;
7129 left: auto;
7130 right: 20px;
7131 top: 0px;
7132 position: absolute; }
7133 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
7134 pointer-events: all; }
7135 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
7136 z-index: 2 !important; }
7137 .tsi-chartControlsPanel .tsi-stackedButton {
7138 pointer-events: all;
7139 display: block;
7140 background-size: 20px 20px;
7141 background-repeat: no-repeat;
7142 background-position: center;
7143 position: absolute;
7144 height: 100%;
7145 width: 20px;
7146 cursor: pointer;
7147 background-color: transparent;
7148 border: none; }
7149 .tsi-chartControlsPanel .tsi-scooterButton {
7150 display: block;
7151 background-size: 20px 20px;
7152 background-repeat: no-repeat;
7153 background-position: center;
7154 position: absolute;
7155 height: 20px;
7156 width: 20px; }
7157
7158select::-ms-expand {
7159 display: none; }
7160
7161.tsi-select {
7162 margin: 2px;
7163 position: relative;
7164 -webkit-appearance: none;
7165 -moz-appearance: none;
7166 padding: 6px;
7167 padding-right: 28px;
7168 border-width: 1px;
7169 border-radius: 2px;
7170 border-style: solid;
7171 white-space: nowrap;
7172 overflow: hidden;
7173 height: 32px;
7174 background-position-y: 12px;
7175 background-position-x: calc(100% - 4px); }
7176 .tsi-select option {
7177 padding: 6px; }
7178
7179.tsi-warmRect {
7180 fill: #FFA800;
7181 stroke: #FFA800; }
7182
7183.pika-single {
7184 border-bottom: none;
7185 border-left: none;
7186 border-right: none; }
7187 .pika-single .pika-lendar {
7188 text-decoration: none;
7189 width: 196px;
7190 margin-left: 12px;
7191 margin-right: 12px; }
7192 .pika-single .pika-lendar abbr {
7193 text-decoration: none; }
7194 .pika-single .pika-lendar .pika-table .pika-row {
7195 height: 28px;
7196 margin: 0px; }
7197 .pika-single .pika-lendar .pika-table .pika-row td {
7198 padding: 0px; }
7199 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
7200 background-color: #d5ebe9; }
7201 .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 {
7202 background-color: #309d90;
7203 color: white; }
7204 .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 {
7205 background-color: #309d90;
7206 color: white; }
7207 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
7208 border-bottom-left-radius: 8px;
7209 border-top-left-radius: 8px; }
7210 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
7211 border-bottom-right-radius: 8px;
7212 border-top-right-radius: 8px; }
7213 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
7214 width: 100%;
7215 height: 28px;
7216 width: 28px;
7217 margin: 0px; }
7218 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
7219 background-color: #309d90;
7220 color: white; }
7221 .pika-single .pika-lendar .pika-table .pika-button {
7222 border-radius: 0px;
7223 text-align: center; }
7224
7225.tsi-search {
7226 width: 100%;
7227 height: 100%;
7228 display: flex;
7229 flex-shrink: 0;
7230 align-items: center;
7231 position: relative; }
7232 .tsi-search .tsi-search-icon {
7233 width: 21px;
7234 height: 17px;
7235 background-repeat: no-repeat;
7236 margin-left: 8px;
7237 background-size: 14px;
7238 background-position-y: 2px; }
7239 .tsi-search .tsi-searchInput {
7240 position: absolute;
7241 width: 100%;
7242 height: 100%;
7243 padding-left: 28px;
7244 background: transparent;
7245 outline: none;
7246 text-overflow: ellipsis; }
7247
7248.tsi-baseMono {
7249 display: inline-block;
7250 padding: 4px;
7251 border-radius: 3px;
7252 font-family: "Lucida Console", Monaco, monospace;
7253 font-size: 85%;
7254 line-height: 85%;
7255 font-weight: 300; }
7256
7257.tsi-playback-controls-container {
7258 padding-left: 20px;
7259 padding-right: 20px; }
7260
7261.tsi-playback-timeline {
7262 width: 100%;
7263 height: 32px;
7264 position: relative; }
7265
7266.tsi-playback-timeline svg {
7267 width: 100%;
7268 height: 100%;
7269 position: absolute; }
7270
7271.tsi-playback-input {
7272 position: absolute;
7273 pointer-events: none;
7274 height: 100%; }
7275
7276.tsi-playback-track, .tsi-playback-handle {
7277 cursor: pointer; }
7278
7279.tsi-playback-track {
7280 stroke-width: 5px;
7281 stroke-linecap: round; }
7282 .tsi-playback-track .tsi-left-of-handle {
7283 stroke: #605E5C; }
7284 .tsi-playback-track .tsi-right-of-handle {
7285 stroke: #C8C6C4; }
7286
7287.tsi-playback-handle {
7288 stroke-width: 2px;
7289 stroke: #323130;
7290 fill: #fff; }
7291
7292.tsi-playback-axis {
7293 position: absolute;
7294 height: 100%; }
7295 .tsi-playback-axis svg {
7296 width: 100%;
7297 height: 100%;
7298 overflow: visible; }
7299 .tsi-playback-axis svg g:first-of-type {
7300 text-anchor: start; }
7301 .tsi-playback-axis svg g:last-of-type {
7302 text-anchor: end; }
7303
7304.tsi-playback-buttons {
7305 width: 100%;
7306 height: 36px;
7307 margin-top: 16px;
7308 margin-bottom: 8px; }
7309 .tsi-playback-buttons .tsi-play-button, .tsi-playback-buttons .tsi-pause-button {
7310 padding: 4px;
7311 background: none;
7312 border: none;
7313 background-repeat: no-repeat;
7314 background-position: center; }
7315
7316.tsi-dark .tsi-playback-buttons .tsi-play-button {
7317 background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.5 4.05L18.3 12L4.5 19.95V4.05ZM3 1.5V22.5L21.45 12L3 1.5Z%22 fill%3D%22%2360AAFF%22%2F%3E%0D%3C%2Fsvg%3E%0D%0D"); }
7318
7319.tsi-dark .tsi-playback-buttons .tsi-pause-button {
7320 background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M7.5 3H9V21H7.5V3ZM16.5 3V21H15V3H16.5Z%22 fill%3D%22%2360AAFF%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
7321
7322.tsi-light .tsi-playback-buttons .tsi-play-button, .tsi-light .tsi-playback-buttons .tsi-pause-button {
7323 margin-left: 6px; }
7324
7325.tsi-light .tsi-playback-buttons .tsi-play-button {
7326 background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.5 4.05L18.3 12L4.5 19.95V4.05ZM3 1.5V22.5L21.45 12L3 1.5Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
7327
7328.tsi-light .tsi-playback-buttons .tsi-pause-button {
7329 background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M7.5 3H9V21H7.5V3ZM16.5 3V21H15V3H16.5Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
7330
7331.tsi-playback-timestamp {
7332 height: 100%;
7333 position: relative;
7334 top: -8px; }
7335
7336.tsi-playback-buttons button {
7337 cursor: pointer;
7338 width: 36px;
7339 height: 36px; }
7340
7341.tsi-playback-buttons button:focus {
7342 outline: none; }
7343
7344div[class^='tsi-'] {
7345 box-sizing: border-box;
7346 font-family: "Segoe UI", sans-serif; }
7347
7348.tsi-textWrap {
7349 overflow: hidden;
7350 white-space: pre-wrap;
7351 text-overflow: ellipsis;
7352 hyphens: auto;
7353 overflow-wrap: break-word; }
7354
7355.tsi-hidden {
7356 display: none; }
7357
7358@keyframes tsi-slideIn {
7359 from {
7360 transform: translateY(-10px);
7361 opacity: 0; }
7362 to {
7363 transform: translateY(0px);
7364 opacity: 1; } }
7365
7366@keyframes tsi-slideRight {
7367 from {
7368 transform: translateX(-10px);
7369 opacity: 0; }
7370 to {
7371 transform: translateX(0px);
7372 opacity: 1; } }
7373
7374.tsi-resizeGutter {
7375 width: 6px;
7376 cursor: e-resize;
7377 padding: 2px;
7378 background-position-y: 50%;
7379 background-position-x: 0px;
7380 background-repeat: no-repeat; }
7381
7382.tsi-chartValueTextBox {
7383 position: absolute;
7384 white-space: nowrap;
7385 font-size: 11px;
7386 padding: 1px 4px;
7387 border-width: 1px;
7388 border-style: solid;
7389 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
7390 line-height: 16px; }
7391
7392.tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
7393 white-space: nowrap;
7394 padding: 4px 0;
7395 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
7396 border-width: 1px;
7397 border-radius: 2px;
7398 border-style: solid;
7399 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
7400 text-align: left; }
7401 .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div, .tsi-baseContextMenu > li, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li, .tsi-baseContextMenu > button, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
7402 padding: 4px 8px;
7403 font-size: 12px;
7404 cursor: pointer;
7405 height: 28px;
7406 display: flex;
7407 align-items: center;
7408 overflow: hidden; }
7409 .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
7410 height: 4px;
7411 margin-top: 4px;
7412 padding: 0 0 4px 0;
7413 cursor: default; }
7414 .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
7415 display: none; }
7416
7417.tsi-primaryButton {
7418 height: 36px;
7419 border-radius: 4px;
7420 border-width: 1px;
7421 border-style: solid; }
7422 .tsi-primaryButton.disabled {
7423 cursor: default;
7424 pointer-events: none;
7425 opacity: .5; }
7426
7427.tsi-chartControlsPanel {
7428 height: 20px;
7429 right: 0px;
7430 width: 100px;
7431 position: absolute;
7432 z-index: 2;
7433 pointer-events: none; }
7434 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
7435 pointer-events: all;
7436 left: auto;
7437 right: 20px;
7438 top: 0px;
7439 position: absolute; }
7440 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
7441 pointer-events: all; }
7442 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
7443 z-index: 2 !important; }
7444 .tsi-chartControlsPanel .tsi-stackedButton {
7445 pointer-events: all;
7446 display: block;
7447 background-size: 20px 20px;
7448 background-repeat: no-repeat;
7449 background-position: center;
7450 position: absolute;
7451 height: 100%;
7452 width: 20px;
7453 cursor: pointer;
7454 background-color: transparent;
7455 border: none; }
7456 .tsi-chartControlsPanel .tsi-scooterButton {
7457 display: block;
7458 background-size: 20px 20px;
7459 background-repeat: no-repeat;
7460 background-position: center;
7461 position: absolute;
7462 height: 20px;
7463 width: 20px; }
7464
7465select::-ms-expand {
7466 display: none; }
7467
7468.tsi-select {
7469 margin: 2px;
7470 position: relative;
7471 -webkit-appearance: none;
7472 -moz-appearance: none;
7473 padding: 6px;
7474 padding-right: 28px;
7475 border-width: 1px;
7476 border-radius: 2px;
7477 border-style: solid;
7478 white-space: nowrap;
7479 overflow: hidden;
7480 height: 32px;
7481 background-position-y: 12px;
7482 background-position-x: calc(100% - 4px); }
7483 .tsi-select option {
7484 padding: 6px; }
7485
7486.tsi-warmRect {
7487 fill: #FFA800;
7488 stroke: #FFA800; }
7489
7490.pika-single {
7491 border-bottom: none;
7492 border-left: none;
7493 border-right: none; }
7494 .pika-single .pika-lendar {
7495 text-decoration: none;
7496 width: 196px;
7497 margin-left: 12px;
7498 margin-right: 12px; }
7499 .pika-single .pika-lendar abbr {
7500 text-decoration: none; }
7501 .pika-single .pika-lendar .pika-table .pika-row {
7502 height: 28px;
7503 margin: 0px; }
7504 .pika-single .pika-lendar .pika-table .pika-row td {
7505 padding: 0px; }
7506 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
7507 background-color: #d5ebe9; }
7508 .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 {
7509 background-color: #309d90;
7510 color: white; }
7511 .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 {
7512 background-color: #309d90;
7513 color: white; }
7514 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
7515 border-bottom-left-radius: 8px;
7516 border-top-left-radius: 8px; }
7517 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
7518 border-bottom-right-radius: 8px;
7519 border-top-right-radius: 8px; }
7520 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
7521 width: 100%;
7522 height: 28px;
7523 width: 28px;
7524 margin: 0px; }
7525 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
7526 background-color: #309d90;
7527 color: white; }
7528 .pika-single .pika-lendar .pika-table .pika-button {
7529 border-radius: 0px;
7530 text-align: center; }
7531
7532.tsi-search {
7533 width: 100%;
7534 height: 100%;
7535 display: flex;
7536 flex-shrink: 0;
7537 align-items: center;
7538 position: relative; }
7539 .tsi-search .tsi-search-icon {
7540 width: 21px;
7541 height: 17px;
7542 background-repeat: no-repeat;
7543 margin-left: 8px;
7544 background-size: 14px;
7545 background-position-y: 2px; }
7546 .tsi-search .tsi-searchInput {
7547 position: absolute;
7548 width: 100%;
7549 height: 100%;
7550 padding-left: 28px;
7551 background: transparent;
7552 outline: none;
7553 text-overflow: ellipsis; }
7554
7555.tsi-baseMono {
7556 display: inline-block;
7557 padding: 4px;
7558 border-radius: 3px;
7559 font-family: "Lucida Console", Monaco, monospace;
7560 font-size: 85%;
7561 line-height: 85%;
7562 font-weight: 300; }
7563
7564.tsi-modelSearchWrapper {
7565 height: 100%;
7566 width: 100%;
7567 display: flex;
7568 flex-wrap: wrap;
7569 position: relative; }
7570 .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
7571 width: 100%;
7572 z-index: 2;
7573 height: 48px; }
7574 .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
7575 position: absolute;
7576 top: 40px;
7577 width: 100%;
7578 height: calc(100% - 40px);
7579 left: 0; }
7580 .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
7581 display: none; }
7582 .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
7583 display: none; }
7584 .tsi-modelSearchWrapper.tsi-dark {
7585 background: #0d0f0e;
7586 color: #fff; }
7587 .tsi-modelSearchWrapper.tsi-dark hit {
7588 background: #fff9a8;
7589 font-weight: 600;
7590 color: black; }
7591 .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
7592 color: #60AAFF; }
7593 .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
7594 border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
7595 .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected {
7596 background-color: #62666c; }
7597 .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected::after {
7598 content: "";
7599 position: absolute;
7600 width: 14px;
7601 height: 14px;
7602 top: 8px;
7603 left: calc(100% - 20px);
7604 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
7605 transform: rotate(-90deg); }
7606 .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
7607 border-color: #60AAFF;
7608 background-color: #0d0f0e;
7609 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16); }
7610 .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:focus {
7611 background-color: #62666c; }
7612 .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
7613 border-top: 1px solid rgba(96, 170, 255, 0.2); }
7614 .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:focus {
7615 background-color: #0d0f0e; }
7616 .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
7617 border: 1px solid #31373e; }
7618 .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
7619 border: 1px solid #60AAFF; }
7620 .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
7621 background: #1e2223; }
7622 .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
7623 background: #1e2223;
7624 color: #fff;
7625 border: 1px solid #fff; }
7626 .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected="true"], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
7627 background: #62666c; }
7628 .tsi-modelSearchWrapper.tsi-light {
7629 background: #ffffff;
7630 color: #000; }
7631 .tsi-modelSearchWrapper.tsi-light hit {
7632 background: #fff9a8;
7633 font-weight: 600;
7634 color: black; }
7635 .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
7636 color: #136BFB; }
7637 .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
7638 border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
7639 .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected {
7640 background-color: #b3d6f2; }
7641 .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected::after {
7642 content: "";
7643 position: absolute;
7644 width: 14px;
7645 height: 14px;
7646 top: 8px;
7647 left: calc(100% - 20px);
7648 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
7649 transform: rotate(-90deg); }
7650 .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
7651 border-color: #136BFB;
7652 background-color: #ffffff;
7653 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
7654 .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:focus {
7655 background-color: #b3d6f2; }
7656 .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
7657 border-top: 1px solid rgba(19, 107, 251, 0.2); }
7658 .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:focus {
7659 background-color: #ffffff; }
7660 .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
7661 border: 1px solid #dcdcdc; }
7662 .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
7663 border: 1px solid #136BFB; }
7664 .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
7665 background: #f2f2f2; }
7666 .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
7667 background: #f2f2f2;
7668 color: #000;
7669 border: 1px solid #000; }
7670 .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected="true"], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
7671 background: #b3d6f2; }
7672 .tsi-modelSearchWrapper .tsi-modelSearchResults {
7673 flex-grow: 1;
7674 display: flex;
7675 height: calc(100% - 48px);
7676 overflow: auto; }
7677 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
7678 padding: 20px;
7679 white-space: nowrap;
7680 height: 40px;
7681 margin-left: 40px; }
7682 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
7683 cursor: pointer;
7684 text-align: center;
7685 padding-bottom: 8px;
7686 font-size: 13px; }
7687 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
7688 text-decoration: underline; }
7689 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
7690 width: 100%; }
7691 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
7692 flex-grow: 1; }
7693 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
7694 cursor: pointer;
7695 position: relative;
7696 max-height: 206px;
7697 overflow: hidden; }
7698 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
7699 pointer-events: none;
7700 padding: 8px 20px; }
7701 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
7702 font-weight: 600;
7703 font-size: 14px; }
7704 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
7705 font-size: 12px;
7706 padding-top: 2px;
7707 padding-left: 8px;
7708 padding-bottom: 2px; }
7709 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
7710 border-spacing: 0;
7711 margin-top: 2px; }
7712 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
7713 padding: 0;
7714 opacity: .6; }
7715 .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
7716 padding: 0;
7717 padding-left: 8px; }
7718 .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
7719 position: absolute;
7720 left: calc(100% - 20px);
7721 z-index: 3; }
7722
7723div[class^='tsi-'] {
7724 box-sizing: border-box;
7725 font-family: "Segoe UI", sans-serif; }
7726
7727.tsi-textWrap {
7728 overflow: hidden;
7729 white-space: pre-wrap;
7730 text-overflow: ellipsis;
7731 hyphens: auto;
7732 overflow-wrap: break-word; }
7733
7734.tsi-hidden {
7735 display: none; }
7736
7737@keyframes tsi-slideIn {
7738 from {
7739 transform: translateY(-10px);
7740 opacity: 0; }
7741 to {
7742 transform: translateY(0px);
7743 opacity: 1; } }
7744
7745@keyframes tsi-slideRight {
7746 from {
7747 transform: translateX(-10px);
7748 opacity: 0; }
7749 to {
7750 transform: translateX(0px);
7751 opacity: 1; } }
7752
7753.tsi-resizeGutter {
7754 width: 6px;
7755 cursor: e-resize;
7756 padding: 2px;
7757 background-position-y: 50%;
7758 background-position-x: 0px;
7759 background-repeat: no-repeat; }
7760
7761.tsi-chartValueTextBox {
7762 position: absolute;
7763 white-space: nowrap;
7764 font-size: 11px;
7765 padding: 1px 4px;
7766 border-width: 1px;
7767 border-style: solid;
7768 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
7769 line-height: 16px; }
7770
7771.tsi-baseContextMenu {
7772 white-space: nowrap;
7773 padding: 4px 0;
7774 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
7775 border-width: 1px;
7776 border-radius: 2px;
7777 border-style: solid;
7778 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
7779 text-align: left; }
7780 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
7781 padding: 4px 8px;
7782 font-size: 12px;
7783 cursor: pointer;
7784 height: 28px;
7785 display: flex;
7786 align-items: center;
7787 overflow: hidden; }
7788 .tsi-baseContextMenu .tsi-break {
7789 height: 4px;
7790 margin-top: 4px;
7791 padding: 0 0 4px 0;
7792 cursor: default; }
7793 .tsi-baseContextMenu .tsi-break:last-of-type {
7794 display: none; }
7795
7796.tsi-primaryButton {
7797 height: 36px;
7798 border-radius: 4px;
7799 border-width: 1px;
7800 border-style: solid; }
7801 .tsi-primaryButton.disabled {
7802 cursor: default;
7803 pointer-events: none;
7804 opacity: .5; }
7805
7806.tsi-chartControlsPanel {
7807 height: 20px;
7808 right: 0px;
7809 width: 100px;
7810 position: absolute;
7811 z-index: 2;
7812 pointer-events: none; }
7813 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
7814 pointer-events: all;
7815 left: auto;
7816 right: 20px;
7817 top: 0px;
7818 position: absolute; }
7819 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
7820 pointer-events: all; }
7821 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
7822 z-index: 2 !important; }
7823 .tsi-chartControlsPanel .tsi-stackedButton {
7824 pointer-events: all;
7825 display: block;
7826 background-size: 20px 20px;
7827 background-repeat: no-repeat;
7828 background-position: center;
7829 position: absolute;
7830 height: 100%;
7831 width: 20px;
7832 cursor: pointer;
7833 background-color: transparent;
7834 border: none; }
7835 .tsi-chartControlsPanel .tsi-scooterButton {
7836 display: block;
7837 background-size: 20px 20px;
7838 background-repeat: no-repeat;
7839 background-position: center;
7840 position: absolute;
7841 height: 20px;
7842 width: 20px; }
7843
7844select::-ms-expand {
7845 display: none; }
7846
7847.tsi-select {
7848 margin: 2px;
7849 position: relative;
7850 -webkit-appearance: none;
7851 -moz-appearance: none;
7852 padding: 6px;
7853 padding-right: 28px;
7854 border-width: 1px;
7855 border-radius: 2px;
7856 border-style: solid;
7857 white-space: nowrap;
7858 overflow: hidden;
7859 height: 32px;
7860 background-position-y: 12px;
7861 background-position-x: calc(100% - 4px); }
7862 .tsi-select option {
7863 padding: 6px; }
7864
7865.tsi-warmRect {
7866 fill: #FFA800;
7867 stroke: #FFA800; }
7868
7869.pika-single {
7870 border-bottom: none;
7871 border-left: none;
7872 border-right: none; }
7873 .pika-single .pika-lendar {
7874 text-decoration: none;
7875 width: 196px;
7876 margin-left: 12px;
7877 margin-right: 12px; }
7878 .pika-single .pika-lendar abbr {
7879 text-decoration: none; }
7880 .pika-single .pika-lendar .pika-table .pika-row {
7881 height: 28px;
7882 margin: 0px; }
7883 .pika-single .pika-lendar .pika-table .pika-row td {
7884 padding: 0px; }
7885 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
7886 background-color: #d5ebe9; }
7887 .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 {
7888 background-color: #309d90;
7889 color: white; }
7890 .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 {
7891 background-color: #309d90;
7892 color: white; }
7893 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
7894 border-bottom-left-radius: 8px;
7895 border-top-left-radius: 8px; }
7896 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
7897 border-bottom-right-radius: 8px;
7898 border-top-right-radius: 8px; }
7899 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
7900 width: 100%;
7901 height: 28px;
7902 width: 28px;
7903 margin: 0px; }
7904 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
7905 background-color: #309d90;
7906 color: white; }
7907 .pika-single .pika-lendar .pika-table .pika-button {
7908 border-radius: 0px;
7909 text-align: center; }
7910
7911.tsi-search {
7912 width: 100%;
7913 height: 100%;
7914 display: flex;
7915 flex-shrink: 0;
7916 align-items: center;
7917 position: relative; }
7918 .tsi-search .tsi-search-icon {
7919 width: 21px;
7920 height: 17px;
7921 background-repeat: no-repeat;
7922 margin-left: 8px;
7923 background-size: 14px;
7924 background-position-y: 2px; }
7925 .tsi-search .tsi-searchInput {
7926 position: absolute;
7927 width: 100%;
7928 height: 100%;
7929 padding-left: 28px;
7930 background: transparent;
7931 outline: none;
7932 text-overflow: ellipsis; }
7933
7934.tsi-baseMono {
7935 display: inline-block;
7936 padding: 4px;
7937 border-radius: 3px;
7938 font-family: "Lucida Console", Monaco, monospace;
7939 font-size: 85%;
7940 line-height: 85%;
7941 font-weight: 300; }
7942
7943.tsi-process-graphic-target.tsi-dark {
7944 color: #fff;
7945 background-color: #0d0f0e;
7946 border-color: #60AAFF; }
7947 .tsi-process-graphic-target.tsi-dark .yAxis path, .tsi-process-graphic-target.tsi-dark .xAxis path {
7948 stroke: #fff; }
7949 .tsi-process-graphic-target.tsi-dark .yAxis .tick text, .tsi-process-graphic-target.tsi-dark .xAxis .tick text {
7950 fill: #fff; }
7951 .tsi-process-graphic-target.tsi-dark .yAxis .tick line, .tsi-process-graphic-target.tsi-dark .xAxis .tick line {
7952 stroke: #fff; }
7953 @media screen and (-ms-high-contrast: white-on-black) {
7954 .tsi-process-graphic-target.tsi-dark .yAxis path, .tsi-process-graphic-target.tsi-dark .xAxis path {
7955 stroke: #fff; }
7956 .tsi-process-graphic-target.tsi-dark .yAxis .tick text, .tsi-process-graphic-target.tsi-dark .xAxis .tick text {
7957 fill: #fff !important; }
7958 .tsi-process-graphic-target.tsi-dark .yAxis .tick line, .tsi-process-graphic-target.tsi-dark .xAxis .tick line {
7959 stroke: #fff; } }
7960 .tsi-process-graphic-target.tsi-dark .vHoverBox, .tsi-process-graphic-target.tsi-dark .hHoverBox {
7961 fill: #0d0f0e;
7962 stroke: #60AAFF; }
7963 .tsi-process-graphic-target.tsi-dark .tsi-resizeGutter.tsi-isDragging {
7964 background-color: #31373e; }
7965 .tsi-process-graphic-target.tsi-dark ::-webkit-scrollbar {
7966 height: 8px;
7967 width: 8px; }
7968 .tsi-process-graphic-target.tsi-dark ::-webkit-scrollbar-track {
7969 background: none; }
7970 .tsi-process-graphic-target.tsi-dark ::-webkit-scrollbar-thumb {
7971 background: #666666;
7972 border-radius: 8px; }
7973 .tsi-process-graphic-target.tsi-dark ::-webkit-scrollbar-thumb:hover {
7974 background: #666666; }
7975 .tsi-process-graphic-target.tsi-dark ::-webkit-scrollbar-track:hover {
7976 background: #1e2223; }
7977 .tsi-process-graphic-target.tsi-dark .hHoverText {
7978 text-anchor: middle; }
7979 .tsi-process-graphic-target.tsi-dark .vHoverText {
7980 text-anchor: end; }
7981 .tsi-process-graphic-target.tsi-dark .hoverText {
7982 stroke: none; }
7983 .tsi-process-graphic-target.tsi-dark .hHoverText, .tsi-process-graphic-target.tsi-dark .vHoverText {
7984 font-size: 11px !important; }
7985 .tsi-process-graphic-target.tsi-dark .hHoverValueBar {
7986 stroke: #fff; }
7987 .tsi-process-graphic-target.tsi-dark .hoverText {
7988 fill: #fff; }
7989 .tsi-process-graphic-target.tsi-dark .stacked g path {
7990 fill: #fff !important; }
7991 .tsi-process-graphic-target.tsi-dark .tooltip text {
7992 fill: #fff; }
7993 .tsi-process-graphic-target.tsi-dark .tooltip rect {
7994 fill: #0d0f0e;
7995 stroke: #60AAFF; }
7996 .tsi-process-graphic-target.tsi-dark .tsi-primaryButton {
7997 color: #fff;
7998 border-color: rgba(255, 255, 255, 0.8);
7999 background-color: #1e2223; }
8000 .tsi-process-graphic-target.tsi-dark .tsi-primaryButton:hover {
8001 background-color: #62666c; }
8002 .tsi-process-graphic-target.tsi-dark .yAxis path, .tsi-process-graphic-target.tsi-dark .xAxis path {
8003 stroke-width: 1px !important; }
8004 .tsi-process-graphic-target.tsi-dark .yAxis .tick text, .tsi-process-graphic-target.tsi-dark .xAxis .tick text {
8005 user-select: none; }
8006 .tsi-process-graphic-target.tsi-dark rect, .tsi-process-graphic-target.tsi-dark line {
8007 shape-rendering: crispedges; }
8008 .tsi-process-graphic-target.tsi-dark .stacked g path {
8009 stroke-width: 1;
8010 pointer-events: all;
8011 stroke: none; }
8012 .tsi-process-graphic-target.tsi-dark .stacked rect {
8013 cursor: pointer;
8014 fill: transparent;
8015 stroke-width: 1; }
8016 .tsi-process-graphic-target.tsi-dark .tooltip {
8017 pointer-events: none; }
8018 .tsi-process-graphic-target.tsi-dark .tooltip text {
8019 alignment-baseline: hanging; }
8020 .tsi-process-graphic-target.tsi-dark .tooltip .title {
8021 font-weight: bold;
8022 font-size: 13px; }
8023 .tsi-process-graphic-target.tsi-dark .tooltip .value {
8024 font-weight: normal;
8025 font-size: 12px;
8026 font-weight: lighter; }
8027 .tsi-process-graphic-target.tsi-dark .tooltip .value.visibleValue {
8028 font-weight: bold; }
8029 .tsi-process-graphic-target.tsi-dark .tsi-gridComponent {
8030 z-index: 3 !important; }
8031 .tsi-process-graphic-target.tsi-dark .hHoverValueBar {
8032 stroke-width: 4px; }
8033 .tsi-process-graphic-target.tsi-dark .focus {
8034 display: none; }
8035 .tsi-process-graphic-target.tsi-dark svg {
8036 display: block; }
8037 .tsi-process-graphic-target.tsi-dark .tsi-chartValueTextBox {
8038 background-color: #0d0f0e;
8039 border-color: #62666c; }
8040 .tsi-process-graphic-target.tsi-dark .tsi-baseMono {
8041 background: #1e2223; }
8042
8043.tsi-process-graphic-target.tsi-light {
8044 color: #000;
8045 background-color: #ffffff;
8046 border-color: #136BFB; }
8047 .tsi-process-graphic-target.tsi-light .yAxis path, .tsi-process-graphic-target.tsi-light .xAxis path {
8048 stroke: #000; }
8049 .tsi-process-graphic-target.tsi-light .yAxis .tick text, .tsi-process-graphic-target.tsi-light .xAxis .tick text {
8050 fill: #000; }
8051 .tsi-process-graphic-target.tsi-light .yAxis .tick line, .tsi-process-graphic-target.tsi-light .xAxis .tick line {
8052 stroke: #000; }
8053 @media screen and (-ms-high-contrast: white-on-black) {
8054 .tsi-process-graphic-target.tsi-light .yAxis path, .tsi-process-graphic-target.tsi-light .xAxis path {
8055 stroke: #fff; }
8056 .tsi-process-graphic-target.tsi-light .yAxis .tick text, .tsi-process-graphic-target.tsi-light .xAxis .tick text {
8057 fill: #fff !important; }
8058 .tsi-process-graphic-target.tsi-light .yAxis .tick line, .tsi-process-graphic-target.tsi-light .xAxis .tick line {
8059 stroke: #fff; } }
8060 .tsi-process-graphic-target.tsi-light .vHoverBox, .tsi-process-graphic-target.tsi-light .hHoverBox {
8061 fill: #ffffff;
8062 stroke: #136BFB; }
8063 .tsi-process-graphic-target.tsi-light .tsi-resizeGutter.tsi-isDragging {
8064 background-color: #dcdcdc; }
8065 .tsi-process-graphic-target.tsi-light ::-webkit-scrollbar {
8066 height: 8px;
8067 width: 8px; }
8068 .tsi-process-graphic-target.tsi-light ::-webkit-scrollbar-track {
8069 background: none; }
8070 .tsi-process-graphic-target.tsi-light ::-webkit-scrollbar-thumb {
8071 background: #a6a6a6;
8072 border-radius: 8px; }
8073 .tsi-process-graphic-target.tsi-light ::-webkit-scrollbar-thumb:hover {
8074 background: #a6a6a6; }
8075 .tsi-process-graphic-target.tsi-light ::-webkit-scrollbar-track:hover {
8076 background: #f2f2f2; }
8077 .tsi-process-graphic-target.tsi-light .hHoverText {
8078 text-anchor: middle; }
8079 .tsi-process-graphic-target.tsi-light .vHoverText {
8080 text-anchor: end; }
8081 .tsi-process-graphic-target.tsi-light .hoverText {
8082 stroke: none; }
8083 .tsi-process-graphic-target.tsi-light .hHoverText, .tsi-process-graphic-target.tsi-light .vHoverText {
8084 font-size: 11px !important; }
8085 .tsi-process-graphic-target.tsi-light .hHoverValueBar {
8086 stroke: #000; }
8087 .tsi-process-graphic-target.tsi-light .hoverText {
8088 fill: #000; }
8089 .tsi-process-graphic-target.tsi-light .stacked g path {
8090 fill: #000 !important; }
8091 .tsi-process-graphic-target.tsi-light .tooltip text {
8092 fill: #000; }
8093 .tsi-process-graphic-target.tsi-light .tooltip rect {
8094 fill: #ffffff;
8095 stroke: #136BFB; }
8096 .tsi-process-graphic-target.tsi-light .tsi-primaryButton {
8097 color: #000;
8098 border-color: rgba(0, 0, 0, 0.8);
8099 background-color: #f2f2f2; }
8100 .tsi-process-graphic-target.tsi-light .tsi-primaryButton:hover {
8101 background-color: #b3d6f2; }
8102 .tsi-process-graphic-target.tsi-light .yAxis path, .tsi-process-graphic-target.tsi-light .xAxis path {
8103 stroke-width: 1px !important; }
8104 .tsi-process-graphic-target.tsi-light .yAxis .tick text, .tsi-process-graphic-target.tsi-light .xAxis .tick text {
8105 user-select: none; }
8106 .tsi-process-graphic-target.tsi-light rect, .tsi-process-graphic-target.tsi-light line {
8107 shape-rendering: crispedges; }
8108 .tsi-process-graphic-target.tsi-light .stacked g path {
8109 stroke-width: 1;
8110 pointer-events: all;
8111 stroke: none; }
8112 .tsi-process-graphic-target.tsi-light .stacked rect {
8113 cursor: pointer;
8114 fill: transparent;
8115 stroke-width: 1; }
8116 .tsi-process-graphic-target.tsi-light .tooltip {
8117 pointer-events: none; }
8118 .tsi-process-graphic-target.tsi-light .tooltip text {
8119 alignment-baseline: hanging; }
8120 .tsi-process-graphic-target.tsi-light .tooltip .title {
8121 font-weight: bold;
8122 font-size: 13px; }
8123 .tsi-process-graphic-target.tsi-light .tooltip .value {
8124 font-weight: normal;
8125 font-size: 12px;
8126 font-weight: lighter; }
8127 .tsi-process-graphic-target.tsi-light .tooltip .value.visibleValue {
8128 font-weight: bold; }
8129 .tsi-process-graphic-target.tsi-light .tsi-gridComponent {
8130 z-index: 3 !important; }
8131 .tsi-process-graphic-target.tsi-light .hHoverValueBar {
8132 stroke-width: 4px; }
8133 .tsi-process-graphic-target.tsi-light .focus {
8134 display: none; }
8135 .tsi-process-graphic-target.tsi-light svg {
8136 display: block; }
8137 .tsi-process-graphic-target.tsi-light .tsi-chartValueTextBox {
8138 background-color: #ffffff;
8139 border-color: #b3d6f2; }
8140 .tsi-process-graphic-target.tsi-light .tsi-baseMono {
8141 background: #f2f2f2; }
8142
8143.tsi-process-graphic-container {
8144 display: flex;
8145 align-items: center;
8146 justify-content: center;
8147 overflow: hidden; }
8148
8149.tsi-process-graphic {
8150 position: relative; }
8151
8152.tsi-process-graphic img {
8153 width: 100%;
8154 height: 100%; }
8155
8156.tsi-process-graphic-label {
8157 position: absolute;
8158 border-width: 1px;
8159 border-style: solid;
8160 padding: 8px; }
8161 .tsi-process-graphic-label.clickable {
8162 cursor: pointer; }
8163 .tsi-process-graphic-label.tsi-dark {
8164 color: #fff;
8165 background-color: #0d0f0e;
8166 border-color: #60AAFF; }
8167 .tsi-process-graphic-label.tsi-dark .yAxis path, .tsi-process-graphic-label.tsi-dark .xAxis path {
8168 stroke: #fff; }
8169 .tsi-process-graphic-label.tsi-dark .yAxis .tick text, .tsi-process-graphic-label.tsi-dark .xAxis .tick text {
8170 fill: #fff; }
8171 .tsi-process-graphic-label.tsi-dark .yAxis .tick line, .tsi-process-graphic-label.tsi-dark .xAxis .tick line {
8172 stroke: #fff; }
8173 @media screen and (-ms-high-contrast: white-on-black) {
8174 .tsi-process-graphic-label.tsi-dark .yAxis path, .tsi-process-graphic-label.tsi-dark .xAxis path {
8175 stroke: #fff; }
8176 .tsi-process-graphic-label.tsi-dark .yAxis .tick text, .tsi-process-graphic-label.tsi-dark .xAxis .tick text {
8177 fill: #fff !important; }
8178 .tsi-process-graphic-label.tsi-dark .yAxis .tick line, .tsi-process-graphic-label.tsi-dark .xAxis .tick line {
8179 stroke: #fff; } }
8180 .tsi-process-graphic-label.tsi-dark .vHoverBox, .tsi-process-graphic-label.tsi-dark .hHoverBox {
8181 fill: #0d0f0e;
8182 stroke: #60AAFF; }
8183 .tsi-process-graphic-label.tsi-dark .tsi-resizeGutter.tsi-isDragging {
8184 background-color: #31373e; }
8185 .tsi-process-graphic-label.tsi-dark ::-webkit-scrollbar {
8186 height: 8px;
8187 width: 8px; }
8188 .tsi-process-graphic-label.tsi-dark ::-webkit-scrollbar-track {
8189 background: none; }
8190 .tsi-process-graphic-label.tsi-dark ::-webkit-scrollbar-thumb {
8191 background: #666666;
8192 border-radius: 8px; }
8193 .tsi-process-graphic-label.tsi-dark ::-webkit-scrollbar-thumb:hover {
8194 background: #666666; }
8195 .tsi-process-graphic-label.tsi-dark ::-webkit-scrollbar-track:hover {
8196 background: #1e2223; }
8197 .tsi-process-graphic-label.tsi-dark .hHoverText {
8198 text-anchor: middle; }
8199 .tsi-process-graphic-label.tsi-dark .vHoverText {
8200 text-anchor: end; }
8201 .tsi-process-graphic-label.tsi-dark .hoverText {
8202 stroke: none; }
8203 .tsi-process-graphic-label.tsi-dark .hHoverText, .tsi-process-graphic-label.tsi-dark .vHoverText {
8204 font-size: 11px !important; }
8205 .tsi-process-graphic-label.tsi-dark .hHoverValueBar {
8206 stroke: #fff; }
8207 .tsi-process-graphic-label.tsi-dark .hoverText {
8208 fill: #fff; }
8209 .tsi-process-graphic-label.tsi-dark .stacked g path {
8210 fill: #fff !important; }
8211 .tsi-process-graphic-label.tsi-dark .tooltip text {
8212 fill: #fff; }
8213 .tsi-process-graphic-label.tsi-dark .tooltip rect {
8214 fill: #0d0f0e;
8215 stroke: #60AAFF; }
8216 .tsi-process-graphic-label.tsi-dark .tsi-primaryButton {
8217 color: #fff;
8218 border-color: rgba(255, 255, 255, 0.8);
8219 background-color: #1e2223; }
8220 .tsi-process-graphic-label.tsi-dark .tsi-primaryButton:hover {
8221 background-color: #62666c; }
8222 .tsi-process-graphic-label.tsi-dark .yAxis path, .tsi-process-graphic-label.tsi-dark .xAxis path {
8223 stroke-width: 1px !important; }
8224 .tsi-process-graphic-label.tsi-dark .yAxis .tick text, .tsi-process-graphic-label.tsi-dark .xAxis .tick text {
8225 user-select: none; }
8226 .tsi-process-graphic-label.tsi-dark rect, .tsi-process-graphic-label.tsi-dark line {
8227 shape-rendering: crispedges; }
8228 .tsi-process-graphic-label.tsi-dark .stacked g path {
8229 stroke-width: 1;
8230 pointer-events: all;
8231 stroke: none; }
8232 .tsi-process-graphic-label.tsi-dark .stacked rect {
8233 cursor: pointer;
8234 fill: transparent;
8235 stroke-width: 1; }
8236 .tsi-process-graphic-label.tsi-dark .tooltip {
8237 pointer-events: none; }
8238 .tsi-process-graphic-label.tsi-dark .tooltip text {
8239 alignment-baseline: hanging; }
8240 .tsi-process-graphic-label.tsi-dark .tooltip .title {
8241 font-weight: bold;
8242 font-size: 13px; }
8243 .tsi-process-graphic-label.tsi-dark .tooltip .value {
8244 font-weight: normal;
8245 font-size: 12px;
8246 font-weight: lighter; }
8247 .tsi-process-graphic-label.tsi-dark .tooltip .value.visibleValue {
8248 font-weight: bold; }
8249 .tsi-process-graphic-label.tsi-dark .tsi-gridComponent {
8250 z-index: 3 !important; }
8251 .tsi-process-graphic-label.tsi-dark .hHoverValueBar {
8252 stroke-width: 4px; }
8253 .tsi-process-graphic-label.tsi-dark .focus {
8254 display: none; }
8255 .tsi-process-graphic-label.tsi-dark svg {
8256 display: block; }
8257 .tsi-process-graphic-label.tsi-dark .tsi-chartValueTextBox {
8258 background-color: #0d0f0e;
8259 border-color: #62666c; }
8260 .tsi-process-graphic-label.tsi-dark .tsi-baseMono {
8261 background: #1e2223; }
8262 .tsi-process-graphic-label.tsi-dark.tsi-label-highlight {
8263 animation: border-glow-dark .6s ease-out 0s 1; }
8264 .tsi-process-graphic-label.tsi-light {
8265 color: #000;
8266 background-color: #ffffff;
8267 border-color: #136BFB; }
8268 .tsi-process-graphic-label.tsi-light .yAxis path, .tsi-process-graphic-label.tsi-light .xAxis path {
8269 stroke: #000; }
8270 .tsi-process-graphic-label.tsi-light .yAxis .tick text, .tsi-process-graphic-label.tsi-light .xAxis .tick text {
8271 fill: #000; }
8272 .tsi-process-graphic-label.tsi-light .yAxis .tick line, .tsi-process-graphic-label.tsi-light .xAxis .tick line {
8273 stroke: #000; }
8274 @media screen and (-ms-high-contrast: white-on-black) {
8275 .tsi-process-graphic-label.tsi-light .yAxis path, .tsi-process-graphic-label.tsi-light .xAxis path {
8276 stroke: #fff; }
8277 .tsi-process-graphic-label.tsi-light .yAxis .tick text, .tsi-process-graphic-label.tsi-light .xAxis .tick text {
8278 fill: #fff !important; }
8279 .tsi-process-graphic-label.tsi-light .yAxis .tick line, .tsi-process-graphic-label.tsi-light .xAxis .tick line {
8280 stroke: #fff; } }
8281 .tsi-process-graphic-label.tsi-light .vHoverBox, .tsi-process-graphic-label.tsi-light .hHoverBox {
8282 fill: #ffffff;
8283 stroke: #136BFB; }
8284 .tsi-process-graphic-label.tsi-light .tsi-resizeGutter.tsi-isDragging {
8285 background-color: #dcdcdc; }
8286 .tsi-process-graphic-label.tsi-light ::-webkit-scrollbar {
8287 height: 8px;
8288 width: 8px; }
8289 .tsi-process-graphic-label.tsi-light ::-webkit-scrollbar-track {
8290 background: none; }
8291 .tsi-process-graphic-label.tsi-light ::-webkit-scrollbar-thumb {
8292 background: #a6a6a6;
8293 border-radius: 8px; }
8294 .tsi-process-graphic-label.tsi-light ::-webkit-scrollbar-thumb:hover {
8295 background: #a6a6a6; }
8296 .tsi-process-graphic-label.tsi-light ::-webkit-scrollbar-track:hover {
8297 background: #f2f2f2; }
8298 .tsi-process-graphic-label.tsi-light .hHoverText {
8299 text-anchor: middle; }
8300 .tsi-process-graphic-label.tsi-light .vHoverText {
8301 text-anchor: end; }
8302 .tsi-process-graphic-label.tsi-light .hoverText {
8303 stroke: none; }
8304 .tsi-process-graphic-label.tsi-light .hHoverText, .tsi-process-graphic-label.tsi-light .vHoverText {
8305 font-size: 11px !important; }
8306 .tsi-process-graphic-label.tsi-light .hHoverValueBar {
8307 stroke: #000; }
8308 .tsi-process-graphic-label.tsi-light .hoverText {
8309 fill: #000; }
8310 .tsi-process-graphic-label.tsi-light .stacked g path {
8311 fill: #000 !important; }
8312 .tsi-process-graphic-label.tsi-light .tooltip text {
8313 fill: #000; }
8314 .tsi-process-graphic-label.tsi-light .tooltip rect {
8315 fill: #ffffff;
8316 stroke: #136BFB; }
8317 .tsi-process-graphic-label.tsi-light .tsi-primaryButton {
8318 color: #000;
8319 border-color: rgba(0, 0, 0, 0.8);
8320 background-color: #f2f2f2; }
8321 .tsi-process-graphic-label.tsi-light .tsi-primaryButton:hover {
8322 background-color: #b3d6f2; }
8323 .tsi-process-graphic-label.tsi-light .yAxis path, .tsi-process-graphic-label.tsi-light .xAxis path {
8324 stroke-width: 1px !important; }
8325 .tsi-process-graphic-label.tsi-light .yAxis .tick text, .tsi-process-graphic-label.tsi-light .xAxis .tick text {
8326 user-select: none; }
8327 .tsi-process-graphic-label.tsi-light rect, .tsi-process-graphic-label.tsi-light line {
8328 shape-rendering: crispedges; }
8329 .tsi-process-graphic-label.tsi-light .stacked g path {
8330 stroke-width: 1;
8331 pointer-events: all;
8332 stroke: none; }
8333 .tsi-process-graphic-label.tsi-light .stacked rect {
8334 cursor: pointer;
8335 fill: transparent;
8336 stroke-width: 1; }
8337 .tsi-process-graphic-label.tsi-light .tooltip {
8338 pointer-events: none; }
8339 .tsi-process-graphic-label.tsi-light .tooltip text {
8340 alignment-baseline: hanging; }
8341 .tsi-process-graphic-label.tsi-light .tooltip .title {
8342 font-weight: bold;
8343 font-size: 13px; }
8344 .tsi-process-graphic-label.tsi-light .tooltip .value {
8345 font-weight: normal;
8346 font-size: 12px;
8347 font-weight: lighter; }
8348 .tsi-process-graphic-label.tsi-light .tooltip .value.visibleValue {
8349 font-weight: bold; }
8350 .tsi-process-graphic-label.tsi-light .tsi-gridComponent {
8351 z-index: 3 !important; }
8352 .tsi-process-graphic-label.tsi-light .hHoverValueBar {
8353 stroke-width: 4px; }
8354 .tsi-process-graphic-label.tsi-light .focus {
8355 display: none; }
8356 .tsi-process-graphic-label.tsi-light svg {
8357 display: block; }
8358 .tsi-process-graphic-label.tsi-light .tsi-chartValueTextBox {
8359 background-color: #ffffff;
8360 border-color: #b3d6f2; }
8361 .tsi-process-graphic-label.tsi-light .tsi-baseMono {
8362 background: #f2f2f2; }
8363 .tsi-process-graphic-label.tsi-light.tsi-label-highlight {
8364 animation: border-glow-light .6s ease-out 0s 1; }
8365 .tsi-process-graphic-label .title, .tsi-process-graphic-label .value {
8366 overflow: hidden;
8367 white-space: nowrap; }
8368 .tsi-process-graphic-label .value {
8369 display: flex;
8370 align-items: center;
8371 font-weight: normal;
8372 font-size: 12px; }
8373 .tsi-process-graphic-label .title {
8374 font-weight: bold;
8375 font-size: 13px; }
8376
8377@keyframes border-glow-dark {
8378 from {
8379 box-shadow: 0px 0px 4px 0px white; }
8380 to {
8381 box-shadow: none; } }
8382
8383@keyframes border-glow-light {
8384 from {
8385 box-shadow: 0px 0px 4px 0px #60AAFF; }
8386 to {
8387 box-shadow: none; } }
8388
8389div[class^='tsi-'] {
8390 box-sizing: border-box;
8391 font-family: "Segoe UI", sans-serif; }
8392
8393.tsi-textWrap {
8394 overflow: hidden;
8395 white-space: pre-wrap;
8396 text-overflow: ellipsis;
8397 hyphens: auto;
8398 overflow-wrap: break-word; }
8399
8400.tsi-hidden {
8401 display: none; }
8402
8403@keyframes tsi-slideIn {
8404 from {
8405 transform: translateY(-10px);
8406 opacity: 0; }
8407 to {
8408 transform: translateY(0px);
8409 opacity: 1; } }
8410
8411@keyframes tsi-slideRight {
8412 from {
8413 transform: translateX(-10px);
8414 opacity: 0; }
8415 to {
8416 transform: translateX(0px);
8417 opacity: 1; } }
8418
8419.tsi-resizeGutter {
8420 width: 6px;
8421 cursor: e-resize;
8422 padding: 2px;
8423 background-position-y: 50%;
8424 background-position-x: 0px;
8425 background-repeat: no-repeat; }
8426
8427.tsi-chartValueTextBox {
8428 position: absolute;
8429 white-space: nowrap;
8430 font-size: 11px;
8431 padding: 1px 4px;
8432 border-width: 1px;
8433 border-style: solid;
8434 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
8435 line-height: 16px; }
8436
8437.tsi-baseContextMenu {
8438 white-space: nowrap;
8439 padding: 4px 0;
8440 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
8441 border-width: 1px;
8442 border-radius: 2px;
8443 border-style: solid;
8444 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
8445 text-align: left; }
8446 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
8447 padding: 4px 8px;
8448 font-size: 12px;
8449 cursor: pointer;
8450 height: 28px;
8451 display: flex;
8452 align-items: center;
8453 overflow: hidden; }
8454 .tsi-baseContextMenu .tsi-break {
8455 height: 4px;
8456 margin-top: 4px;
8457 padding: 0 0 4px 0;
8458 cursor: default; }
8459 .tsi-baseContextMenu .tsi-break:last-of-type {
8460 display: none; }
8461
8462.tsi-primaryButton {
8463 height: 36px;
8464 border-radius: 4px;
8465 border-width: 1px;
8466 border-style: solid; }
8467 .tsi-primaryButton.disabled {
8468 cursor: default;
8469 pointer-events: none;
8470 opacity: .5; }
8471
8472.tsi-chartControlsPanel {
8473 height: 20px;
8474 right: 0px;
8475 width: 100px;
8476 position: absolute;
8477 z-index: 2;
8478 pointer-events: none; }
8479 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
8480 pointer-events: all;
8481 left: auto;
8482 right: 20px;
8483 top: 0px;
8484 position: absolute; }
8485 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
8486 pointer-events: all; }
8487 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
8488 z-index: 2 !important; }
8489 .tsi-chartControlsPanel .tsi-stackedButton {
8490 pointer-events: all;
8491 display: block;
8492 background-size: 20px 20px;
8493 background-repeat: no-repeat;
8494 background-position: center;
8495 position: absolute;
8496 height: 100%;
8497 width: 20px;
8498 cursor: pointer;
8499 background-color: transparent;
8500 border: none; }
8501 .tsi-chartControlsPanel .tsi-scooterButton {
8502 display: block;
8503 background-size: 20px 20px;
8504 background-repeat: no-repeat;
8505 background-position: center;
8506 position: absolute;
8507 height: 20px;
8508 width: 20px; }
8509
8510select::-ms-expand {
8511 display: none; }
8512
8513.tsi-select {
8514 margin: 2px;
8515 position: relative;
8516 -webkit-appearance: none;
8517 -moz-appearance: none;
8518 padding: 6px;
8519 padding-right: 28px;
8520 border-width: 1px;
8521 border-radius: 2px;
8522 border-style: solid;
8523 white-space: nowrap;
8524 overflow: hidden;
8525 height: 32px;
8526 background-position-y: 12px;
8527 background-position-x: calc(100% - 4px); }
8528 .tsi-select option {
8529 padding: 6px; }
8530
8531.tsi-warmRect {
8532 fill: #FFA800;
8533 stroke: #FFA800; }
8534
8535.pika-single {
8536 border-bottom: none;
8537 border-left: none;
8538 border-right: none; }
8539 .pika-single .pika-lendar {
8540 text-decoration: none;
8541 width: 196px;
8542 margin-left: 12px;
8543 margin-right: 12px; }
8544 .pika-single .pika-lendar abbr {
8545 text-decoration: none; }
8546 .pika-single .pika-lendar .pika-table .pika-row {
8547 height: 28px;
8548 margin: 0px; }
8549 .pika-single .pika-lendar .pika-table .pika-row td {
8550 padding: 0px; }
8551 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
8552 background-color: #d5ebe9; }
8553 .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 {
8554 background-color: #309d90;
8555 color: white; }
8556 .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 {
8557 background-color: #309d90;
8558 color: white; }
8559 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
8560 border-bottom-left-radius: 8px;
8561 border-top-left-radius: 8px; }
8562 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
8563 border-bottom-right-radius: 8px;
8564 border-top-right-radius: 8px; }
8565 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
8566 width: 100%;
8567 height: 28px;
8568 width: 28px;
8569 margin: 0px; }
8570 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
8571 background-color: #309d90;
8572 color: white; }
8573 .pika-single .pika-lendar .pika-table .pika-button {
8574 border-radius: 0px;
8575 text-align: center; }
8576
8577.tsi-search {
8578 width: 100%;
8579 height: 100%;
8580 display: flex;
8581 flex-shrink: 0;
8582 align-items: center;
8583 position: relative; }
8584 .tsi-search .tsi-search-icon {
8585 width: 21px;
8586 height: 17px;
8587 background-repeat: no-repeat;
8588 margin-left: 8px;
8589 background-size: 14px;
8590 background-position-y: 2px; }
8591 .tsi-search .tsi-searchInput {
8592 position: absolute;
8593 width: 100%;
8594 height: 100%;
8595 padding-left: 28px;
8596 background: transparent;
8597 outline: none;
8598 text-overflow: ellipsis; }
8599
8600.tsi-baseMono {
8601 display: inline-block;
8602 padding: 4px;
8603 border-radius: 3px;
8604 font-family: "Lucida Console", Monaco, monospace;
8605 font-size: 85%;
8606 line-height: 85%;
8607 font-weight: 300; }
8608
8609.tsi-dateTimeContainerSingle.tsi-dark .tsi-dateTimeButton {
8610 background-color: #31373e;
8611 color: #fff; }
8612
8613.tsi-dateTimeContainerSingle.tsi-dark .tsi-dateTimeButton {
8614 background-image: url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2216%22 viewBox%3D%220 0 15 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 7.75781C13.3125 7.97135 13.5924 8.21484 13.8398 8.48828C14.0872 8.76172 14.2969 9.0586 14.4687 9.37891C14.6406 9.69922 14.7721 10.0391 14.8633 10.3984C14.9544 10.7578 15 11.125 15 11.5C15 12.1198 14.8815 12.7031 14.6445 13.25C14.4075 13.7969 14.0859 14.2734 13.6797 14.6797C13.2734 15.0859 12.7969 15.4075 12.25 15.6445C11.7031 15.8815 11.1198 16 10.5 16C10.026 16 9.5677 15.9284 9.12499 15.7851C8.68228 15.6419 8.27473 15.4388 7.90234 15.1758C7.52994 14.9128 7.20182 14.5963 6.91796 14.2266C6.63411 13.8568 6.41406 13.4479 6.25781 13H0V0.999999H2V0H3V0.999999H9.99999V0H11V0.999999H13L13 7.75781ZM0.999989 2V4H12V2H11V3H9.99998V2H2.99999V3H1.99999V2H0.999989ZM5.99999 11.5C5.99999 11.6719 6.0078 11.8385 6.02343 12L0.99999 12V5H12V7.25782C11.5208 7.08594 11.0208 7 10.5 7C10.1614 7 9.82811 7.03777 9.49998 7.11329C9.17186 7.18881 8.85806 7.29818 8.55858 7.44141C8.2591 7.58464 7.97785 7.75912 7.71483 7.96485C7.45181 8.17058 7.21353 8.40625 6.99999 8.67188V8H5.99999V9H6.7578C6.5078 9.375 6.319 9.77344 6.19139 10.1953C6.06379 10.6172 5.99999 11.0521 5.99999 11.5ZM10.5 15C10.9844 15 11.4388 14.9075 11.8633 14.7227C12.2877 14.5378 12.6575 14.2878 12.9726 13.9727C13.2877 13.6575 13.5377 13.2878 13.7226 12.8633C13.9075 12.4388 14 11.9844 14 11.5C14 11.0156 13.9075 10.5612 13.7226 10.1367C13.5377 9.71224 13.2877 9.34245 12.9726 9.02734C12.6575 8.71224 12.2877 8.46224 11.8633 8.27734C11.4388 8.09245 10.9844 8 10.5 8C10.0156 8 9.56118 8.09245 9.1367 8.27734C8.71222 8.46224 8.34243 8.71224 8.02733 9.02734C7.71222 9.34245 7.46222 9.71224 7.27733 10.1367C7.09243 10.5612 6.99998 11.0156 6.99998 11.5C6.99998 11.9844 7.09243 12.4388 7.27733 12.8633C7.46222 13.2878 7.71222 13.6575 8.02733 13.9727C8.34243 14.2878 8.71222 14.5378 9.1367 14.7227C9.56118 14.9075 10.0156 15 10.5 15ZM12.5 11H11V9H9.99998V12H12.5V11ZM1.99999 8H2.99999V9H1.99999V8ZM4.99999 8H3.99999V9H4.99999V8ZM3.99999 6H4.99999V7H3.99999V6ZM2.99999 10H1.99999V11H2.99999V10ZM3.99999 10H4.99999V11H3.99999V10ZM5.99999 7H6.99999V6H5.99999V7ZM8.99998 7H7.99998V6H8.99998V7ZM9.99998 7H11V6H9.99998V7Z%22 fill%3D%22%2360AAFF%22%2F%3E%0D%3C%2Fsvg%3E"); }
8615
8616.tsi-dateTimeContainerSingle.tsi-light .tsi-dateTimeButton {
8617 background-color: #dcdcdc;
8618 color: #000; }
8619
8620.tsi-dateTimeContainerSingle.tsi-light .tsi-dateTimeButton {
8621 background-image: url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2216%22 viewBox%3D%220 0 15 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 7.75781C13.3125 7.97135 13.5924 8.21484 13.8398 8.48828C14.0872 8.76172 14.2969 9.0586 14.4687 9.37891C14.6406 9.69922 14.7721 10.0391 14.8633 10.3984C14.9544 10.7578 15 11.125 15 11.5C15 12.1198 14.8815 12.7031 14.6445 13.25C14.4075 13.7969 14.0859 14.2734 13.6797 14.6797C13.2734 15.0859 12.7969 15.4075 12.25 15.6445C11.7031 15.8815 11.1198 16 10.5 16C10.026 16 9.5677 15.9284 9.12499 15.7851C8.68228 15.6419 8.27473 15.4388 7.90234 15.1758C7.52994 14.9128 7.20182 14.5963 6.91796 14.2266C6.63411 13.8568 6.41406 13.4479 6.25781 13H0V0.999999H2V0H3V0.999999H9.99999V0H11V0.999999H13L13 7.75781ZM0.999989 2V4H12V2H11V3H9.99998V2H2.99999V3H1.99999V2H0.999989ZM5.99999 11.5C5.99999 11.6719 6.0078 11.8385 6.02343 12L0.99999 12V5H12V7.25782C11.5208 7.08594 11.0208 7 10.5 7C10.1614 7 9.82811 7.03777 9.49998 7.11329C9.17186 7.18881 8.85806 7.29818 8.55858 7.44141C8.2591 7.58464 7.97785 7.75912 7.71483 7.96485C7.45181 8.17058 7.21353 8.40625 6.99999 8.67188V8H5.99999V9H6.7578C6.5078 9.375 6.319 9.77344 6.19139 10.1953C6.06379 10.6172 5.99999 11.0521 5.99999 11.5ZM10.5 15C10.9844 15 11.4388 14.9075 11.8633 14.7227C12.2877 14.5378 12.6575 14.2878 12.9726 13.9727C13.2877 13.6575 13.5377 13.2878 13.7226 12.8633C13.9075 12.4388 14 11.9844 14 11.5C14 11.0156 13.9075 10.5612 13.7226 10.1367C13.5377 9.71224 13.2877 9.34245 12.9726 9.02734C12.6575 8.71224 12.2877 8.46224 11.8633 8.27734C11.4388 8.09245 10.9844 8 10.5 8C10.0156 8 9.56118 8.09245 9.1367 8.27734C8.71222 8.46224 8.34243 8.71224 8.02733 9.02734C7.71222 9.34245 7.46222 9.71224 7.27733 10.1367C7.09243 10.5612 6.99998 11.0156 6.99998 11.5C6.99998 11.9844 7.09243 12.4388 7.27733 12.8633C7.46222 13.2878 7.71222 13.6575 8.02733 13.9727C8.34243 14.2878 8.71222 14.5378 9.1367 14.7227C9.56118 14.9075 10.0156 15 10.5 15ZM12.5 11H11V9H9.99998V12H12.5V11ZM1.99999 8H2.99999V9H1.99999V8ZM4.99999 8H3.99999V9H4.99999V8ZM3.99999 6H4.99999V7H3.99999V6ZM2.99999 10H1.99999V11H2.99999V10ZM3.99999 10H4.99999V11H3.99999V10ZM5.99999 7H6.99999V6H5.99999V7ZM8.99998 7H7.99998V6H8.99998V7ZM9.99998 7H11V6H9.99998V7Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E"); }
8622
8623.tsi-dateTimeContainerSingle .tsi-dateTimePickerContainer {
8624 z-index: 1;
8625 position: absolute;
8626 top: 32px; }
8627
8628.tsi-dateTimeContainerSingle .tsi-dateTimeButton {
8629 height: 32px;
8630 border: none;
8631 cursor: pointer;
8632 padding-left: 32px;
8633 padding-right: 8px;
8634 border-radius: 2px;
8635 background-size: 16px 16px;
8636 background-position-y: 8px;
8637 background-position-x: 8px;
8638 background-repeat: no-repeat; }
8639
8640div[class^='tsi-'] {
8641 box-sizing: border-box;
8642 font-family: "Segoe UI", sans-serif; }
8643
8644.tsi-textWrap {
8645 overflow: hidden;
8646 white-space: pre-wrap;
8647 text-overflow: ellipsis;
8648 hyphens: auto;
8649 overflow-wrap: break-word; }
8650
8651.tsi-hidden {
8652 display: none; }
8653
8654@keyframes tsi-slideIn {
8655 from {
8656 transform: translateY(-10px);
8657 opacity: 0; }
8658 to {
8659 transform: translateY(0px);
8660 opacity: 1; } }
8661
8662@keyframes tsi-slideRight {
8663 from {
8664 transform: translateX(-10px);
8665 opacity: 0; }
8666 to {
8667 transform: translateX(0px);
8668 opacity: 1; } }
8669
8670.tsi-resizeGutter {
8671 width: 6px;
8672 cursor: e-resize;
8673 padding: 2px;
8674 background-position-y: 50%;
8675 background-position-x: 0px;
8676 background-repeat: no-repeat; }
8677
8678.tsi-chartValueTextBox {
8679 position: absolute;
8680 white-space: nowrap;
8681 font-size: 11px;
8682 padding: 1px 4px;
8683 border-width: 1px;
8684 border-style: solid;
8685 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
8686 line-height: 16px; }
8687
8688.tsi-baseContextMenu {
8689 white-space: nowrap;
8690 padding: 4px 0;
8691 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
8692 border-width: 1px;
8693 border-radius: 2px;
8694 border-style: solid;
8695 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
8696 text-align: left; }
8697 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
8698 padding: 4px 8px;
8699 font-size: 12px;
8700 cursor: pointer;
8701 height: 28px;
8702 display: flex;
8703 align-items: center;
8704 overflow: hidden; }
8705 .tsi-baseContextMenu .tsi-break {
8706 height: 4px;
8707 margin-top: 4px;
8708 padding: 0 0 4px 0;
8709 cursor: default; }
8710 .tsi-baseContextMenu .tsi-break:last-of-type {
8711 display: none; }
8712
8713.tsi-primaryButton {
8714 height: 36px;
8715 border-radius: 4px;
8716 border-width: 1px;
8717 border-style: solid; }
8718 .tsi-primaryButton.disabled {
8719 cursor: default;
8720 pointer-events: none;
8721 opacity: .5; }
8722
8723.tsi-chartControlsPanel {
8724 height: 20px;
8725 right: 0px;
8726 width: 100px;
8727 position: absolute;
8728 z-index: 2;
8729 pointer-events: none; }
8730 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
8731 pointer-events: all;
8732 left: auto;
8733 right: 20px;
8734 top: 0px;
8735 position: absolute; }
8736 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
8737 pointer-events: all; }
8738 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
8739 z-index: 2 !important; }
8740 .tsi-chartControlsPanel .tsi-stackedButton {
8741 pointer-events: all;
8742 display: block;
8743 background-size: 20px 20px;
8744 background-repeat: no-repeat;
8745 background-position: center;
8746 position: absolute;
8747 height: 100%;
8748 width: 20px;
8749 cursor: pointer;
8750 background-color: transparent;
8751 border: none; }
8752 .tsi-chartControlsPanel .tsi-scooterButton {
8753 display: block;
8754 background-size: 20px 20px;
8755 background-repeat: no-repeat;
8756 background-position: center;
8757 position: absolute;
8758 height: 20px;
8759 width: 20px; }
8760
8761select::-ms-expand {
8762 display: none; }
8763
8764.tsi-select {
8765 margin: 2px;
8766 position: relative;
8767 -webkit-appearance: none;
8768 -moz-appearance: none;
8769 padding: 6px;
8770 padding-right: 28px;
8771 border-width: 1px;
8772 border-radius: 2px;
8773 border-style: solid;
8774 white-space: nowrap;
8775 overflow: hidden;
8776 height: 32px;
8777 background-position-y: 12px;
8778 background-position-x: calc(100% - 4px); }
8779 .tsi-select option {
8780 padding: 6px; }
8781
8782.tsi-warmRect {
8783 fill: #FFA800;
8784 stroke: #FFA800; }
8785
8786.pika-single {
8787 border-bottom: none;
8788 border-left: none;
8789 border-right: none; }
8790 .pika-single .pika-lendar {
8791 text-decoration: none;
8792 width: 196px;
8793 margin-left: 12px;
8794 margin-right: 12px; }
8795 .pika-single .pika-lendar abbr {
8796 text-decoration: none; }
8797 .pika-single .pika-lendar .pika-table .pika-row {
8798 height: 28px;
8799 margin: 0px; }
8800 .pika-single .pika-lendar .pika-table .pika-row td {
8801 padding: 0px; }
8802 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
8803 background-color: #d5ebe9; }
8804 .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 {
8805 background-color: #309d90;
8806 color: white; }
8807 .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 {
8808 background-color: #309d90;
8809 color: white; }
8810 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
8811 border-bottom-left-radius: 8px;
8812 border-top-left-radius: 8px; }
8813 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
8814 border-bottom-right-radius: 8px;
8815 border-top-right-radius: 8px; }
8816 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
8817 width: 100%;
8818 height: 28px;
8819 width: 28px;
8820 margin: 0px; }
8821 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
8822 background-color: #309d90;
8823 color: white; }
8824 .pika-single .pika-lendar .pika-table .pika-button {
8825 border-radius: 0px;
8826 text-align: center; }
8827
8828.tsi-search {
8829 width: 100%;
8830 height: 100%;
8831 display: flex;
8832 flex-shrink: 0;
8833 align-items: center;
8834 position: relative; }
8835 .tsi-search .tsi-search-icon {
8836 width: 21px;
8837 height: 17px;
8838 background-repeat: no-repeat;
8839 margin-left: 8px;
8840 background-size: 14px;
8841 background-position-y: 2px; }
8842 .tsi-search .tsi-searchInput {
8843 position: absolute;
8844 width: 100%;
8845 height: 100%;
8846 padding-left: 28px;
8847 background: transparent;
8848 outline: none;
8849 text-overflow: ellipsis; }
8850
8851.tsi-baseMono {
8852 display: inline-block;
8853 padding: 4px;
8854 border-radius: 3px;
8855 font-family: "Lucida Console", Monaco, monospace;
8856 font-size: 85%;
8857 line-height: 85%;
8858 font-weight: 300; }
8859
8860.tsi-dateTimeContainerRange.tsi-dark {
8861 color: #fff; }
8862 .tsi-dateTimeContainerRange.tsi-dark .tsi-dateTimeButton {
8863 background-color: rgba(49, 55, 62, 0.8) !important;
8864 color: #fff; }
8865 .tsi-dateTimeContainerRange.tsi-dark .tsi-dateTimeButton:hover {
8866 background-color: #31373e !important; }
8867
8868.tsi-dateTimeContainerRange.tsi-light {
8869 color: #000; }
8870 .tsi-dateTimeContainerRange.tsi-light .tsi-dateTimeButton {
8871 background-color: rgba(220, 220, 220, 0.8) !important;
8872 color: #000; }
8873 .tsi-dateTimeContainerRange.tsi-light .tsi-dateTimeButton:hover {
8874 background-color: #dcdcdc !important; }
8875
8876.tsi-dateTimeContainerRange .tsi-dateTimePickerContainer {
8877 z-index: 1;
8878 position: absolute;
8879 top: 8px;
8880 left: 0px; }
8881
8882.tsi-dateTimeContainerRange .tsi-dateTimeButton {
8883 height: 32px;
8884 border: none;
8885 cursor: pointer;
8886 padding-left: 8px;
8887 padding-right: 8px;
8888 border-radius: 2px;
8889 position: absolute;
8890 top: 0;
8891 left: 0;
8892 white-space: nowrap; }
8893
8894div[class^='tsi-'] {
8895 box-sizing: border-box;
8896 font-family: "Segoe UI", sans-serif; }
8897
8898.tsi-textWrap, .tsi-gpgTooltipTitle {
8899 overflow: hidden;
8900 white-space: pre-wrap;
8901 text-overflow: ellipsis;
8902 hyphens: auto;
8903 overflow-wrap: break-word; }
8904
8905.tsi-hidden {
8906 display: none; }
8907
8908@keyframes tsi-slideIn {
8909 from {
8910 transform: translateY(-10px);
8911 opacity: 0; }
8912 to {
8913 transform: translateY(0px);
8914 opacity: 1; } }
8915
8916@keyframes tsi-slideRight {
8917 from {
8918 transform: translateX(-10px);
8919 opacity: 0; }
8920 to {
8921 transform: translateX(0px);
8922 opacity: 1; } }
8923
8924.tsi-resizeGutter {
8925 width: 6px;
8926 cursor: e-resize;
8927 padding: 2px;
8928 background-position-y: 50%;
8929 background-position-x: 0px;
8930 background-repeat: no-repeat; }
8931
8932.tsi-chartValueTextBox {
8933 position: absolute;
8934 white-space: nowrap;
8935 font-size: 11px;
8936 padding: 1px 4px;
8937 border-width: 1px;
8938 border-style: solid;
8939 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
8940 line-height: 16px; }
8941
8942.tsi-baseContextMenu {
8943 white-space: nowrap;
8944 padding: 4px 0;
8945 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
8946 border-width: 1px;
8947 border-radius: 2px;
8948 border-style: solid;
8949 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
8950 text-align: left; }
8951 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
8952 padding: 4px 8px;
8953 font-size: 12px;
8954 cursor: pointer;
8955 height: 28px;
8956 display: flex;
8957 align-items: center;
8958 overflow: hidden; }
8959 .tsi-baseContextMenu .tsi-break {
8960 height: 4px;
8961 margin-top: 4px;
8962 padding: 0 0 4px 0;
8963 cursor: default; }
8964 .tsi-baseContextMenu .tsi-break:last-of-type {
8965 display: none; }
8966
8967.tsi-primaryButton {
8968 height: 36px;
8969 border-radius: 4px;
8970 border-width: 1px;
8971 border-style: solid; }
8972 .tsi-primaryButton.disabled {
8973 cursor: default;
8974 pointer-events: none;
8975 opacity: .5; }
8976
8977.tsi-chartControlsPanel {
8978 height: 20px;
8979 right: 0px;
8980 width: 100px;
8981 position: absolute;
8982 z-index: 2;
8983 pointer-events: none; }
8984 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
8985 pointer-events: all;
8986 left: auto;
8987 right: 20px;
8988 top: 0px;
8989 position: absolute; }
8990 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
8991 pointer-events: all; }
8992 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
8993 z-index: 2 !important; }
8994 .tsi-chartControlsPanel .tsi-stackedButton {
8995 pointer-events: all;
8996 display: block;
8997 background-size: 20px 20px;
8998 background-repeat: no-repeat;
8999 background-position: center;
9000 position: absolute;
9001 height: 100%;
9002 width: 20px;
9003 cursor: pointer;
9004 background-color: transparent;
9005 border: none; }
9006 .tsi-chartControlsPanel .tsi-scooterButton {
9007 display: block;
9008 background-size: 20px 20px;
9009 background-repeat: no-repeat;
9010 background-position: center;
9011 position: absolute;
9012 height: 20px;
9013 width: 20px; }
9014
9015select::-ms-expand {
9016 display: none; }
9017
9018.tsi-select {
9019 margin: 2px;
9020 position: relative;
9021 -webkit-appearance: none;
9022 -moz-appearance: none;
9023 padding: 6px;
9024 padding-right: 28px;
9025 border-width: 1px;
9026 border-radius: 2px;
9027 border-style: solid;
9028 white-space: nowrap;
9029 overflow: hidden;
9030 height: 32px;
9031 background-position-y: 12px;
9032 background-position-x: calc(100% - 4px); }
9033 .tsi-select option {
9034 padding: 6px; }
9035
9036.tsi-warmRect {
9037 fill: #FFA800;
9038 stroke: #FFA800; }
9039
9040.pika-single {
9041 border-bottom: none;
9042 border-left: none;
9043 border-right: none; }
9044 .pika-single .pika-lendar {
9045 text-decoration: none;
9046 width: 196px;
9047 margin-left: 12px;
9048 margin-right: 12px; }
9049 .pika-single .pika-lendar abbr {
9050 text-decoration: none; }
9051 .pika-single .pika-lendar .pika-table .pika-row {
9052 height: 28px;
9053 margin: 0px; }
9054 .pika-single .pika-lendar .pika-table .pika-row td {
9055 padding: 0px; }
9056 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
9057 background-color: #d5ebe9; }
9058 .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 {
9059 background-color: #309d90;
9060 color: white; }
9061 .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 {
9062 background-color: #309d90;
9063 color: white; }
9064 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
9065 border-bottom-left-radius: 8px;
9066 border-top-left-radius: 8px; }
9067 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
9068 border-bottom-right-radius: 8px;
9069 border-top-right-radius: 8px; }
9070 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
9071 width: 100%;
9072 height: 28px;
9073 width: 28px;
9074 margin: 0px; }
9075 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
9076 background-color: #309d90;
9077 color: white; }
9078 .pika-single .pika-lendar .pika-table .pika-button {
9079 border-radius: 0px;
9080 text-align: center; }
9081
9082.tsi-search {
9083 width: 100%;
9084 height: 100%;
9085 display: flex;
9086 flex-shrink: 0;
9087 align-items: center;
9088 position: relative; }
9089 .tsi-search .tsi-search-icon {
9090 width: 21px;
9091 height: 17px;
9092 background-repeat: no-repeat;
9093 margin-left: 8px;
9094 background-size: 14px;
9095 background-position-y: 2px; }
9096 .tsi-search .tsi-searchInput {
9097 position: absolute;
9098 width: 100%;
9099 height: 100%;
9100 padding-left: 28px;
9101 background: transparent;
9102 outline: none;
9103 text-overflow: ellipsis; }
9104
9105.tsi-baseMono {
9106 display: inline-block;
9107 padding: 4px;
9108 border-radius: 3px;
9109 font-family: "Lucida Console", Monaco, monospace;
9110 font-size: 85%;
9111 line-height: 85%;
9112 font-weight: 300; }
9113
9114.tsi-gpgValueTable tr {
9115 border-left-width: 10px;
9116 border-left-style: solid; }
9117 .tsi-gpgValueTable tr:last-of-type {
9118 border-bottom: none; }
9119
9120.tsi-gpgTooltipTitle {
9121 font-weight: bold;
9122 font-size: 13px; }
9123
9124.popup-container {
9125 margin-top: -20px; }
9126
9127.tsi-gpgPopUp {
9128 padding: 10px; }
9129
9130.tsi-gpgTooltip {
9131 pointer-events: none;
9132 border-width: 1px;
9133 border-style: solid;
9134 border-radius: 3px;
9135 display: block; }
9136 .tsi-gpgTooltip .tsi-gpgTooltipInner {
9137 position: relative;
9138 overflow: hidden;
9139 border-radius: 3px;
9140 min-width: 108px;
9141 max-width: 260px;
9142 border-style: solid;
9143 border-color: #2c7bfb;
9144 border-top-width: 0;
9145 border-right-width: 0;
9146 border-bottom-width: 0;
9147 padding: 4px 6px; }
9148 .tsi-gpgTooltip.tsi-dark {
9149 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
9150 border-color: rgba(255, 255, 255, 0.1);
9151 color: #fff;
9152 background-color: #0d0f0e; }
9153 .tsi-gpgTooltip.tsi-dark .yAxis path, .tsi-gpgTooltip.tsi-dark .xAxis path {
9154 stroke: #fff; }
9155 .tsi-gpgTooltip.tsi-dark .yAxis .tick text, .tsi-gpgTooltip.tsi-dark .xAxis .tick text {
9156 fill: #fff; }
9157 .tsi-gpgTooltip.tsi-dark .yAxis .tick line, .tsi-gpgTooltip.tsi-dark .xAxis .tick line {
9158 stroke: #fff; }
9159 @media screen and (-ms-high-contrast: white-on-black) {
9160 .tsi-gpgTooltip.tsi-dark .yAxis path, .tsi-gpgTooltip.tsi-dark .xAxis path {
9161 stroke: #fff; }
9162 .tsi-gpgTooltip.tsi-dark .yAxis .tick text, .tsi-gpgTooltip.tsi-dark .xAxis .tick text {
9163 fill: #fff !important; }
9164 .tsi-gpgTooltip.tsi-dark .yAxis .tick line, .tsi-gpgTooltip.tsi-dark .xAxis .tick line {
9165 stroke: #fff; } }
9166 .tsi-gpgTooltip.tsi-dark .vHoverBox, .tsi-gpgTooltip.tsi-dark .hHoverBox {
9167 fill: #0d0f0e;
9168 stroke: #60AAFF; }
9169 .tsi-gpgTooltip.tsi-dark .tsi-resizeGutter.tsi-isDragging {
9170 background-color: #31373e; }
9171 .tsi-gpgTooltip.tsi-dark ::-webkit-scrollbar {
9172 height: 8px;
9173 width: 8px; }
9174 .tsi-gpgTooltip.tsi-dark ::-webkit-scrollbar-track {
9175 background: none; }
9176 .tsi-gpgTooltip.tsi-dark ::-webkit-scrollbar-thumb {
9177 background: #666666;
9178 border-radius: 8px; }
9179 .tsi-gpgTooltip.tsi-dark ::-webkit-scrollbar-thumb:hover {
9180 background: #666666; }
9181 .tsi-gpgTooltip.tsi-dark ::-webkit-scrollbar-track:hover {
9182 background: #1e2223; }
9183 .tsi-gpgTooltip.tsi-dark .hHoverText {
9184 text-anchor: middle; }
9185 .tsi-gpgTooltip.tsi-dark .vHoverText {
9186 text-anchor: end; }
9187 .tsi-gpgTooltip.tsi-dark .hoverText {
9188 stroke: none; }
9189 .tsi-gpgTooltip.tsi-dark .hHoverText, .tsi-gpgTooltip.tsi-dark .vHoverText {
9190 font-size: 11px !important; }
9191 .tsi-gpgTooltip.tsi-dark .hHoverValueBar {
9192 stroke: #fff; }
9193 .tsi-gpgTooltip.tsi-dark .hoverText {
9194 fill: #fff; }
9195 .tsi-gpgTooltip.tsi-dark .stacked g path {
9196 fill: #fff !important; }
9197 .tsi-gpgTooltip.tsi-dark .tooltip text {
9198 fill: #fff; }
9199 .tsi-gpgTooltip.tsi-dark .tooltip rect {
9200 fill: #0d0f0e;
9201 stroke: #60AAFF; }
9202 .tsi-gpgTooltip.tsi-dark .tsi-primaryButton {
9203 color: #fff;
9204 border-color: rgba(255, 255, 255, 0.8);
9205 background-color: #1e2223; }
9206 .tsi-gpgTooltip.tsi-dark .tsi-primaryButton:hover {
9207 background-color: #62666c; }
9208 .tsi-gpgTooltip.tsi-dark .yAxis path, .tsi-gpgTooltip.tsi-dark .xAxis path {
9209 stroke-width: 1px !important; }
9210 .tsi-gpgTooltip.tsi-dark .yAxis .tick text, .tsi-gpgTooltip.tsi-dark .xAxis .tick text {
9211 user-select: none; }
9212 .tsi-gpgTooltip.tsi-dark rect, .tsi-gpgTooltip.tsi-dark line {
9213 shape-rendering: crispedges; }
9214 .tsi-gpgTooltip.tsi-dark .stacked g path {
9215 stroke-width: 1;
9216 pointer-events: all;
9217 stroke: none; }
9218 .tsi-gpgTooltip.tsi-dark .stacked rect {
9219 cursor: pointer;
9220 fill: transparent;
9221 stroke-width: 1; }
9222 .tsi-gpgTooltip.tsi-dark .tooltip {
9223 pointer-events: none; }
9224 .tsi-gpgTooltip.tsi-dark .tooltip text {
9225 alignment-baseline: hanging; }
9226 .tsi-gpgTooltip.tsi-dark .tooltip .title {
9227 font-weight: bold;
9228 font-size: 13px; }
9229 .tsi-gpgTooltip.tsi-dark .tooltip .value {
9230 font-weight: normal;
9231 font-size: 12px;
9232 font-weight: lighter; }
9233 .tsi-gpgTooltip.tsi-dark .tooltip .value.visibleValue {
9234 font-weight: bold; }
9235 .tsi-gpgTooltip.tsi-dark .tsi-gridComponent {
9236 z-index: 3 !important; }
9237 .tsi-gpgTooltip.tsi-dark .hHoverValueBar {
9238 stroke-width: 4px; }
9239 .tsi-gpgTooltip.tsi-dark .focus {
9240 display: none; }
9241 .tsi-gpgTooltip.tsi-dark svg {
9242 display: block; }
9243 .tsi-gpgTooltip.tsi-dark .tsi-chartValueTextBox {
9244 background-color: #0d0f0e;
9245 border-color: #62666c; }
9246 .tsi-gpgTooltip.tsi-dark .tsi-baseMono {
9247 background: #1e2223; }
9248 .tsi-gpgTooltip.tsi-dark .tsi-gpgValueTable tr {
9249 border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
9250 .tsi-gpgTooltip.tsi-light {
9251 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
9252 border-color: rgba(0, 0, 0, 0.1);
9253 color: #000;
9254 background-color: #ffffff; }
9255 .tsi-gpgTooltip.tsi-light .yAxis path, .tsi-gpgTooltip.tsi-light .xAxis path {
9256 stroke: #000; }
9257 .tsi-gpgTooltip.tsi-light .yAxis .tick text, .tsi-gpgTooltip.tsi-light .xAxis .tick text {
9258 fill: #000; }
9259 .tsi-gpgTooltip.tsi-light .yAxis .tick line, .tsi-gpgTooltip.tsi-light .xAxis .tick line {
9260 stroke: #000; }
9261 @media screen and (-ms-high-contrast: white-on-black) {
9262 .tsi-gpgTooltip.tsi-light .yAxis path, .tsi-gpgTooltip.tsi-light .xAxis path {
9263 stroke: #fff; }
9264 .tsi-gpgTooltip.tsi-light .yAxis .tick text, .tsi-gpgTooltip.tsi-light .xAxis .tick text {
9265 fill: #fff !important; }
9266 .tsi-gpgTooltip.tsi-light .yAxis .tick line, .tsi-gpgTooltip.tsi-light .xAxis .tick line {
9267 stroke: #fff; } }
9268 .tsi-gpgTooltip.tsi-light .vHoverBox, .tsi-gpgTooltip.tsi-light .hHoverBox {
9269 fill: #ffffff;
9270 stroke: #136BFB; }
9271 .tsi-gpgTooltip.tsi-light .tsi-resizeGutter.tsi-isDragging {
9272 background-color: #dcdcdc; }
9273 .tsi-gpgTooltip.tsi-light ::-webkit-scrollbar {
9274 height: 8px;
9275 width: 8px; }
9276 .tsi-gpgTooltip.tsi-light ::-webkit-scrollbar-track {
9277 background: none; }
9278 .tsi-gpgTooltip.tsi-light ::-webkit-scrollbar-thumb {
9279 background: #a6a6a6;
9280 border-radius: 8px; }
9281 .tsi-gpgTooltip.tsi-light ::-webkit-scrollbar-thumb:hover {
9282 background: #a6a6a6; }
9283 .tsi-gpgTooltip.tsi-light ::-webkit-scrollbar-track:hover {
9284 background: #f2f2f2; }
9285 .tsi-gpgTooltip.tsi-light .hHoverText {
9286 text-anchor: middle; }
9287 .tsi-gpgTooltip.tsi-light .vHoverText {
9288 text-anchor: end; }
9289 .tsi-gpgTooltip.tsi-light .hoverText {
9290 stroke: none; }
9291 .tsi-gpgTooltip.tsi-light .hHoverText, .tsi-gpgTooltip.tsi-light .vHoverText {
9292 font-size: 11px !important; }
9293 .tsi-gpgTooltip.tsi-light .hHoverValueBar {
9294 stroke: #000; }
9295 .tsi-gpgTooltip.tsi-light .hoverText {
9296 fill: #000; }
9297 .tsi-gpgTooltip.tsi-light .stacked g path {
9298 fill: #000 !important; }
9299 .tsi-gpgTooltip.tsi-light .tooltip text {
9300 fill: #000; }
9301 .tsi-gpgTooltip.tsi-light .tooltip rect {
9302 fill: #ffffff;
9303 stroke: #136BFB; }
9304 .tsi-gpgTooltip.tsi-light .tsi-primaryButton {
9305 color: #000;
9306 border-color: rgba(0, 0, 0, 0.8);
9307 background-color: #f2f2f2; }
9308 .tsi-gpgTooltip.tsi-light .tsi-primaryButton:hover {
9309 background-color: #b3d6f2; }
9310 .tsi-gpgTooltip.tsi-light .yAxis path, .tsi-gpgTooltip.tsi-light .xAxis path {
9311 stroke-width: 1px !important; }
9312 .tsi-gpgTooltip.tsi-light .yAxis .tick text, .tsi-gpgTooltip.tsi-light .xAxis .tick text {
9313 user-select: none; }
9314 .tsi-gpgTooltip.tsi-light rect, .tsi-gpgTooltip.tsi-light line {
9315 shape-rendering: crispedges; }
9316 .tsi-gpgTooltip.tsi-light .stacked g path {
9317 stroke-width: 1;
9318 pointer-events: all;
9319 stroke: none; }
9320 .tsi-gpgTooltip.tsi-light .stacked rect {
9321 cursor: pointer;
9322 fill: transparent;
9323 stroke-width: 1; }
9324 .tsi-gpgTooltip.tsi-light .tooltip {
9325 pointer-events: none; }
9326 .tsi-gpgTooltip.tsi-light .tooltip text {
9327 alignment-baseline: hanging; }
9328 .tsi-gpgTooltip.tsi-light .tooltip .title {
9329 font-weight: bold;
9330 font-size: 13px; }
9331 .tsi-gpgTooltip.tsi-light .tooltip .value {
9332 font-weight: normal;
9333 font-size: 12px;
9334 font-weight: lighter; }
9335 .tsi-gpgTooltip.tsi-light .tooltip .value.visibleValue {
9336 font-weight: bold; }
9337 .tsi-gpgTooltip.tsi-light .tsi-gridComponent {
9338 z-index: 3 !important; }
9339 .tsi-gpgTooltip.tsi-light .hHoverValueBar {
9340 stroke-width: 4px; }
9341 .tsi-gpgTooltip.tsi-light .focus {
9342 display: none; }
9343 .tsi-gpgTooltip.tsi-light svg {
9344 display: block; }
9345 .tsi-gpgTooltip.tsi-light .tsi-chartValueTextBox {
9346 background-color: #ffffff;
9347 border-color: #b3d6f2; }
9348 .tsi-gpgTooltip.tsi-light .tsi-baseMono {
9349 background: #f2f2f2; }
9350 .tsi-gpgTooltip.tsi-light .tsi-gpgValueTable tr {
9351 border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
9352 .tsi-gpgTooltip .tsi-gpgTooltipValues {
9353 font-size: 12px; }
9354 .tsi-gpgTooltip .tsi-gpgTooltipTable {
9355 border-collapse: collapse;
9356 margin: 8px 0 4px;
9357 width: 236px;
9358 overflow: hidden;
9359 table-layout: fixed; }
9360 .tsi-gpgTooltip .tsi-gpgTooltipTable tr td {
9361 margin: 0px;
9362 padding: 4px; }
9363 .tsi-gpgTooltip .tsi-gpgTooltipTable tr td.tsi-gpgValueCell {
9364 text-align: right; }
9365
9366.tsi-gpgcircleImage {
9367 width: 40px;
9368 border: 2px solid #855a19;
9369 border-radius: 50%; }
9370
9371.tsi-geoprocess-graphic img {
9372 width: 60px;
9373 height: 60px; }
9374
9375div[class^='tsi-'] {
9376 box-sizing: border-box;
9377 font-family: "Segoe UI", sans-serif; }
9378
9379.tsi-textWrap {
9380 overflow: hidden;
9381 white-space: pre-wrap;
9382 text-overflow: ellipsis;
9383 hyphens: auto;
9384 overflow-wrap: break-word; }
9385
9386.tsi-hidden {
9387 display: none; }
9388
9389@keyframes tsi-slideIn {
9390 from {
9391 transform: translateY(-10px);
9392 opacity: 0; }
9393 to {
9394 transform: translateY(0px);
9395 opacity: 1; } }
9396
9397@keyframes tsi-slideRight {
9398 from {
9399 transform: translateX(-10px);
9400 opacity: 0; }
9401 to {
9402 transform: translateX(0px);
9403 opacity: 1; } }
9404
9405.tsi-resizeGutter {
9406 width: 6px;
9407 cursor: e-resize;
9408 padding: 2px;
9409 background-position-y: 50%;
9410 background-position-x: 0px;
9411 background-repeat: no-repeat; }
9412
9413.tsi-chartValueTextBox {
9414 position: absolute;
9415 white-space: nowrap;
9416 font-size: 11px;
9417 padding: 1px 4px;
9418 border-width: 1px;
9419 border-style: solid;
9420 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
9421 line-height: 16px; }
9422
9423.tsi-baseContextMenu {
9424 white-space: nowrap;
9425 padding: 4px 0;
9426 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
9427 border-width: 1px;
9428 border-radius: 2px;
9429 border-style: solid;
9430 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
9431 text-align: left; }
9432 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
9433 padding: 4px 8px;
9434 font-size: 12px;
9435 cursor: pointer;
9436 height: 28px;
9437 display: flex;
9438 align-items: center;
9439 overflow: hidden; }
9440 .tsi-baseContextMenu .tsi-break {
9441 height: 4px;
9442 margin-top: 4px;
9443 padding: 0 0 4px 0;
9444 cursor: default; }
9445 .tsi-baseContextMenu .tsi-break:last-of-type {
9446 display: none; }
9447
9448.tsi-primaryButton {
9449 height: 36px;
9450 border-radius: 4px;
9451 border-width: 1px;
9452 border-style: solid; }
9453 .tsi-primaryButton.disabled {
9454 cursor: default;
9455 pointer-events: none;
9456 opacity: .5; }
9457
9458.tsi-chartControlsPanel {
9459 height: 20px;
9460 right: 0px;
9461 width: 100px;
9462 position: absolute;
9463 z-index: 2;
9464 pointer-events: none; }
9465 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
9466 pointer-events: all;
9467 left: auto;
9468 right: 20px;
9469 top: 0px;
9470 position: absolute; }
9471 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
9472 pointer-events: all; }
9473 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
9474 z-index: 2 !important; }
9475 .tsi-chartControlsPanel .tsi-stackedButton {
9476 pointer-events: all;
9477 display: block;
9478 background-size: 20px 20px;
9479 background-repeat: no-repeat;
9480 background-position: center;
9481 position: absolute;
9482 height: 100%;
9483 width: 20px;
9484 cursor: pointer;
9485 background-color: transparent;
9486 border: none; }
9487 .tsi-chartControlsPanel .tsi-scooterButton {
9488 display: block;
9489 background-size: 20px 20px;
9490 background-repeat: no-repeat;
9491 background-position: center;
9492 position: absolute;
9493 height: 20px;
9494 width: 20px; }
9495
9496select::-ms-expand {
9497 display: none; }
9498
9499.tsi-select {
9500 margin: 2px;
9501 position: relative;
9502 -webkit-appearance: none;
9503 -moz-appearance: none;
9504 padding: 6px;
9505 padding-right: 28px;
9506 border-width: 1px;
9507 border-radius: 2px;
9508 border-style: solid;
9509 white-space: nowrap;
9510 overflow: hidden;
9511 height: 32px;
9512 background-position-y: 12px;
9513 background-position-x: calc(100% - 4px); }
9514 .tsi-select option {
9515 padding: 6px; }
9516
9517.tsi-warmRect {
9518 fill: #FFA800;
9519 stroke: #FFA800; }
9520
9521.pika-single {
9522 border-bottom: none;
9523 border-left: none;
9524 border-right: none; }
9525 .pika-single .pika-lendar {
9526 text-decoration: none;
9527 width: 196px;
9528 margin-left: 12px;
9529 margin-right: 12px; }
9530 .pika-single .pika-lendar abbr {
9531 text-decoration: none; }
9532 .pika-single .pika-lendar .pika-table .pika-row {
9533 height: 28px;
9534 margin: 0px; }
9535 .pika-single .pika-lendar .pika-table .pika-row td {
9536 padding: 0px; }
9537 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
9538 background-color: #d5ebe9; }
9539 .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 {
9540 background-color: #309d90;
9541 color: white; }
9542 .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 {
9543 background-color: #309d90;
9544 color: white; }
9545 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
9546 border-bottom-left-radius: 8px;
9547 border-top-left-radius: 8px; }
9548 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
9549 border-bottom-right-radius: 8px;
9550 border-top-right-radius: 8px; }
9551 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
9552 width: 100%;
9553 height: 28px;
9554 width: 28px;
9555 margin: 0px; }
9556 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
9557 background-color: #309d90;
9558 color: white; }
9559 .pika-single .pika-lendar .pika-table .pika-button {
9560 border-radius: 0px;
9561 text-align: center; }
9562
9563.tsi-search {
9564 width: 100%;
9565 height: 100%;
9566 display: flex;
9567 flex-shrink: 0;
9568 align-items: center;
9569 position: relative; }
9570 .tsi-search .tsi-search-icon {
9571 width: 21px;
9572 height: 17px;
9573 background-repeat: no-repeat;
9574 margin-left: 8px;
9575 background-size: 14px;
9576 background-position-y: 2px; }
9577 .tsi-search .tsi-searchInput {
9578 position: absolute;
9579 width: 100%;
9580 height: 100%;
9581 padding-left: 28px;
9582 background: transparent;
9583 outline: none;
9584 text-overflow: ellipsis; }
9585
9586.tsi-baseMono {
9587 display: inline-block;
9588 padding: 4px;
9589 border-radius: 3px;
9590 font-family: "Lucida Console", Monaco, monospace;
9591 font-size: 85%;
9592 line-height: 85%;
9593 font-weight: 300; }
9594
9595.tsi-colorPicker {
9596 max-width: 200px; }
9597 .tsi-colorPicker.tsi-light {
9598 color: #000;
9599 background: #ffffff; }
9600 .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
9601 background: #ffffff;
9602 border: 1px solid #dcdcdc;
9603 color: #000; }
9604 .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
9605 background-color: #f2f2f2;
9606 cursor: pointer; }
9607 .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
9608 box-shadow: 0px 4px 4px #dcdcdc; }
9609 .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
9610 box-shadow: 0px 0px 5px -1px #000; }
9611 .tsi-colorPicker.tsi-light .tsi-noColor {
9612 background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important; }
9613 .tsi-colorPicker.tsi-dark {
9614 color: #fff;
9615 background: #0d0f0e; }
9616 .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
9617 background: #0d0f0e;
9618 border: 1px solid #31373e;
9619 color: #fff; }
9620 .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
9621 background-color: #1e2223;
9622 cursor: pointer; }
9623 .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
9624 box-shadow: 0px 4px 4px #31373e; }
9625 .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
9626 box-shadow: 0px 0px 5px -1px #fff; }
9627 .tsi-colorPicker.tsi-dark .tsi-noColor {
9628 background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important; }
9629 .tsi-colorPicker .tsi-colorPickerButton {
9630 width: 100%;
9631 padding: 4px;
9632 display: flex;
9633 align-items: center; }
9634 .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
9635 width: 24px;
9636 height: 24px; }
9637 .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
9638 background-repeat: no-repeat;
9639 background-position: center; }
9640 .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
9641 padding-left: 4px;
9642 text-overflow: ellipsis;
9643 overflow: hidden;
9644 white-space: nowrap; }
9645 .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
9646 display: none; }
9647 .tsi-colorPicker .tsi-colorGrid {
9648 width: 200px;
9649 display: flex;
9650 flex-direction: row;
9651 flex-wrap: wrap;
9652 display: none;
9653 padding: 12px 8px 12px 12px;
9654 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
9655 animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
9656 border-radius: 2px; }
9657 .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
9658 display: contents; }
9659 .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
9660 width: 32px;
9661 height: 32px;
9662 margin-right: 4px;
9663 margin-bottom: 4px;
9664 cursor: pointer; }
9665 .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
9666 background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
9667 background-size: 70%;
9668 background-repeat: no-repeat;
9669 background-position: center; }
9670
9671div[class^='tsi-'] {
9672 box-sizing: border-box;
9673 font-family: "Segoe UI", sans-serif; }
9674
9675.tsi-textWrap {
9676 overflow: hidden;
9677 white-space: pre-wrap;
9678 text-overflow: ellipsis;
9679 hyphens: auto;
9680 overflow-wrap: break-word; }
9681
9682.tsi-hidden {
9683 display: none; }
9684
9685@keyframes tsi-slideIn {
9686 from {
9687 transform: translateY(-10px);
9688 opacity: 0; }
9689 to {
9690 transform: translateY(0px);
9691 opacity: 1; } }
9692
9693@keyframes tsi-slideRight {
9694 from {
9695 transform: translateX(-10px);
9696 opacity: 0; }
9697 to {
9698 transform: translateX(0px);
9699 opacity: 1; } }
9700
9701.tsi-resizeGutter {
9702 width: 6px;
9703 cursor: e-resize;
9704 padding: 2px;
9705 background-position-y: 50%;
9706 background-position-x: 0px;
9707 background-repeat: no-repeat; }
9708
9709.tsi-chartValueTextBox {
9710 position: absolute;
9711 white-space: nowrap;
9712 font-size: 11px;
9713 padding: 1px 4px;
9714 border-width: 1px;
9715 border-style: solid;
9716 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
9717 line-height: 16px; }
9718
9719.tsi-baseContextMenu, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu {
9720 white-space: nowrap;
9721 padding: 4px 0;
9722 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
9723 border-width: 1px;
9724 border-radius: 2px;
9725 border-style: solid;
9726 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
9727 text-align: left; }
9728 .tsi-baseContextMenu > div, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu > div, .tsi-baseContextMenu > li, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu > li, .tsi-baseContextMenu > button, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu > button {
9729 padding: 4px 8px;
9730 font-size: 12px;
9731 cursor: pointer;
9732 height: 28px;
9733 display: flex;
9734 align-items: center;
9735 overflow: hidden; }
9736 .tsi-baseContextMenu .tsi-break, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-break {
9737 height: 4px;
9738 margin-top: 4px;
9739 padding: 0 0 4px 0;
9740 cursor: default; }
9741 .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-break:last-of-type {
9742 display: none; }
9743
9744.tsi-primaryButton {
9745 height: 36px;
9746 border-radius: 4px;
9747 border-width: 1px;
9748 border-style: solid; }
9749 .tsi-primaryButton.disabled {
9750 cursor: default;
9751 pointer-events: none;
9752 opacity: .5; }
9753
9754.tsi-chartControlsPanel {
9755 height: 20px;
9756 right: 0px;
9757 width: 100px;
9758 position: absolute;
9759 z-index: 2;
9760 pointer-events: none; }
9761 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
9762 pointer-events: all;
9763 left: auto;
9764 right: 20px;
9765 top: 0px;
9766 position: absolute; }
9767 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
9768 pointer-events: all; }
9769 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
9770 z-index: 2 !important; }
9771 .tsi-chartControlsPanel .tsi-stackedButton {
9772 pointer-events: all;
9773 display: block;
9774 background-size: 20px 20px;
9775 background-repeat: no-repeat;
9776 background-position: center;
9777 position: absolute;
9778 height: 100%;
9779 width: 20px;
9780 cursor: pointer;
9781 background-color: transparent;
9782 border: none; }
9783 .tsi-chartControlsPanel .tsi-scooterButton {
9784 display: block;
9785 background-size: 20px 20px;
9786 background-repeat: no-repeat;
9787 background-position: center;
9788 position: absolute;
9789 height: 20px;
9790 width: 20px; }
9791
9792select::-ms-expand {
9793 display: none; }
9794
9795.tsi-select {
9796 margin: 2px;
9797 position: relative;
9798 -webkit-appearance: none;
9799 -moz-appearance: none;
9800 padding: 6px;
9801 padding-right: 28px;
9802 border-width: 1px;
9803 border-radius: 2px;
9804 border-style: solid;
9805 white-space: nowrap;
9806 overflow: hidden;
9807 height: 32px;
9808 background-position-y: 12px;
9809 background-position-x: calc(100% - 4px); }
9810 .tsi-select option {
9811 padding: 6px; }
9812
9813.tsi-warmRect {
9814 fill: #FFA800;
9815 stroke: #FFA800; }
9816
9817.pika-single {
9818 border-bottom: none;
9819 border-left: none;
9820 border-right: none; }
9821 .pika-single .pika-lendar {
9822 text-decoration: none;
9823 width: 196px;
9824 margin-left: 12px;
9825 margin-right: 12px; }
9826 .pika-single .pika-lendar abbr {
9827 text-decoration: none; }
9828 .pika-single .pika-lendar .pika-table .pika-row {
9829 height: 28px;
9830 margin: 0px; }
9831 .pika-single .pika-lendar .pika-table .pika-row td {
9832 padding: 0px; }
9833 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
9834 background-color: #d5ebe9; }
9835 .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 {
9836 background-color: #309d90;
9837 color: white; }
9838 .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 {
9839 background-color: #309d90;
9840 color: white; }
9841 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
9842 border-bottom-left-radius: 8px;
9843 border-top-left-radius: 8px; }
9844 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
9845 border-bottom-right-radius: 8px;
9846 border-top-right-radius: 8px; }
9847 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
9848 width: 100%;
9849 height: 28px;
9850 width: 28px;
9851 margin: 0px; }
9852 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
9853 background-color: #309d90;
9854 color: white; }
9855 .pika-single .pika-lendar .pika-table .pika-button {
9856 border-radius: 0px;
9857 text-align: center; }
9858
9859.tsi-search {
9860 width: 100%;
9861 height: 100%;
9862 display: flex;
9863 flex-shrink: 0;
9864 align-items: center;
9865 position: relative; }
9866 .tsi-search .tsi-search-icon {
9867 width: 21px;
9868 height: 17px;
9869 background-repeat: no-repeat;
9870 margin-left: 8px;
9871 background-size: 14px;
9872 background-position-y: 2px; }
9873 .tsi-search .tsi-searchInput {
9874 position: absolute;
9875 width: 100%;
9876 height: 100%;
9877 padding-left: 28px;
9878 background: transparent;
9879 outline: none;
9880 text-overflow: ellipsis; }
9881
9882.tsi-baseMono {
9883 display: inline-block;
9884 padding: 4px;
9885 border-radius: 3px;
9886 font-family: "Lucida Console", Monaco, monospace;
9887 font-size: 85%;
9888 line-height: 85%;
9889 font-weight: 300; }
9890
9891.tsi-hierarchy-nav-wrapper {
9892 width: 100%;
9893 height: 100%;
9894 display: flex;
9895 flex-direction: column; }
9896 .tsi-hierarchy-nav-wrapper.tsi-dark {
9897 color: #fff;
9898 background: #0d0f0e; }
9899 .tsi-hierarchy-nav-wrapper.tsi-dark hit {
9900 background: #fff9a8;
9901 font-weight: 600;
9902 color: black; }
9903 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-show-more {
9904 color: #60AAFF; }
9905 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-or-list-wrapper li .tsi-hierarchyItem:hover {
9906 cursor: default;
9907 background: #1e2223; }
9908 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-or-list-wrapper li .tsi-hierarchyItem:focus {
9909 outline: none;
9910 background: #1e2223; }
9911 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-or-list-wrapper li.tsi-resultSelected {
9912 background-color: transparent; }
9913 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-or-list-wrapper li.tsi-resultSelected .tsi-hierarchyItem {
9914 background: #62666c; }
9915 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-nav-tab.tsi-selected {
9916 border-bottom: 2px solid #fff !important; }
9917 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-modelResultWrapper {
9918 border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
9919 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-modelResultWrapper:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-modelResultWrapper:focus {
9920 background-color: #1e2223;
9921 outline: none; }
9922 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-modelResultWrapper:hover::after, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-modelResultWrapper:focus::after {
9923 content: "";
9924 position: absolute;
9925 width: 14px;
9926 height: 14px;
9927 top: 8px;
9928 left: calc(100% - 20px);
9929 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
9930 transform: rotate(-90deg); }
9931 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-modelResultWrapper.tsi-selected {
9932 background-color: #62666c; }
9933 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu li:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu li:focus {
9934 background: #1e2223;
9935 outline: none; }
9936 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-leaf.tsi-selected {
9937 background: #62666c; }
9938 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-leaf.tsi-selected .tsi-hierarchyItem:hover {
9939 background: #62666c; }
9940 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-filter-clear:focus {
9941 outline: 1px solid #60AAFF; }
9942 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select {
9943 background: #0d0f0e;
9944 border: 1px solid #31373e;
9945 color: #fff; }
9946 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select:hover {
9947 background-color: #1e2223; }
9948 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select:focus {
9949 box-shadow: 0px 4px 4px #31373e; }
9950 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper {
9951 background: #0d0f0e;
9952 box-shadow: 0px 4px 4px #31373e; }
9953 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li {
9954 background: #0d0f0e; }
9955 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li:focus {
9956 background-color: #1e2223 !important; }
9957 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li.selected {
9958 background-color: #31373e; }
9959 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-filter-path .tsi-path:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-filter-path .tsi-path:focus {
9960 background-color: #31373e; }
9961 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-search .tsi-view-type {
9962 outline: 1px solid #31373e; }
9963 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-search .tsi-view-type.selected {
9964 background-color: #62666c; }
9965 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchy-search .tsi-view-type:focus {
9966 outline: 1px solid #60AAFF;
9967 z-index: 2; }
9968 .tsi-hierarchy-nav-wrapper.tsi-dark a {
9969 color: #60AAFF; }
9970 .tsi-hierarchy-nav-wrapper.tsi-dark a:hover, .tsi-hierarchy-nav-wrapper.tsi-dark a:focus {
9971 outline: none;
9972 text-decoration: underline; }
9973 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu {
9974 border-color: #60AAFF;
9975 background-color: #0d0f0e;
9976 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16); }
9977 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu > div:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu > div:focus {
9978 background-color: #62666c; }
9979 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu .tsi-break {
9980 border-top: 1px solid rgba(96, 170, 255, 0.2); }
9981 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu .tsi-break:hover, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyNavigationContextMenu .tsi-break:focus {
9982 background-color: #0d0f0e; }
9983 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-searchInput {
9984 border: 1px solid #31373e; }
9985 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-searchInput:focus {
9986 border: 1px solid #60AAFF; }
9987 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-baseMono {
9988 background: #1e2223; }
9989 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-hierarchyCheckbox.tsi-notSelected {
9990 background: #0d0f0e !important;
9991 border: 1px solid rgba(255, 255, 255, 0.2); }
9992 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-notFound, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-noResults {
9993 border-bottom: 1px solid #31373e; }
9994 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-notFound.border-top, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-noResults.border-top {
9995 border-top: 1px solid #31373e; }
9996 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-caret-icon, .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-down-caret-icon {
9997 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(255%2C255%2C255%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23FFF%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
9998 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-pin-icon {
9999 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg clip-path%3D%22url(%23clip0)%22%3E%0D%3Cpath d%3D%22M15.55 5.39C15.38 5.56 15.21 5.72 15.04 5.86C14.8876 6.00152 14.7199 6.12562 14.54 6.23C14.3562 6.32882 14.1616 6.406 13.96 6.46C13.7341 6.5148 13.5024 6.54167 13.27 6.54C13.1004 6.55574 12.9296 6.55574 12.76 6.54L9.76 9.54C9.82062 9.74057 9.87069 9.94419 9.91 10.15C9.92492 10.3597 9.92492 10.5703 9.91 10.78C9.91468 11.0896 9.88109 11.3986 9.81 11.7C9.74663 11.9712 9.64919 12.2333 9.52 12.48C9.39153 12.7311 9.23377 12.9661 9.05 13.18C8.85818 13.4167 8.65459 13.6437 8.44 13.86L5.44 10.86L1.06 15.2L0 15.55L0.35 14.48L4.8 10.05L1.8 7.05L2.15 6.7C2.51405 6.34401 2.94137 6.05913 3.41 5.86C3.87977 5.66796 4.3825 5.56945 4.89 5.57C5.30479 5.57051 5.71676 5.63805 6.11 5.77L9.11 2.77C9.09437 2.60036 9.09437 2.42964 9.11 2.26C9.10986 2.02768 9.13671 1.79613 9.19 1.57C9.20601 1.37479 9.24979 1.18285 9.32 1C9.42489 0.82296 9.54537 0.65563 9.68 0.5C9.83 0.34 9.98 0.17 10.16 0L15.55 5.39ZM13.27 5.54C13.5519 5.53769 13.8294 5.46918 14.08 5.34L10.21 1.47C10.0794 1.72007 10.0108 1.99787 10.01 2.28C10.0057 2.41842 10.0226 2.55668 10.06 2.69C10.06 2.82 10.13 2.95 10.17 3.09L6.33 6.92L6 6.77L5.66 6.66C5.5423 6.62386 5.42193 6.59711 5.3 6.58C5.17022 6.56933 5.03978 6.56933 4.91 6.58C4.60342 6.56898 4.29687 6.60267 4 6.68C3.72766 6.77205 3.46873 6.89984 3.23 7.06L8.48 12.32C8.64924 12.0815 8.78078 11.8185 8.87 11.54C8.9578 11.2653 9.00167 10.9784 9 10.69C9.01027 10.5569 9.01027 10.4231 9 10.29C8.98289 10.1681 8.95614 10.0477 8.92 9.93C8.88896 9.8137 8.84884 9.70002 8.8 9.59C8.7569 9.46398 8.70682 9.34046 8.65 9.22L12.49 5.38L12.89 5.49C13.0144 5.52094 13.1419 5.53771 13.27 5.54Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fg%3E%0D%3Cdefs%3E%0D%3CclipPath id%3D%22clip0%22%3E%0D%3Crect width%3D%2215.55%22 height%3D%2215.55%22 fill%3D%22white%22%2F%3E%0D%3C%2FclipPath%3E%0D%3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D"); }
10000 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-close-icon {
10001 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
10002 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-tree-icon {
10003 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M15 10H13V7H8V5H7V7H2V10H0V15H5V10H3V8H12V10H10V15H15V10ZM1 11H4V14H1V11ZM14 11H11V14H14V11Z%22 fill%3D%22%23fff%22%2F%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M9 1H6V4H9V1ZM5 0V5H10V0H5Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10004 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-list-icon {
10005 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2215%22 viewBox%3D%220 0 16 15%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0 3V0H3V3H0ZM0 7V4H3V7H0ZM0 11V8H3V11H0ZM0 15V12H3V15H0ZM1 1V2H2V1H1ZM1 5V6H2V5H1ZM1 9V10H2V9H1ZM1 13V14H2V13H1ZM5 1H16V2H5V1ZM5 6V5H14V6H5ZM12 9V10H5V9H12ZM5 14V13H14V14H5Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10006 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-filter-icon {
10007 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M16 0V1.7L10 7.7V14H6V7.7L0 1.7V0H16ZM15 1H1V1.3L7 7.3V13H9V7.3L15 1.3V1Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10008 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-spinner-icon {
10009 background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2214%22 viewBox%3D%220 0 13 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.55245 12.7955C5.35165 13.6532 2.06163 11.7537 1.20398 8.55291C0.34633 5.35211 2.24583 2.06209 5.44662 1.20444C8.64742 0.346788 11.9374 2.24628 12.7951 5.44708C13.6527 8.64788 11.7532 11.9379 8.55245 12.7955ZM8.29331 11.8284C10.96 11.1139 12.5425 8.37289 11.828 5.70622C11.1134 3.03955 8.37243 1.45703 5.70576 2.17156C3.03909 2.88609 1.45657 5.6271 2.17111 8.29377C2.88564 10.9604 5.62664 12.543 8.29331 11.8284Z%22 fill%3D%22%23C7E0F4%22%2F%3E%0D%3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%2214%22 height%3D%2214%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.55245 12.7955C5.35165 13.6532 2.06163 11.7537 1.20398 8.55291C0.34633 5.35211 2.24583 2.06209 5.44662 1.20444C8.64742 0.346788 11.9374 2.24628 12.7951 5.44708C13.6527 8.64788 11.7532 11.9379 8.55245 12.7955ZM8.29331 11.8284C10.96 11.1139 12.5425 8.37289 11.828 5.70622C11.1134 3.03955 8.37243 1.45703 5.70576 2.17156C3.03909 2.88609 1.45657 5.6271 2.17111 8.29377C2.88564 10.9604 5.62664 12.543 8.29331 11.8284Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fmask%3E%0D%3Cg mask%3D%22url(%23mask0)%22%3E%0D%3Crect x%3D%229.91211%22 y%3D%22-3.86667%22 width%3D%2212%22 height%3D%2212%22 transform%3D%22rotate(15 9.91211 -3.86667)%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
10010 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-search-icon {
10011 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10012 .tsi-hierarchy-nav-wrapper.tsi-dark .tsi-clear {
10013 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
10014 .tsi-hierarchy-nav-wrapper.tsi-light {
10015 color: #000;
10016 background: #ffffff; }
10017 .tsi-hierarchy-nav-wrapper.tsi-light hit {
10018 background: #fff9a8;
10019 font-weight: 600;
10020 color: black; }
10021 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-show-more {
10022 color: #136BFB; }
10023 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-or-list-wrapper li .tsi-hierarchyItem:hover {
10024 cursor: default;
10025 background: #f2f2f2; }
10026 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-or-list-wrapper li .tsi-hierarchyItem:focus {
10027 outline: none;
10028 background: #f2f2f2; }
10029 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-or-list-wrapper li.tsi-resultSelected {
10030 background-color: transparent; }
10031 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-or-list-wrapper li.tsi-resultSelected .tsi-hierarchyItem {
10032 background: #b3d6f2; }
10033 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-nav-tab.tsi-selected {
10034 border-bottom: 2px solid #000 !important; }
10035 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-modelResultWrapper {
10036 border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
10037 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-modelResultWrapper:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-modelResultWrapper:focus {
10038 background-color: #f2f2f2;
10039 outline: none; }
10040 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-modelResultWrapper:hover::after, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-modelResultWrapper:focus::after {
10041 content: "";
10042 position: absolute;
10043 width: 14px;
10044 height: 14px;
10045 top: 8px;
10046 left: calc(100% - 20px);
10047 background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
10048 transform: rotate(-90deg); }
10049 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-modelResultWrapper.tsi-selected {
10050 background-color: #b3d6f2; }
10051 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu li:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu li:focus {
10052 background: #f2f2f2;
10053 outline: none; }
10054 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-leaf.tsi-selected {
10055 background: #b3d6f2; }
10056 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-leaf.tsi-selected .tsi-hierarchyItem:hover {
10057 background: #b3d6f2; }
10058 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-filter-clear:focus {
10059 outline: 1px solid #136BFB; }
10060 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select {
10061 background: #ffffff;
10062 border: 1px solid #dcdcdc;
10063 color: #000; }
10064 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select:hover {
10065 background-color: #f2f2f2; }
10066 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select:focus {
10067 box-shadow: 0px 4px 4px #dcdcdc; }
10068 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper {
10069 background: #ffffff;
10070 box-shadow: 0px 4px 4px #dcdcdc; }
10071 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li {
10072 background: #ffffff; }
10073 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li:focus {
10074 background-color: #f2f2f2 !important; }
10075 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper li.selected {
10076 background-color: #dcdcdc; }
10077 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-filter-path .tsi-path:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-filter-path .tsi-path:focus {
10078 background-color: #dcdcdc; }
10079 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-search .tsi-view-type {
10080 outline: 1px solid #dcdcdc; }
10081 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-search .tsi-view-type.selected {
10082 background-color: #b3d6f2; }
10083 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchy-search .tsi-view-type:focus {
10084 outline: 1px solid #136BFB;
10085 z-index: 2; }
10086 .tsi-hierarchy-nav-wrapper.tsi-light a {
10087 color: #136BFB; }
10088 .tsi-hierarchy-nav-wrapper.tsi-light a:hover, .tsi-hierarchy-nav-wrapper.tsi-light a:focus {
10089 outline: none;
10090 text-decoration: underline; }
10091 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseContextMenu, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu {
10092 border-color: #136BFB;
10093 background-color: #ffffff;
10094 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
10095 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu > div:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu > div:focus {
10096 background-color: #b3d6f2; }
10097 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu .tsi-break {
10098 border-top: 1px solid rgba(19, 107, 251, 0.2); }
10099 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu .tsi-break:hover, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyNavigationContextMenu .tsi-break:focus {
10100 background-color: #ffffff; }
10101 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-searchInput {
10102 border: 1px solid #dcdcdc; }
10103 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-searchInput:focus {
10104 border: 1px solid #136BFB; }
10105 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-baseMono {
10106 background: #f2f2f2; }
10107 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-hierarchyCheckbox.tsi-notSelected {
10108 background: #ffffff !important;
10109 border: 1px solid rgba(0, 0, 0, 0.2); }
10110 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-notFound, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-noResults {
10111 border-bottom: 1px solid #dcdcdc; }
10112 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-notFound.border-top, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-noResults.border-top {
10113 border-top: 1px solid #dcdcdc; }
10114 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-caret-icon, .tsi-hierarchy-nav-wrapper.tsi-light .tsi-down-caret-icon {
10115 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23000%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
10116 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-pin-icon {
10117 background-image: url("data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%2211%22 viewBox%3D%220 0 11 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M10.6435 4.14849C10.7596 4.04715 10.8784 3.93568 11 3.81407L7.18593 0C7.06432 0.121608 6.95285 0.240452 6.85151 0.356533C6.75017 0.472613 6.66449 0.5933 6.59447 0.718593C6.52446 0.843887 6.4701 0.979314 6.43141 1.12488C6.39271 1.27044 6.37337 1.4335 6.37337 1.61407C6.37337 1.73937 6.38442 1.85913 6.40653 1.97337L4.31156 4.06835C4.03517 3.97622 3.7459 3.93016 3.44372 3.93016C3.07889 3.93016 2.72973 3.99833 2.39623 4.13468C2.06273 4.27103 1.767 4.46818 1.50904 4.72613L1.2603 4.97488L3.39397 7.10855L0.248744 10.2482L0 11L0.75176 10.7513L3.89146 7.60604L6.02513 9.73971C6.18728 9.57756 6.33284 9.41818 6.46182 9.26157C6.59079 9.10495 6.70043 8.94004 6.79071 8.76684C6.88099 8.59364 6.95009 8.40939 6.998 8.21408C7.0459 8.01877 7.06986 7.80135 7.06986 7.56181C7.06986 7.41441 7.0588 7.26701 7.03669 7.1196C7.01458 6.9722 6.97957 6.82848 6.93167 6.68845L9.02664 4.59347C9.14088 4.61558 9.26065 4.62663 9.38594 4.62663C9.5702 4.62663 9.7351 4.60729 9.88066 4.56859C10.0262 4.5299 10.1607 4.47554 10.2842 4.40553C10.4076 4.33551 10.5274 4.24983 10.6435 4.14849ZM9.96082 3.77539C9.78025 3.8712 9.58862 3.91911 9.38594 3.91911C9.28276 3.91911 9.18603 3.90713 9.09574 3.88318C9.00546 3.85923 8.91241 3.83251 8.8166 3.80303L6.10253 6.52263C6.13938 6.61475 6.17439 6.70135 6.20755 6.78243C6.24072 6.8635 6.26928 6.94549 6.29323 7.02841C6.31718 7.11132 6.33561 7.19608 6.34851 7.28268C6.3614 7.36928 6.36785 7.46232 6.36785 7.56182C6.36785 7.76819 6.33653 7.96994 6.27388 8.1671C6.21124 8.36425 6.12095 8.54758 6.00303 8.7171L2.28293 4.99699C2.45244 4.87907 2.63577 4.78971 2.83293 4.7289C3.03008 4.6681 3.23368 4.6377 3.44373 4.6377C3.54323 4.6377 3.63628 4.64415 3.72288 4.65705C3.80947 4.66994 3.89331 4.68745 3.97438 4.70956C4.05545 4.73167 4.13653 4.75931 4.2176 4.79247C4.29867 4.82564 4.38527 4.86065 4.4774 4.8975L7.197 2.18343C7.16752 2.08761 7.1408 1.99457 7.11685 1.90428C7.09289 1.814 7.08092 1.71726 7.08092 1.61408C7.08092 1.4114 7.12882 1.21977 7.22464 1.0392L9.96082 3.77539Z%22 fill%3D%22black%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10118 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-close-icon {
10119 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
10120 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-tree-icon {
10121 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M15 10H13V7H8V5H7V7H2V10H0V15H5V10H3V8H12V10H10V15H15V10ZM1 11H4V14H1V11ZM14 11H11V14H14V11Z%22 fill%3D%22%233A3A3A%22%2F%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M9 1H6V4H9V1ZM5 0V5H10V0H5Z%22 fill%3D%22%233A3A3A%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10122 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-list-icon {
10123 background-image: url("data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M0.453125 3V0H3.52209V3H0.453125ZM0.453125 7V4H3.52209V7H0.453125ZM0.453125 11V8H3.52209V11H0.453125ZM0.453125 15V12H3.52209V15H0.453125ZM1.47611 1V2H2.4991V1H1.47611ZM1.47611 5V6H2.4991V5H1.47611ZM1.47611 9V10H2.4991V9H1.47611ZM1.47611 13V14H2.4991V13H1.47611ZM5.56807 1H16.8209V2H5.56807V1ZM5.56807 6V5H14.775V6H5.56807ZM12.729 9V10H5.56807V9H12.729ZM5.56807 14V13H14.775V14H5.56807Z%22 fill%3D%22%23212121%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10124 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-filter-icon {
10125 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M16 0V1.7L10 7.7V14H6V7.7L0 1.7V0H16ZM15 1H1V1.3L7 7.3V13H9V7.3L15 1.3V1Z%22 fill%3D%22black%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10126 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-spinner-icon {
10127 background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2214%22 viewBox%3D%220 0 13 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.55245 12.7955C5.35165 13.6532 2.06163 11.7537 1.20398 8.55291C0.34633 5.35211 2.24583 2.06209 5.44662 1.20444C8.64742 0.346788 11.9374 2.24628 12.7951 5.44708C13.6527 8.64788 11.7532 11.9379 8.55245 12.7955ZM8.29331 11.8284C10.96 11.1139 12.5425 8.37289 11.828 5.70622C11.1134 3.03955 8.37243 1.45703 5.70576 2.17156C3.03909 2.88609 1.45657 5.6271 2.17111 8.29377C2.88564 10.9604 5.62664 12.543 8.29331 11.8284Z%22 fill%3D%22%23C7E0F4%22%2F%3E%0D%3Cmask id%3D%22mask0%22 mask-type%3D%22alpha%22 maskUnits%3D%22userSpaceOnUse%22 x%3D%220%22 y%3D%220%22 width%3D%2214%22 height%3D%2214%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8.55245 12.7955C5.35165 13.6532 2.06163 11.7537 1.20398 8.55291C0.34633 5.35211 2.24583 2.06209 5.44662 1.20444C8.64742 0.346788 11.9374 2.24628 12.7951 5.44708C13.6527 8.64788 11.7532 11.9379 8.55245 12.7955ZM8.29331 11.8284C10.96 11.1139 12.5425 8.37289 11.828 5.70622C11.1134 3.03955 8.37243 1.45703 5.70576 2.17156C3.03909 2.88609 1.45657 5.6271 2.17111 8.29377C2.88564 10.9604 5.62664 12.543 8.29331 11.8284Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fmask%3E%0D%3Cg mask%3D%22url(%23mask0)%22%3E%0D%3Crect x%3D%229.91211%22 y%3D%22-3.86667%22 width%3D%2212%22 height%3D%2212%22 transform%3D%22rotate(15 9.91211 -3.86667)%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
10128 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-search-icon {
10129 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10130 .tsi-hierarchy-nav-wrapper.tsi-light .tsi-clear {
10131 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
10132 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper {
10133 padding: 20px 20px 8px;
10134 flex-direction: column;
10135 display: flex;
10136 z-index: 3;
10137 position: relative; }
10138 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select {
10139 display: flex;
10140 align-items: center;
10141 width: 100%;
10142 padding: 0 8px;
10143 box-sizing: border-box;
10144 border-radius: 2px;
10145 height: 32px;
10146 cursor: pointer; }
10147 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-select .tsi-hierarchy-name {
10148 font-size: 14px;
10149 overflow: hidden;
10150 text-overflow: ellipsis;
10151 white-space: nowrap;
10152 width: calc(100% - 10px);
10153 padding-right: 8px;
10154 text-align: left; }
10155 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper {
10156 display: none;
10157 z-index: 3;
10158 position: absolute;
10159 width: calc(100% - 40px);
10160 top: 53px; }
10161 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper ul {
10162 font-size: 14px; }
10163 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper ul li {
10164 padding: 8px;
10165 outline: none; }
10166 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper ul li:hover {
10167 cursor: pointer; }
10168 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-selection-wrapper .tsi-hierarchy-list-wrapper ul li:focus {
10169 z-index: 2; }
10170 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search {
10171 display: flex;
10172 align-items: center;
10173 padding: 0px 20px;
10174 flex-direction: row; }
10175 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search ul {
10176 z-index: 2 !important; }
10177 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search .tsi-view-types {
10178 display: none;
10179 flex-direction: row;
10180 animation: fade-in .2s ease-in-out; }
10181 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search .tsi-view-types .tsi-view-type {
10182 width: 32px;
10183 height: 32px;
10184 padding: 8px;
10185 margin-left: 1px;
10186 align-items: center;
10187 cursor: pointer; }
10188 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search .tsi-view-types .tsi-view-type .tsi-tree-icon {
10189 display: inline-block; }
10190 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search .tsi-view-types .tsi-view-type .tsi-list-icon {
10191 display: inline-block; }
10192 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search .tsi-modelAutocompleteWrapper {
10193 position: relative;
10194 display: inline-flex;
10195 flex-grow: 1; }
10196 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-search .tsi-modelAutocompleteWrapper .tsi-clear {
10197 right: 4px !important;
10198 left: unset !important;
10199 margin-top: 0px !important; }
10200 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper {
10201 display: flex;
10202 height: 0px;
10203 transform: scaleY(0);
10204 transform-origin: top;
10205 transition: transform 0.2s ease-out;
10206 opacity: 0.5; }
10207 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper.visible {
10208 height: 24px;
10209 transform: scaleY(1);
10210 padding: 0px 20px;
10211 margin-top: 4px; }
10212 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path {
10213 display: flex;
10214 width: 100%;
10215 align-items: center;
10216 flex-direction: row;
10217 padding: 0; }
10218 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-filter-icon {
10219 width: 12px;
10220 height: 10px;
10221 cursor: auto;
10222 margin-right: 4px; }
10223 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-path-list {
10224 display: flex;
10225 align-items: center;
10226 max-width: calc(100% - 36px); }
10227 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-path-list .tsi-path {
10228 font-size: 12px;
10229 text-overflow: ellipsis;
10230 white-space: nowrap;
10231 overflow: hidden;
10232 padding: 4px;
10233 border-radius: 4px;
10234 cursor: pointer;
10235 outline: none; }
10236 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-path-list .tsi-path:first-child, .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-path-list .tsi-path:last-child {
10237 min-width: 32px; }
10238 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-path-list .tsi-path:first-child {
10239 padding-left: 0; }
10240 .tsi-hierarchy-nav-wrapper .tsi-filter-path-wrapper .tsi-filter-path .tsi-filter-clear {
10241 width: 12px !important;
10242 height: 12px !important;
10243 margin-left: auto;
10244 display: none;
10245 cursor: pointer; }
10246 .tsi-hierarchy-nav-wrapper .tsi-instance-lookup-loading {
10247 display: none;
10248 animation: fade-in .2s ease-in-out;
10249 padding: 8px 18px 0px;
10250 align-items: center;
10251 width: 100%; }
10252 .tsi-hierarchy-nav-wrapper .tsi-instance-lookup-loading .tsi-spinner-icon {
10253 width: 12px;
10254 height: 12px;
10255 display: inline-block;
10256 margin-right: 8px;
10257 animation: rotating 2s linear infinite; }
10258 .tsi-hierarchy-nav-wrapper .tsi-instance-lookup-loading .tsi-lookup-instance {
10259 width: 100%;
10260 text-overflow: ellipsis;
10261 overflow: hidden;
10262 font-size: 13px;
10263 white-space: nowrap; }
10264 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper {
10265 width: 100%;
10266 display: flex;
10267 flex-grow: 1;
10268 flex-direction: column;
10269 min-height: 0px;
10270 padding-top: 8px;
10271 position: relative; }
10272 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-hierarchy {
10273 width: 100%;
10274 overflow-y: auto;
10275 padding-bottom: 20px; }
10276 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list {
10277 overflow-y: auto;
10278 width: 100%;
10279 display: none; }
10280 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper {
10281 cursor: pointer;
10282 position: relative;
10283 max-height: 206px;
10284 overflow: hidden;
10285 animation: fade-in .2s ease-in-out; }
10286 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult {
10287 pointer-events: none;
10288 padding: 8px 20px; }
10289 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
10290 font-weight: 600;
10291 font-size: 14px;
10292 text-overflow: ellipsis;
10293 overflow: hidden;
10294 white-space: nowrap; }
10295 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
10296 font-size: 12px;
10297 padding-top: 2px;
10298 padding-left: 8px;
10299 padding-bottom: 2px; }
10300 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
10301 border-spacing: 0;
10302 margin-top: 2px; }
10303 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td {
10304 padding: 0;
10305 vertical-align: top; }
10306 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
10307 opacity: .6; }
10308 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
10309 padding-left: 8px; }
10310 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-list .tsi-show-more {
10311 text-align: center !important;
10312 padding: 8px; }
10313 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-show-more {
10314 font-size: 14px; }
10315 .tsi-hierarchy-nav-wrapper .tsi-hierarchy-or-list-wrapper .tsi-show-more span {
10316 cursor: pointer !important; }
10317 .tsi-hierarchy-nav-wrapper .tsi-notFound, .tsi-hierarchy-nav-wrapper .tsi-noResults {
10318 display: flex;
10319 align-items: center;
10320 margin: 4px 20px;
10321 padding: 4px 0px;
10322 animation: fade-in .2s ease-in-out; }
10323 .tsi-hierarchy-nav-wrapper .tsi-notFound .tsi-not-found-message, .tsi-hierarchy-nav-wrapper .tsi-noResults .tsi-not-found-message {
10324 width: calc(100% - 12px);
10325 padding-right: 4px;
10326 font-size: 12px;
10327 line-height: 17px; }
10328 .tsi-hierarchy-nav-wrapper .tsi-notFound .tsi-not-found-message .tsi-search-globally-link, .tsi-hierarchy-nav-wrapper .tsi-noResults .tsi-not-found-message .tsi-search-globally-link {
10329 padding-left: 4px;
10330 cursor: pointer; }
10331 .tsi-hierarchy-nav-wrapper .tsi-notFound .tsi-clear, .tsi-hierarchy-nav-wrapper .tsi-noResults .tsi-clear {
10332 width: 12px;
10333 height: 12px;
10334 cursor: pointer;
10335 display: inline-block;
10336 background-size: contain;
10337 background-repeat: no-repeat; }
10338 .tsi-hierarchy-nav-wrapper .tsi-filter-icon {
10339 z-index: 3 !important;
10340 right: 20px;
10341 position: absolute;
10342 visibility: hidden;
10343 height: 16px;
10344 width: 16px;
10345 cursor: pointer;
10346 background-repeat: no-repeat;
10347 background-size: 11px;
10348 background-position: center;
10349 top: 6px; }
10350 .tsi-hierarchy-nav-wrapper .tsi-down-caret-icon {
10351 height: 14px;
10352 width: 14px;
10353 background-repeat: no-repeat;
10354 background-size: contain;
10355 transform: rotate(90deg); }
10356 .tsi-hierarchy-nav-wrapper .tsi-close-icon, .tsi-hierarchy-nav-wrapper .tsi-list-icon, .tsi-hierarchy-nav-wrapper .tsi-tree-icon {
10357 cursor: pointer;
10358 height: 16px;
10359 width: 16px;
10360 background-repeat: no-repeat;
10361 background-size: contain; }
10362 .tsi-hierarchy-nav-wrapper ul {
10363 list-style: none;
10364 padding: 0;
10365 margin: 0;
10366 width: 100%; }
10367 .tsi-hierarchy-nav-wrapper ul.tsi-noPad {
10368 padding: 8px 20px;
10369 margin: 0;
10370 overflow: auto;
10371 height: 100%; }
10372 .tsi-hierarchy-nav-wrapper li {
10373 position: relative;
10374 animation: fade-in .2s ease-in-out; }
10375 .tsi-hierarchy-nav-wrapper li .tsi-caret-icon {
10376 position: absolute;
10377 display: block;
10378 height: 10px;
10379 width: 10px;
10380 cursor: pointer;
10381 z-index: 1;
10382 background-size: 10px;
10383 background-repeat: no-repeat;
10384 top: 11px;
10385 background-position: 50%;
10386 transition: all .2s ease;
10387 pointer-events: none;
10388 transform: rotate(0deg); }
10389 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem {
10390 display: flex;
10391 flex-wrap: wrap;
10392 position: relative;
10393 margin: 0;
10394 min-height: 28px;
10395 font-size: 14px;
10396 align-items: center;
10397 padding-right: 40px;
10398 cursor: pointer !important; }
10399 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-name {
10400 text-overflow: ellipsis;
10401 overflow: hidden;
10402 white-space: nowrap;
10403 max-width: calc(100% - 26px); }
10404 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-instanceCount {
10405 opacity: .6;
10406 padding-left: 8px;
10407 font-size: 11px;
10408 position: relative;
10409 top: 1px; }
10410 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-highlights-detail {
10411 font-weight: 400;
10412 font-size: 12px;
10413 padding-top: 2px;
10414 padding-left: 8px;
10415 padding-bottom: 2px;
10416 display: none;
10417 width: 100%; }
10418 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-highlights-detail table {
10419 margin: 2px;
10420 table-layout: fixed;
10421 width: 100%; }
10422 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-highlights-detail table tr td {
10423 padding: 0;
10424 vertical-align: top;
10425 white-space: nowrap;
10426 text-overflow: ellipsis;
10427 overflow: hidden; }
10428 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-highlights-detail table tr td:first-of-type {
10429 opacity: .6; }
10430 .tsi-hierarchy-nav-wrapper li .tsi-hierarchyItem .tsi-highlights-detail table tr td:nth-of-type(2) {
10431 padding-left: 8px; }
10432 .tsi-hierarchy-nav-wrapper li.tsi-expanded > .tsi-hierarchyItem > .tsi-caret-icon {
10433 content: '';
10434 cursor: pointer;
10435 transform: rotate(90deg); }
10436 .tsi-hierarchy-nav-wrapper li.tsi-leaf {
10437 font-weight: 600; }
10438 .tsi-hierarchy-nav-wrapper .tsi-noBefore .tsi-caret-icon {
10439 content: '' !important; }
10440 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu {
10441 border: none;
10442 position: absolute;
10443 width: 172px;
10444 left: calc(100% - 32px);
10445 top: 0px;
10446 z-index: 4;
10447 transition: top .2s ease-in-out;
10448 display: flex;
10449 flex-direction: column; }
10450 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-search {
10451 height: 32px;
10452 padding: 0;
10453 margin: 4px 8px 8px;
10454 width: calc(100% - 16px); }
10455 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-search:focus, .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-search:hover {
10456 background-color: unset !important; }
10457 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu ul {
10458 padding: 0;
10459 margin: 0;
10460 overflow-y: auto;
10461 max-width: 200px;
10462 max-height: 240px; }
10463 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu li {
10464 font-size: 12px;
10465 cursor: pointer;
10466 height: 28px;
10467 display: flex;
10468 align-items: center;
10469 overflow: hidden; }
10470 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu button {
10471 text-align: center;
10472 margin: 12px 8px 4px;
10473 display: block;
10474 min-height: 28px; }
10475 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper {
10476 display: flex;
10477 align-items: center;
10478 width: 100%;
10479 padding: 4px 8px;
10480 cursor: pointer; }
10481 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper .tsi-hierarchyCheckbox {
10482 display: inline-block;
10483 width: 16px;
10484 height: 16px;
10485 margin: 0;
10486 background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 14 14%22%3E%0D %3Cg transform%3D%22translate(-160 -223)%22%3E%0D %3Cpath style%3D%22fill%3A %230077ff%3B stroke%3A %230077ff%22 class%3D%22tsiIconCbBg%22 d%3D%22M2%2C0H12a2%2C2%2C0%2C0%2C1%2C2%2C2V12a2%2C2%2C0%2C0%2C1-2%2C2H2a2%2C2%2C0%2C0%2C1-2-2V2A2%2C2%2C0%2C0%2C1%2C2%2C0Z%22 transform%3D%22translate(160 223)%22 %2F%3E%0D %3Cpath style%3D%22fill%3A %23f8f8f8%22 class%3D%22tsiIconCbCheck%22 d%3D%22M10.764-8.736%2C4.5-2.467%2C1.236-5.736l.527-.527L4.5-3.533l5.736-5.73Z%22 transform%3D%22translate(161 236)%22 %2F%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
10487 background-size: contain;
10488 background-repeat: no-repeat; }
10489 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper .tsi-selectionItemKind {
10490 width: 16px;
10491 height: 16px;
10492 background-size: contain;
10493 background-repeat: no-repeat;
10494 flex-shrink: 0; }
10495 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper .tsi-selectionItemKind.categorical {
10496 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0 1.52588e-05H1.06667V16H0V1.52588e-05ZM11.7333 7.00002H2.13333V3.00002H11.7333V7.00002ZM3.2 4.00002H10.6667V6.00002H3.2V4.00002ZM16 9.00002V13H2.13333V9.00002H16ZM3.2 10H14.9333V12H3.2V10Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10497 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper .tsi-selectionItemKind.aggregate {
10498 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M12 5.5V4H4L7 8L4 12H12V10.5H13V13H3V12L6 8L3 4V3H13V5.5H12Z%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10499 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper .tsi-selectionItemKind.numeric {
10500 background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect x%3D%223%22 y%3D%225.98511%22 width%3D%2211%22 height%3D%220.996277%22 fill%3D%22%23136BFB%22%2F%3E%0D%3Crect width%3D%2212.0511%22 height%3D%220.999846%22 transform%3D%22matrix(0.204104 -0.978949 0.979251 0.202649 3.77746 13.7974)%22 fill%3D%22%23136BFB%22%2F%3E%0D%3Crect width%3D%2212.0511%22 height%3D%220.999846%22 transform%3D%22matrix(0.204104 -0.978949 0.979251 0.202649 8 13.7974)%22 fill%3D%22%23136BFB%22%2F%3E%0D%3Crect x%3D%222%22 y%3D%228.97394%22 width%3D%2211%22 height%3D%220.996277%22 fill%3D%22%23136BFB%22%2F%3E%0D%3C%2Fsvg%3E%0D"); }
10501 .tsi-hierarchy-nav-wrapper .tsi-hierarchyNavigationContextMenu .tsi-selectionItemWrapper .tsi-selectionItem {
10502 text-overflow: ellipsis;
10503 overflow: hidden;
10504 white-space: nowrap;
10505 width: calc(100% - 40px);
10506 margin: 0 8px;
10507 padding-left: 2px; }
10508 .tsi-hierarchy-nav-wrapper .tsi-hitCount {
10509 display: none; }
10510
10511@keyframes fade-in {
10512 0% {
10513 opacity: 0; }
10514 100% {
10515 opacity: 1; } }
10516
10517@keyframes rotating {
10518 from {
10519 transform: rotate(0deg); }
10520 to {
10521 transform: rotate(360deg); } }
10522
10523div[class^='tsi-'] {
10524 box-sizing: border-box;
10525 font-family: "Segoe UI", sans-serif; }
10526
10527.tsi-textWrap, .tsi-tooltipTitle, .tsi-tooltipSubtitle, .tsi-tooltipAttrTitle, .tsi-tooltipAttrValue, .tsi-valueLabel, .tsi-valueCell, .tsi-tooltipMeasureTitle {
10528 overflow: hidden;
10529 white-space: pre-wrap;
10530 text-overflow: ellipsis;
10531 hyphens: auto;
10532 overflow-wrap: break-word; }
10533
10534.tsi-hidden {
10535 display: none; }
10536
10537@keyframes tsi-slideIn {
10538 from {
10539 transform: translateY(-10px);
10540 opacity: 0; }
10541 to {
10542 transform: translateY(0px);
10543 opacity: 1; } }
10544
10545@keyframes tsi-slideRight {
10546 from {
10547 transform: translateX(-10px);
10548 opacity: 0; }
10549 to {
10550 transform: translateX(0px);
10551 opacity: 1; } }
10552
10553.tsi-resizeGutter {
10554 width: 6px;
10555 cursor: e-resize;
10556 padding: 2px;
10557 background-position-y: 50%;
10558 background-position-x: 0px;
10559 background-repeat: no-repeat; }
10560
10561.tsi-chartValueTextBox {
10562 position: absolute;
10563 white-space: nowrap;
10564 font-size: 11px;
10565 padding: 1px 4px;
10566 border-width: 1px;
10567 border-style: solid;
10568 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
10569 line-height: 16px; }
10570
10571.tsi-baseContextMenu {
10572 white-space: nowrap;
10573 padding: 4px 0;
10574 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
10575 border-width: 1px;
10576 border-radius: 2px;
10577 border-style: solid;
10578 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
10579 text-align: left; }
10580 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
10581 padding: 4px 8px;
10582 font-size: 12px;
10583 cursor: pointer;
10584 height: 28px;
10585 display: flex;
10586 align-items: center;
10587 overflow: hidden; }
10588 .tsi-baseContextMenu .tsi-break {
10589 height: 4px;
10590 margin-top: 4px;
10591 padding: 0 0 4px 0;
10592 cursor: default; }
10593 .tsi-baseContextMenu .tsi-break:last-of-type {
10594 display: none; }
10595
10596.tsi-primaryButton {
10597 height: 36px;
10598 border-radius: 4px;
10599 border-width: 1px;
10600 border-style: solid; }
10601 .tsi-primaryButton.disabled {
10602 cursor: default;
10603 pointer-events: none;
10604 opacity: .5; }
10605
10606.tsi-chartControlsPanel {
10607 height: 20px;
10608 right: 0px;
10609 width: 100px;
10610 position: absolute;
10611 z-index: 2;
10612 pointer-events: none; }
10613 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
10614 pointer-events: all;
10615 left: auto;
10616 right: 20px;
10617 top: 0px;
10618 position: absolute; }
10619 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
10620 pointer-events: all; }
10621 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
10622 z-index: 2 !important; }
10623 .tsi-chartControlsPanel .tsi-stackedButton {
10624 pointer-events: all;
10625 display: block;
10626 background-size: 20px 20px;
10627 background-repeat: no-repeat;
10628 background-position: center;
10629 position: absolute;
10630 height: 100%;
10631 width: 20px;
10632 cursor: pointer;
10633 background-color: transparent;
10634 border: none; }
10635 .tsi-chartControlsPanel .tsi-scooterButton {
10636 display: block;
10637 background-size: 20px 20px;
10638 background-repeat: no-repeat;
10639 background-position: center;
10640 position: absolute;
10641 height: 20px;
10642 width: 20px; }
10643
10644select::-ms-expand {
10645 display: none; }
10646
10647.tsi-select {
10648 margin: 2px;
10649 position: relative;
10650 -webkit-appearance: none;
10651 -moz-appearance: none;
10652 padding: 6px;
10653 padding-right: 28px;
10654 border-width: 1px;
10655 border-radius: 2px;
10656 border-style: solid;
10657 white-space: nowrap;
10658 overflow: hidden;
10659 height: 32px;
10660 background-position-y: 12px;
10661 background-position-x: calc(100% - 4px); }
10662 .tsi-select option {
10663 padding: 6px; }
10664
10665.tsi-warmRect {
10666 fill: #FFA800;
10667 stroke: #FFA800; }
10668
10669.pika-single {
10670 border-bottom: none;
10671 border-left: none;
10672 border-right: none; }
10673 .pika-single .pika-lendar {
10674 text-decoration: none;
10675 width: 196px;
10676 margin-left: 12px;
10677 margin-right: 12px; }
10678 .pika-single .pika-lendar abbr {
10679 text-decoration: none; }
10680 .pika-single .pika-lendar .pika-table .pika-row {
10681 height: 28px;
10682 margin: 0px; }
10683 .pika-single .pika-lendar .pika-table .pika-row td {
10684 padding: 0px; }
10685 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
10686 background-color: #d5ebe9; }
10687 .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 {
10688 background-color: #309d90;
10689 color: white; }
10690 .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 {
10691 background-color: #309d90;
10692 color: white; }
10693 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
10694 border-bottom-left-radius: 8px;
10695 border-top-left-radius: 8px; }
10696 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
10697 border-bottom-right-radius: 8px;
10698 border-top-right-radius: 8px; }
10699 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
10700 width: 100%;
10701 height: 28px;
10702 width: 28px;
10703 margin: 0px; }
10704 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
10705 background-color: #309d90;
10706 color: white; }
10707 .pika-single .pika-lendar .pika-table .pika-button {
10708 border-radius: 0px;
10709 text-align: center; }
10710
10711.tsi-search {
10712 width: 100%;
10713 height: 100%;
10714 display: flex;
10715 flex-shrink: 0;
10716 align-items: center;
10717 position: relative; }
10718 .tsi-search .tsi-search-icon {
10719 width: 21px;
10720 height: 17px;
10721 background-repeat: no-repeat;
10722 margin-left: 8px;
10723 background-size: 14px;
10724 background-position-y: 2px; }
10725 .tsi-search .tsi-searchInput {
10726 position: absolute;
10727 width: 100%;
10728 height: 100%;
10729 padding-left: 28px;
10730 background: transparent;
10731 outline: none;
10732 text-overflow: ellipsis; }
10733
10734.tsi-baseMono {
10735 display: inline-block;
10736 padding: 4px;
10737 border-radius: 3px;
10738 font-family: "Lucida Console", Monaco, monospace;
10739 font-size: 85%;
10740 line-height: 85%;
10741 font-weight: 300; }
10742
10743.tsi-tooltip {
10744 pointer-events: none;
10745 position: absolute;
10746 border-width: 1px;
10747 border-style: solid;
10748 border-radius: 3px;
10749 margin-bottom: 8px; }
10750 .tsi-tooltip .tsi-tooltipInner {
10751 position: relative;
10752 overflow: hidden;
10753 border-radius: 3px;
10754 min-width: 108px;
10755 max-width: 260px;
10756 border-style: solid;
10757 border-top-width: 0;
10758 border-right-width: 0;
10759 border-bottom-width: 0;
10760 padding: 8px 12px; }
10761 .tsi-tooltip.tsi-dark {
10762 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
10763 border-color: rgba(255, 255, 255, 0.1); }
10764 .tsi-tooltip.tsi-dark .yAxis path, .tsi-tooltip.tsi-dark .xAxis path {
10765 stroke: #fff; }
10766 .tsi-tooltip.tsi-dark .yAxis .tick text, .tsi-tooltip.tsi-dark .xAxis .tick text {
10767 fill: #fff; }
10768 .tsi-tooltip.tsi-dark .yAxis .tick line, .tsi-tooltip.tsi-dark .xAxis .tick line {
10769 stroke: #fff; }
10770 @media screen and (-ms-high-contrast: white-on-black) {
10771 .tsi-tooltip.tsi-dark .yAxis path, .tsi-tooltip.tsi-dark .xAxis path {
10772 stroke: #fff; }
10773 .tsi-tooltip.tsi-dark .yAxis .tick text, .tsi-tooltip.tsi-dark .xAxis .tick text {
10774 fill: #fff !important; }
10775 .tsi-tooltip.tsi-dark .yAxis .tick line, .tsi-tooltip.tsi-dark .xAxis .tick line {
10776 stroke: #fff; } }
10777 .tsi-tooltip.tsi-dark .vHoverBox, .tsi-tooltip.tsi-dark .hHoverBox {
10778 fill: #0d0f0e;
10779 stroke: #60AAFF; }
10780 .tsi-tooltip.tsi-dark .tsi-resizeGutter.tsi-isDragging {
10781 background-color: #31373e; }
10782 .tsi-tooltip.tsi-dark ::-webkit-scrollbar {
10783 height: 8px;
10784 width: 8px; }
10785 .tsi-tooltip.tsi-dark ::-webkit-scrollbar-track {
10786 background: none; }
10787 .tsi-tooltip.tsi-dark ::-webkit-scrollbar-thumb {
10788 background: #666666;
10789 border-radius: 8px; }
10790 .tsi-tooltip.tsi-dark ::-webkit-scrollbar-thumb:hover {
10791 background: #666666; }
10792 .tsi-tooltip.tsi-dark ::-webkit-scrollbar-track:hover {
10793 background: #1e2223; }
10794 .tsi-tooltip.tsi-dark .hHoverText {
10795 text-anchor: middle; }
10796 .tsi-tooltip.tsi-dark .vHoverText {
10797 text-anchor: end; }
10798 .tsi-tooltip.tsi-dark .hoverText {
10799 stroke: none; }
10800 .tsi-tooltip.tsi-dark .hHoverText, .tsi-tooltip.tsi-dark .vHoverText {
10801 font-size: 11px !important; }
10802 .tsi-tooltip.tsi-dark .hHoverValueBar {
10803 stroke: #fff; }
10804 .tsi-tooltip.tsi-dark .hoverText {
10805 fill: #fff; }
10806 .tsi-tooltip.tsi-dark .stacked g path {
10807 fill: #fff !important; }
10808 .tsi-tooltip.tsi-dark .tooltip text {
10809 fill: #fff; }
10810 .tsi-tooltip.tsi-dark .tooltip rect {
10811 fill: #0d0f0e;
10812 stroke: #60AAFF; }
10813 .tsi-tooltip.tsi-dark .tsi-primaryButton {
10814 color: #fff;
10815 border-color: rgba(255, 255, 255, 0.8);
10816 background-color: #1e2223; }
10817 .tsi-tooltip.tsi-dark .tsi-primaryButton:hover {
10818 background-color: #62666c; }
10819 .tsi-tooltip.tsi-dark .yAxis path, .tsi-tooltip.tsi-dark .xAxis path {
10820 stroke-width: 1px !important; }
10821 .tsi-tooltip.tsi-dark .yAxis .tick text, .tsi-tooltip.tsi-dark .xAxis .tick text {
10822 user-select: none; }
10823 .tsi-tooltip.tsi-dark rect, .tsi-tooltip.tsi-dark line {
10824 shape-rendering: crispedges; }
10825 .tsi-tooltip.tsi-dark .stacked g path {
10826 stroke-width: 1;
10827 pointer-events: all;
10828 stroke: none; }
10829 .tsi-tooltip.tsi-dark .stacked rect {
10830 cursor: pointer;
10831 fill: transparent;
10832 stroke-width: 1; }
10833 .tsi-tooltip.tsi-dark .tooltip {
10834 pointer-events: none; }
10835 .tsi-tooltip.tsi-dark .tooltip text {
10836 alignment-baseline: hanging; }
10837 .tsi-tooltip.tsi-dark .tooltip .title {
10838 font-weight: bold;
10839 font-size: 13px; }
10840 .tsi-tooltip.tsi-dark .tooltip .value {
10841 font-weight: normal;
10842 font-size: 12px;
10843 font-weight: lighter; }
10844 .tsi-tooltip.tsi-dark .tooltip .value.visibleValue {
10845 font-weight: bold; }
10846 .tsi-tooltip.tsi-dark .tsi-gridComponent {
10847 z-index: 3 !important; }
10848 .tsi-tooltip.tsi-dark .hHoverValueBar {
10849 stroke-width: 4px; }
10850 .tsi-tooltip.tsi-dark .focus {
10851 display: none; }
10852 .tsi-tooltip.tsi-dark svg {
10853 display: block; }
10854 .tsi-tooltip.tsi-dark .tsi-chartValueTextBox {
10855 background-color: #0d0f0e;
10856 border-color: #62666c; }
10857 .tsi-tooltip.tsi-dark .tsi-baseMono {
10858 background: #1e2223; }
10859 .tsi-tooltip.tsi-dark .tsi-tooltipInner {
10860 color: #fff;
10861 background-color: #0d0f0e; }
10862 .tsi-tooltip.tsi-dark .tsi-tooltipTable tr {
10863 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
10864 border-left-width: 10px;
10865 border-left-style: solid; }
10866 .tsi-tooltip.tsi-dark .tsi-tooltipTable tr:last-of-type {
10867 border-bottom: none; }
10868 .tsi-tooltip.tsi-light {
10869 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
10870 border-color: rgba(0, 0, 0, 0.1); }
10871 .tsi-tooltip.tsi-light .yAxis path, .tsi-tooltip.tsi-light .xAxis path {
10872 stroke: #000; }
10873 .tsi-tooltip.tsi-light .yAxis .tick text, .tsi-tooltip.tsi-light .xAxis .tick text {
10874 fill: #000; }
10875 .tsi-tooltip.tsi-light .yAxis .tick line, .tsi-tooltip.tsi-light .xAxis .tick line {
10876 stroke: #000; }
10877 @media screen and (-ms-high-contrast: white-on-black) {
10878 .tsi-tooltip.tsi-light .yAxis path, .tsi-tooltip.tsi-light .xAxis path {
10879 stroke: #fff; }
10880 .tsi-tooltip.tsi-light .yAxis .tick text, .tsi-tooltip.tsi-light .xAxis .tick text {
10881 fill: #fff !important; }
10882 .tsi-tooltip.tsi-light .yAxis .tick line, .tsi-tooltip.tsi-light .xAxis .tick line {
10883 stroke: #fff; } }
10884 .tsi-tooltip.tsi-light .vHoverBox, .tsi-tooltip.tsi-light .hHoverBox {
10885 fill: #ffffff;
10886 stroke: #136BFB; }
10887 .tsi-tooltip.tsi-light .tsi-resizeGutter.tsi-isDragging {
10888 background-color: #dcdcdc; }
10889 .tsi-tooltip.tsi-light ::-webkit-scrollbar {
10890 height: 8px;
10891 width: 8px; }
10892 .tsi-tooltip.tsi-light ::-webkit-scrollbar-track {
10893 background: none; }
10894 .tsi-tooltip.tsi-light ::-webkit-scrollbar-thumb {
10895 background: #a6a6a6;
10896 border-radius: 8px; }
10897 .tsi-tooltip.tsi-light ::-webkit-scrollbar-thumb:hover {
10898 background: #a6a6a6; }
10899 .tsi-tooltip.tsi-light ::-webkit-scrollbar-track:hover {
10900 background: #f2f2f2; }
10901 .tsi-tooltip.tsi-light .hHoverText {
10902 text-anchor: middle; }
10903 .tsi-tooltip.tsi-light .vHoverText {
10904 text-anchor: end; }
10905 .tsi-tooltip.tsi-light .hoverText {
10906 stroke: none; }
10907 .tsi-tooltip.tsi-light .hHoverText, .tsi-tooltip.tsi-light .vHoverText {
10908 font-size: 11px !important; }
10909 .tsi-tooltip.tsi-light .hHoverValueBar {
10910 stroke: #000; }
10911 .tsi-tooltip.tsi-light .hoverText {
10912 fill: #000; }
10913 .tsi-tooltip.tsi-light .stacked g path {
10914 fill: #000 !important; }
10915 .tsi-tooltip.tsi-light .tooltip text {
10916 fill: #000; }
10917 .tsi-tooltip.tsi-light .tooltip rect {
10918 fill: #ffffff;
10919 stroke: #136BFB; }
10920 .tsi-tooltip.tsi-light .tsi-primaryButton {
10921 color: #000;
10922 border-color: rgba(0, 0, 0, 0.8);
10923 background-color: #f2f2f2; }
10924 .tsi-tooltip.tsi-light .tsi-primaryButton:hover {
10925 background-color: #b3d6f2; }
10926 .tsi-tooltip.tsi-light .yAxis path, .tsi-tooltip.tsi-light .xAxis path {
10927 stroke-width: 1px !important; }
10928 .tsi-tooltip.tsi-light .yAxis .tick text, .tsi-tooltip.tsi-light .xAxis .tick text {
10929 user-select: none; }
10930 .tsi-tooltip.tsi-light rect, .tsi-tooltip.tsi-light line {
10931 shape-rendering: crispedges; }
10932 .tsi-tooltip.tsi-light .stacked g path {
10933 stroke-width: 1;
10934 pointer-events: all;
10935 stroke: none; }
10936 .tsi-tooltip.tsi-light .stacked rect {
10937 cursor: pointer;
10938 fill: transparent;
10939 stroke-width: 1; }
10940 .tsi-tooltip.tsi-light .tooltip {
10941 pointer-events: none; }
10942 .tsi-tooltip.tsi-light .tooltip text {
10943 alignment-baseline: hanging; }
10944 .tsi-tooltip.tsi-light .tooltip .title {
10945 font-weight: bold;
10946 font-size: 13px; }
10947 .tsi-tooltip.tsi-light .tooltip .value {
10948 font-weight: normal;
10949 font-size: 12px;
10950 font-weight: lighter; }
10951 .tsi-tooltip.tsi-light .tooltip .value.visibleValue {
10952 font-weight: bold; }
10953 .tsi-tooltip.tsi-light .tsi-gridComponent {
10954 z-index: 3 !important; }
10955 .tsi-tooltip.tsi-light .hHoverValueBar {
10956 stroke-width: 4px; }
10957 .tsi-tooltip.tsi-light .focus {
10958 display: none; }
10959 .tsi-tooltip.tsi-light svg {
10960 display: block; }
10961 .tsi-tooltip.tsi-light .tsi-chartValueTextBox {
10962 background-color: #ffffff;
10963 border-color: #b3d6f2; }
10964 .tsi-tooltip.tsi-light .tsi-baseMono {
10965 background: #f2f2f2; }
10966 .tsi-tooltip.tsi-light .tsi-tooltipInner {
10967 color: #000;
10968 background-color: #ffffff; }
10969 .tsi-tooltip.tsi-light .tsi-tooltipTable tr {
10970 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
10971 border-left-width: 10px;
10972 border-left-style: solid; }
10973 .tsi-tooltip.tsi-light .tsi-tooltipTable tr:last-of-type {
10974 border-bottom: none; }
10975 .tsi-tooltip .tsi-tooltipSubtitle, .tsi-tooltip .tsi-tooltipAttrs, .tsi-tooltip .tsi-tooltipValues {
10976 font-size: 11px; }
10977 .tsi-tooltip .tsi-tooltipFlexyBox {
10978 display: flex;
10979 flex-wrap: nowrap;
10980 font-size: 11px;
10981 width: 100%; }
10982 .tsi-tooltip .tsi-tooltipFlexyBox.tsi-tooltipAttributeContainer {
10983 margin-bottom: 8px;
10984 flex-wrap: wrap; }
10985 .tsi-tooltip .tsi-tooltipFlexyBox.tsi-tooltipAttributeContainer .tsi-tooltipFlexyItem {
10986 padding-bottom: 4px; }
10987 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-flexBreak {
10988 flex-basis: 100%;
10989 height: 0; }
10990 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem {
10991 padding-right: 16px;
10992 flex-grow: 1;
10993 overflow: hidden; }
10994 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem:last-of-type {
10995 padding-right: 4px; }
10996 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem .tsi-tooltipAttrTitle {
10997 font-weight: 600; }
10998 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem .tsi-tooltipAttrValue, .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem .tsi-tooltipMeasureValue {
10999 opacity: .7; }
11000 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem.tsi-visibleValue {
11001 font-weight: bold; }
11002 .tsi-tooltip .tsi-tooltipFlexyBox .tsi-tooltipFlexyItem .tsi-tooltipMeasureValue {
11003 font-size: 13px; }
11004 .tsi-tooltip .tsi-tooltipTable {
11005 border-collapse: collapse;
11006 margin: 8px 0 4px;
11007 width: 236px;
11008 overflow: hidden;
11009 table-layout: fixed; }
11010 .tsi-tooltip .tsi-tooltipTable tr.tsi-tableSpacer {
11011 height: 6px; }
11012 .tsi-tooltip .tsi-tooltipTable tr.tsi-tableSpacer:first-of-type {
11013 height: 0px; }
11014 .tsi-tooltip .tsi-tooltipTable tr td {
11015 margin: 0px;
11016 padding: 4px; }
11017 .tsi-tooltip .tsi-tooltipTable tr td.tsi-valueCell {
11018 text-align: right; }
11019 .tsi-tooltip .tsi-tooltipTable tr.tsi-visibleValue {
11020 font-weight: bold; }
11021 .tsi-tooltip .tsi-tooltipTitle {
11022 font-weight: bold;
11023 font-size: 13px; }
11024 .tsi-tooltip .tsi-tooltipSubtitle {
11025 font-weight: normal;
11026 opacity: .7;
11027 font-size: 11px; }
11028 .tsi-tooltip .tsi-tooltipTitle, .tsi-tooltip .tsi-tooltipSubtitle {
11029 margin: 0; }
11030 .tsi-tooltip .tsi-tooltipColorBlockCell {
11031 width: 12px; }
11032 .tsi-tooltip .tsi-tooltipColorBlockCell .tsi-tooltipColorBlock {
11033 width: 12px;
11034 height: 12px;
11035 display: block;
11036 text-align: center;
11037 margin: 0 auto; }
11038
11039div[class^='tsi-'] {
11040 box-sizing: border-box;
11041 font-family: "Segoe UI", sans-serif; }
11042
11043.tsi-textWrap {
11044 overflow: hidden;
11045 white-space: pre-wrap;
11046 text-overflow: ellipsis;
11047 hyphens: auto;
11048 overflow-wrap: break-word; }
11049
11050.tsi-hidden {
11051 display: none; }
11052
11053@keyframes tsi-slideIn {
11054 from {
11055 transform: translateY(-10px);
11056 opacity: 0; }
11057 to {
11058 transform: translateY(0px);
11059 opacity: 1; } }
11060
11061@keyframes tsi-slideRight {
11062 from {
11063 transform: translateX(-10px);
11064 opacity: 0; }
11065 to {
11066 transform: translateX(0px);
11067 opacity: 1; } }
11068
11069.tsi-resizeGutter {
11070 width: 6px;
11071 cursor: e-resize;
11072 padding: 2px;
11073 background-position-y: 50%;
11074 background-position-x: 0px;
11075 background-repeat: no-repeat; }
11076
11077.tsi-chartValueTextBox {
11078 position: absolute;
11079 white-space: nowrap;
11080 font-size: 11px;
11081 padding: 1px 4px;
11082 border-width: 1px;
11083 border-style: solid;
11084 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
11085 line-height: 16px; }
11086
11087.tsi-baseContextMenu, .tsi-contextMenu .tsi-actionElementContainer {
11088 white-space: nowrap;
11089 padding: 4px 0;
11090 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
11091 border-width: 1px;
11092 border-radius: 2px;
11093 border-style: solid;
11094 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
11095 text-align: left; }
11096 .tsi-baseContextMenu > div, .tsi-contextMenu .tsi-actionElementContainer > div, .tsi-baseContextMenu > li, .tsi-contextMenu .tsi-actionElementContainer > li, .tsi-baseContextMenu > button, .tsi-contextMenu .tsi-actionElementContainer > button {
11097 padding: 4px 8px;
11098 font-size: 12px;
11099 cursor: pointer;
11100 height: 28px;
11101 display: flex;
11102 align-items: center;
11103 overflow: hidden; }
11104 .tsi-baseContextMenu .tsi-break, .tsi-contextMenu .tsi-actionElementContainer .tsi-break {
11105 height: 4px;
11106 margin-top: 4px;
11107 padding: 0 0 4px 0;
11108 cursor: default; }
11109 .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-contextMenu .tsi-actionElementContainer .tsi-break:last-of-type {
11110 display: none; }
11111
11112.tsi-primaryButton {
11113 height: 36px;
11114 border-radius: 4px;
11115 border-width: 1px;
11116 border-style: solid; }
11117 .tsi-primaryButton.disabled {
11118 cursor: default;
11119 pointer-events: none;
11120 opacity: .5; }
11121
11122.tsi-chartControlsPanel {
11123 height: 20px;
11124 right: 0px;
11125 width: 100px;
11126 position: absolute;
11127 z-index: 2;
11128 pointer-events: none; }
11129 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
11130 pointer-events: all;
11131 left: auto;
11132 right: 20px;
11133 top: 0px;
11134 position: absolute; }
11135 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
11136 pointer-events: all; }
11137 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
11138 z-index: 2 !important; }
11139 .tsi-chartControlsPanel .tsi-stackedButton {
11140 pointer-events: all;
11141 display: block;
11142 background-size: 20px 20px;
11143 background-repeat: no-repeat;
11144 background-position: center;
11145 position: absolute;
11146 height: 100%;
11147 width: 20px;
11148 cursor: pointer;
11149 background-color: transparent;
11150 border: none; }
11151 .tsi-chartControlsPanel .tsi-scooterButton {
11152 display: block;
11153 background-size: 20px 20px;
11154 background-repeat: no-repeat;
11155 background-position: center;
11156 position: absolute;
11157 height: 20px;
11158 width: 20px; }
11159
11160select::-ms-expand {
11161 display: none; }
11162
11163.tsi-select {
11164 margin: 2px;
11165 position: relative;
11166 -webkit-appearance: none;
11167 -moz-appearance: none;
11168 padding: 6px;
11169 padding-right: 28px;
11170 border-width: 1px;
11171 border-radius: 2px;
11172 border-style: solid;
11173 white-space: nowrap;
11174 overflow: hidden;
11175 height: 32px;
11176 background-position-y: 12px;
11177 background-position-x: calc(100% - 4px); }
11178 .tsi-select option {
11179 padding: 6px; }
11180
11181.tsi-warmRect {
11182 fill: #FFA800;
11183 stroke: #FFA800; }
11184
11185.pika-single {
11186 border-bottom: none;
11187 border-left: none;
11188 border-right: none; }
11189 .pika-single .pika-lendar {
11190 text-decoration: none;
11191 width: 196px;
11192 margin-left: 12px;
11193 margin-right: 12px; }
11194 .pika-single .pika-lendar abbr {
11195 text-decoration: none; }
11196 .pika-single .pika-lendar .pika-table .pika-row {
11197 height: 28px;
11198 margin: 0px; }
11199 .pika-single .pika-lendar .pika-table .pika-row td {
11200 padding: 0px; }
11201 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
11202 background-color: #d5ebe9; }
11203 .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 {
11204 background-color: #309d90;
11205 color: white; }
11206 .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 {
11207 background-color: #309d90;
11208 color: white; }
11209 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
11210 border-bottom-left-radius: 8px;
11211 border-top-left-radius: 8px; }
11212 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
11213 border-bottom-right-radius: 8px;
11214 border-top-right-radius: 8px; }
11215 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
11216 width: 100%;
11217 height: 28px;
11218 width: 28px;
11219 margin: 0px; }
11220 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
11221 background-color: #309d90;
11222 color: white; }
11223 .pika-single .pika-lendar .pika-table .pika-button {
11224 border-radius: 0px;
11225 text-align: center; }
11226
11227.tsi-search {
11228 width: 100%;
11229 height: 100%;
11230 display: flex;
11231 flex-shrink: 0;
11232 align-items: center;
11233 position: relative; }
11234 .tsi-search .tsi-search-icon {
11235 width: 21px;
11236 height: 17px;
11237 background-repeat: no-repeat;
11238 margin-left: 8px;
11239 background-size: 14px;
11240 background-position-y: 2px; }
11241 .tsi-search .tsi-searchInput {
11242 position: absolute;
11243 width: 100%;
11244 height: 100%;
11245 padding-left: 28px;
11246 background: transparent;
11247 outline: none;
11248 text-overflow: ellipsis; }
11249
11250.tsi-baseMono {
11251 display: inline-block;
11252 padding: 4px;
11253 border-radius: 3px;
11254 font-family: "Lucida Console", Monaco, monospace;
11255 font-size: 85%;
11256 line-height: 85%;
11257 font-weight: 300; }
11258
11259.tsi-dark .tsi-baseContextMenu, .tsi-dark .tsi-contextMenu .tsi-actionElementContainer, .tsi-contextMenu .tsi-dark .tsi-actionElementContainer {
11260 border-color: #60AAFF;
11261 background-color: #0d0f0e;
11262 box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16); }
11263 .tsi-dark .tsi-baseContextMenu > div:hover, .tsi-dark .tsi-contextMenu .tsi-actionElementContainer > div:hover, .tsi-contextMenu .tsi-dark .tsi-actionElementContainer > div:hover, .tsi-dark .tsi-baseContextMenu > div:focus, .tsi-dark .tsi-contextMenu .tsi-actionElementContainer > div:focus, .tsi-contextMenu .tsi-dark .tsi-actionElementContainer > div:focus {
11264 background-color: #62666c; }
11265 .tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-dark .tsi-contextMenu .tsi-actionElementContainer .tsi-break, .tsi-contextMenu .tsi-dark .tsi-actionElementContainer .tsi-break {
11266 border-top: 1px solid rgba(96, 170, 255, 0.2); }
11267 .tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-dark .tsi-contextMenu .tsi-actionElementContainer .tsi-break:hover, .tsi-contextMenu .tsi-dark .tsi-actionElementContainer .tsi-break:hover, .tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-dark .tsi-contextMenu .tsi-actionElementContainer .tsi-break:focus, .tsi-contextMenu .tsi-dark .tsi-actionElementContainer .tsi-break:focus {
11268 background-color: #0d0f0e; }
11269
11270.tsi-dark .tsi-searchInput {
11271 border: 1px solid #31373e; }
11272 .tsi-dark .tsi-searchInput:focus {
11273 border: 1px solid #60AAFF; }
11274
11275.tsi-dark .tsi-baseMono {
11276 background: #1e2223; }
11277
11278.tsi-dark .tsi-actionElementContainer .tsi-actionElement.tsi-hasSubMenu {
11279 background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(255%2C255%2C255%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23FFF%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
11280
11281.tsi-light .tsi-baseContextMenu, .tsi-light .tsi-contextMenu .tsi-actionElementContainer, .tsi-contextMenu .tsi-light .tsi-actionElementContainer {
11282 border-color: #136BFB;
11283 background-color: #ffffff;
11284 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
11285 .tsi-light .tsi-baseContextMenu > div:hover, .tsi-light .tsi-contextMenu .tsi-actionElementContainer > div:hover, .tsi-contextMenu .tsi-light .tsi-actionElementContainer > div:hover, .tsi-light .tsi-baseContextMenu > div:focus, .tsi-light .tsi-contextMenu .tsi-actionElementContainer > div:focus, .tsi-contextMenu .tsi-light .tsi-actionElementContainer > div:focus {
11286 background-color: #b3d6f2; }
11287 .tsi-light .tsi-baseContextMenu .tsi-break, .tsi-light .tsi-contextMenu .tsi-actionElementContainer .tsi-break, .tsi-contextMenu .tsi-light .tsi-actionElementContainer .tsi-break {
11288 border-top: 1px solid rgba(19, 107, 251, 0.2); }
11289 .tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-light .tsi-contextMenu .tsi-actionElementContainer .tsi-break:hover, .tsi-contextMenu .tsi-light .tsi-actionElementContainer .tsi-break:hover, .tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-light .tsi-contextMenu .tsi-actionElementContainer .tsi-break:focus, .tsi-contextMenu .tsi-light .tsi-actionElementContainer .tsi-break:focus {
11290 background-color: #ffffff; }
11291
11292.tsi-light .tsi-searchInput {
11293 border: 1px solid #dcdcdc; }
11294 .tsi-light .tsi-searchInput:focus {
11295 border: 1px solid #136BFB; }
11296
11297.tsi-light .tsi-baseMono {
11298 background: #f2f2f2; }
11299
11300.tsi-light .tsi-actionElementContainer .tsi-actionElement.tsi-hasSubMenu {
11301 background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23000%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D"); }
11302
11303.tsi-contextMenu {
11304 display: none;
11305 position: absolute;
11306 z-index: 3; }
11307 .tsi-contextMenu .tsi-actionElementContainer {
11308 height: auto;
11309 max-width: 200px;
11310 z-index: 3;
11311 overflow-y: auto;
11312 display: block;
11313 position: absolute;
11314 overflow-y: auto; }
11315 .tsi-contextMenu .tsi-actionElementContainer .tsi-actionElement {
11316 padding: 4px 16px;
11317 cursor: default;
11318 font-size: 12px; }
11319 .tsi-contextMenu .tsi-actionElementContainer .tsi-actionElement.tsi-hasSubMenu {
11320 background-repeat: no-repeat;
11321 background-position: calc(100% - 4px), 50%;
11322 background-size: 12px 12px; }
11323
11324div[class^='tsi-'] {
11325 box-sizing: border-box;
11326 font-family: "Segoe UI", sans-serif; }
11327
11328.tsi-textWrap {
11329 overflow: hidden;
11330 white-space: pre-wrap;
11331 text-overflow: ellipsis;
11332 hyphens: auto;
11333 overflow-wrap: break-word; }
11334
11335.tsi-hidden {
11336 display: none; }
11337
11338@keyframes tsi-slideIn {
11339 from {
11340 transform: translateY(-10px);
11341 opacity: 0; }
11342 to {
11343 transform: translateY(0px);
11344 opacity: 1; } }
11345
11346@keyframes tsi-slideRight {
11347 from {
11348 transform: translateX(-10px);
11349 opacity: 0; }
11350 to {
11351 transform: translateX(0px);
11352 opacity: 1; } }
11353
11354.tsi-resizeGutter {
11355 width: 6px;
11356 cursor: e-resize;
11357 padding: 2px;
11358 background-position-y: 50%;
11359 background-position-x: 0px;
11360 background-repeat: no-repeat; }
11361
11362.tsi-chartValueTextBox {
11363 position: absolute;
11364 white-space: nowrap;
11365 font-size: 11px;
11366 padding: 1px 4px;
11367 border-width: 1px;
11368 border-style: solid;
11369 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
11370 line-height: 16px; }
11371
11372.tsi-baseContextMenu {
11373 white-space: nowrap;
11374 padding: 4px 0;
11375 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
11376 border-width: 1px;
11377 border-radius: 2px;
11378 border-style: solid;
11379 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
11380 text-align: left; }
11381 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
11382 padding: 4px 8px;
11383 font-size: 12px;
11384 cursor: pointer;
11385 height: 28px;
11386 display: flex;
11387 align-items: center;
11388 overflow: hidden; }
11389 .tsi-baseContextMenu .tsi-break {
11390 height: 4px;
11391 margin-top: 4px;
11392 padding: 0 0 4px 0;
11393 cursor: default; }
11394 .tsi-baseContextMenu .tsi-break:last-of-type {
11395 display: none; }
11396
11397.tsi-primaryButton {
11398 height: 36px;
11399 border-radius: 4px;
11400 border-width: 1px;
11401 border-style: solid; }
11402 .tsi-primaryButton.disabled {
11403 cursor: default;
11404 pointer-events: none;
11405 opacity: .5; }
11406
11407.tsi-chartControlsPanel {
11408 height: 20px;
11409 right: 0px;
11410 width: 100px;
11411 position: absolute;
11412 z-index: 2;
11413 pointer-events: none; }
11414 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
11415 pointer-events: all;
11416 left: auto;
11417 right: 20px;
11418 top: 0px;
11419 position: absolute; }
11420 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
11421 pointer-events: all; }
11422 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
11423 z-index: 2 !important; }
11424 .tsi-chartControlsPanel .tsi-stackedButton {
11425 pointer-events: all;
11426 display: block;
11427 background-size: 20px 20px;
11428 background-repeat: no-repeat;
11429 background-position: center;
11430 position: absolute;
11431 height: 100%;
11432 width: 20px;
11433 cursor: pointer;
11434 background-color: transparent;
11435 border: none; }
11436 .tsi-chartControlsPanel .tsi-scooterButton {
11437 display: block;
11438 background-size: 20px 20px;
11439 background-repeat: no-repeat;
11440 background-position: center;
11441 position: absolute;
11442 height: 20px;
11443 width: 20px; }
11444
11445select::-ms-expand {
11446 display: none; }
11447
11448.tsi-select {
11449 margin: 2px;
11450 position: relative;
11451 -webkit-appearance: none;
11452 -moz-appearance: none;
11453 padding: 6px;
11454 padding-right: 28px;
11455 border-width: 1px;
11456 border-radius: 2px;
11457 border-style: solid;
11458 white-space: nowrap;
11459 overflow: hidden;
11460 height: 32px;
11461 background-position-y: 12px;
11462 background-position-x: calc(100% - 4px); }
11463 .tsi-select option {
11464 padding: 6px; }
11465
11466.tsi-warmRect {
11467 fill: #FFA800;
11468 stroke: #FFA800; }
11469
11470.pika-single {
11471 border-bottom: none;
11472 border-left: none;
11473 border-right: none; }
11474 .pika-single .pika-lendar {
11475 text-decoration: none;
11476 width: 196px;
11477 margin-left: 12px;
11478 margin-right: 12px; }
11479 .pika-single .pika-lendar abbr {
11480 text-decoration: none; }
11481 .pika-single .pika-lendar .pika-table .pika-row {
11482 height: 28px;
11483 margin: 0px; }
11484 .pika-single .pika-lendar .pika-table .pika-row td {
11485 padding: 0px; }
11486 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
11487 background-color: #d5ebe9; }
11488 .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 {
11489 background-color: #309d90;
11490 color: white; }
11491 .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 {
11492 background-color: #309d90;
11493 color: white; }
11494 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
11495 border-bottom-left-radius: 8px;
11496 border-top-left-radius: 8px; }
11497 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
11498 border-bottom-right-radius: 8px;
11499 border-top-right-radius: 8px; }
11500 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
11501 width: 100%;
11502 height: 28px;
11503 width: 28px;
11504 margin: 0px; }
11505 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
11506 background-color: #309d90;
11507 color: white; }
11508 .pika-single .pika-lendar .pika-table .pika-button {
11509 border-radius: 0px;
11510 text-align: center; }
11511
11512.tsi-search {
11513 width: 100%;
11514 height: 100%;
11515 display: flex;
11516 flex-shrink: 0;
11517 align-items: center;
11518 position: relative; }
11519 .tsi-search .tsi-search-icon {
11520 width: 21px;
11521 height: 17px;
11522 background-repeat: no-repeat;
11523 margin-left: 8px;
11524 background-size: 14px;
11525 background-position-y: 2px; }
11526 .tsi-search .tsi-searchInput {
11527 position: absolute;
11528 width: 100%;
11529 height: 100%;
11530 padding-left: 28px;
11531 background: transparent;
11532 outline: none;
11533 text-overflow: ellipsis; }
11534
11535.tsi-baseMono {
11536 display: inline-block;
11537 padding: 4px;
11538 border-radius: 3px;
11539 font-family: "Lucida Console", Monaco, monospace;
11540 font-size: 85%;
11541 line-height: 85%;
11542 font-weight: 300; }
11543
11544.tsi-legend {
11545 overflow-y: auto;
11546 overflow-x: hidden;
11547 height: calc(100% - 16px);
11548 padding-left: 8px; }
11549 .tsi-legend.tsi-dark {
11550 color: #fff;
11551 fill: #fff; }
11552 .tsi-legend.tsi-dark path {
11553 stroke: #fff; }
11554 .tsi-legend.tsi-dark:not(.compact) {
11555 border-right: 1px solid #1e2223; }
11556 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
11557 color: #60AAFF;
11558 opacity: 1; }
11559 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
11560 fill: #fff;
11561 color: #fff; }
11562 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
11563 color: #fff;
11564 opacity: .6;
11565 background-color: transparent;
11566 border: 1px solid transparent; }
11567 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
11568 background: #0d0f0e; }
11569 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
11570 color: #60AAFF; }
11571 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
11572 background-color: rgba(98, 102, 108, 0.4); }
11573 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
11574 border: none;
11575 background-color: transparent; }
11576 .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
11577 background-color: #0d0f0e; }
11578 .tsi-legend.tsi-light {
11579 color: #000;
11580 fill: #000; }
11581 .tsi-legend.tsi-light path {
11582 stroke: #000; }
11583 .tsi-legend.tsi-light:not(.compact) {
11584 border-right: 1px solid #f2f2f2; }
11585 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
11586 color: #136BFB;
11587 opacity: 1; }
11588 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
11589 fill: #000;
11590 color: #000; }
11591 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
11592 color: #000;
11593 opacity: .6;
11594 background-color: transparent;
11595 border: 1px solid transparent; }
11596 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
11597 background: #ffffff; }
11598 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
11599 color: #136BFB; }
11600 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
11601 background-color: rgba(179, 214, 242, 0.4); }
11602 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
11603 border: none;
11604 background-color: transparent; }
11605 .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
11606 background-color: #ffffff; }
11607 .tsi-legend.hidden {
11608 display: none; }
11609 .tsi-legend:not(.hidden) {
11610 display: block; }
11611 .tsi-legend.compact {
11612 margin-left: 20px;
11613 margin-right: 20px;
11614 top: 8px;
11615 height: 48px !important;
11616 width: calc(100% - 40px) !important;
11617 position: absolute;
11618 display: flex;
11619 justify-content: center;
11620 border-right: none;
11621 padding: 0;
11622 padding-left: 0px; }
11623 .tsi-legend.compact .tsi-seriesLabel {
11624 overflow-y: hidden;
11625 overflow-x: hidden;
11626 white-space: nowrap;
11627 flex-basis: auto;
11628 flex-shrink: 1; }
11629 .tsi-legend.compact .tsi-seriesLabel:hover {
11630 overflow-x: auto; }
11631 .tsi-legend.compact .tsi-seriesLabel {
11632 border: none;
11633 padding: 0;
11634 text-align: center;
11635 margin: 4px; }
11636 .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
11637 border: none; }
11638 .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
11639 display: none; }
11640 .tsi-legend.compact .tsi-seriesLabel select {
11641 display: none; }
11642 .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
11643 max-height: 140px;
11644 display: inline-block; }
11645 .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
11646 display: inline-block;
11647 margin: 0 4px;
11648 padding: 0 4px 1px 4px;
11649 height: 20px;
11650 margin-top: 1px;
11651 overflow: hidden; }
11652 .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
11653 display: none; }
11654 .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
11655 display: block;
11656 position: absolute;
11657 height: 10px;
11658 width: 10px;
11659 top: -3px; }
11660 .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
11661 height: 12px;
11662 width: 12px;
11663 top: unset;
11664 margin-top: 4px;
11665 margin-left: 0px; }
11666 .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
11667 max-width: 100px;
11668 margin-left: 16px;
11669 margin-right: 0px;
11670 text-align: left;
11671 width: initial;
11672 font-size: 12px; }
11673 .tsi-legend:not(.compact) {
11674 height: 100%; }
11675 .tsi-legend:not(.compact).tsi-flexLegend {
11676 display: flex;
11677 flex-direction: column; }
11678 .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
11679 overflow-y: auto;
11680 visibility: hidden;
11681 min-height: 42px;
11682 height: calc(100% - 25px); }
11683 .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
11684 background: none;
11685 border: none;
11686 visibility: visible;
11687 margin: 8px auto;
11688 cursor: pointer; }
11689 .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
11690 text-decoration: underline; }
11691 .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:hover, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:focus {
11692 visibility: visible; }
11693 .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
11694 display: block;
11695 background-size: 17px 11px;
11696 background-repeat: no-repeat;
11697 background-position: center;
11698 position: absolute;
11699 height: 100%;
11700 width: 17px;
11701 right: 17px; }
11702 .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
11703 display: inherit;
11704 cursor: pointer;
11705 border: none;
11706 background-color: transparent; }
11707 .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon, .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
11708 background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23212121%22%2F%3E%0D%3C%2Fsvg%3E"); }
11709 .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon, .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
11710 background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E"); }
11711 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown), .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
11712 opacity: .3; }
11713 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
11714 opacity: 1; }
11715 .tsi-legend .tsi-seriesLabel {
11716 margin: 8px; }
11717 .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
11718 overflow-y: hidden; }
11719 .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
11720 display: none; }
11721 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
11722 display: flex; }
11723 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
11724 flex-direction: row;
11725 align-items: center; }
11726 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
11727 text-overflow: ellipsis;
11728 white-space: nowrap;
11729 overflow: hidden;
11730 margin-top: 2px;
11731 margin-bottom: 4px;
11732 font-weight: 400;
11733 margin-right: 36px; }
11734 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
11735 cursor: pointer;
11736 font-weight: 600;
11737 font-size: 15px;
11738 font-family: "Segoe UI", sans-serif; }
11739 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
11740 cursor: default;
11741 overflow-x: hidden;
11742 text-overflow: ellipsis;
11743 font-size: 14px; }
11744 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
11745 left: 20px;
11746 max-width: calc(100% - 64px);
11747 margin: 2px;
11748 border: none;
11749 position: absolute;
11750 top: 16px;
11751 -webkit-appearance: none;
11752 -moz-appearance: none;
11753 appearance: none;
11754 padding: 2px;
11755 background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
11756 background-repeat: no-repeat;
11757 background-position-x: calc(100% - 4px);
11758 background-position-y: 7px;
11759 background-size: 18px;
11760 padding-right: 28px; }
11761 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
11762 display: none;
11763 /* remove default arrow on ie10 and ie11 */ }
11764 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
11765 height: 24px; }
11766 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
11767 cursor: pointer;
11768 padding: 0 4px;
11769 position: relative;
11770 width: 100%; }
11771 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
11772 display: inline-block; }
11773 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
11774 height: 17px;
11775 width: 50px;
11776 position: absolute;
11777 right: 4px;
11778 top: 6px;
11779 display: none; }
11780 .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
11781 font-size: 16px;
11782 padding: 0 4px;
11783 position: relative;
11784 height: 40px;
11785 border-radius: 3px; }
11786 .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
11787 height: 0px;
11788 display: none;
11789 padding: 0; }
11790 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
11791 flex-shrink: 0;
11792 width: 12px;
11793 height: 12px;
11794 margin-top: 8px;
11795 margin-right: 8px;
11796 border-radius: 6px;
11797 position: relative;
11798 top: -2px; }
11799 .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
11800 height: 16px;
11801 width: 16px;
11802 margin-top: unset; }
11803 .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
11804 margin: 0;
11805 cursor: pointer;
11806 font-weight: normal;
11807 padding-left: 8px; }
11808 .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
11809 display: none; }
11810
11811.tsi-clickableYAxis {
11812 cursor: pointer; }
11813
11814div[class^='tsi-'] {
11815 box-sizing: border-box;
11816 font-family: "Segoe UI", sans-serif; }
11817
11818.tsi-textWrap {
11819 overflow: hidden;
11820 white-space: pre-wrap;
11821 text-overflow: ellipsis;
11822 hyphens: auto;
11823 overflow-wrap: break-word; }
11824
11825.tsi-hidden {
11826 display: none; }
11827
11828@keyframes tsi-slideIn {
11829 from {
11830 transform: translateY(-10px);
11831 opacity: 0; }
11832 to {
11833 transform: translateY(0px);
11834 opacity: 1; } }
11835
11836@keyframes tsi-slideRight {
11837 from {
11838 transform: translateX(-10px);
11839 opacity: 0; }
11840 to {
11841 transform: translateX(0px);
11842 opacity: 1; } }
11843
11844.tsi-resizeGutter {
11845 width: 6px;
11846 cursor: e-resize;
11847 padding: 2px;
11848 background-position-y: 50%;
11849 background-position-x: 0px;
11850 background-repeat: no-repeat; }
11851
11852.tsi-chartValueTextBox {
11853 position: absolute;
11854 white-space: nowrap;
11855 font-size: 11px;
11856 padding: 1px 4px;
11857 border-width: 1px;
11858 border-style: solid;
11859 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
11860 line-height: 16px; }
11861
11862.tsi-baseContextMenu {
11863 white-space: nowrap;
11864 padding: 4px 0;
11865 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
11866 border-width: 1px;
11867 border-radius: 2px;
11868 border-style: solid;
11869 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
11870 text-align: left; }
11871 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
11872 padding: 4px 8px;
11873 font-size: 12px;
11874 cursor: pointer;
11875 height: 28px;
11876 display: flex;
11877 align-items: center;
11878 overflow: hidden; }
11879 .tsi-baseContextMenu .tsi-break {
11880 height: 4px;
11881 margin-top: 4px;
11882 padding: 0 0 4px 0;
11883 cursor: default; }
11884 .tsi-baseContextMenu .tsi-break:last-of-type {
11885 display: none; }
11886
11887.tsi-primaryButton {
11888 height: 36px;
11889 border-radius: 4px;
11890 border-width: 1px;
11891 border-style: solid; }
11892 .tsi-primaryButton.disabled {
11893 cursor: default;
11894 pointer-events: none;
11895 opacity: .5; }
11896
11897.tsi-chartControlsPanel {
11898 height: 20px;
11899 right: 0px;
11900 width: 100px;
11901 position: absolute;
11902 z-index: 2;
11903 pointer-events: none; }
11904 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
11905 pointer-events: all;
11906 left: auto;
11907 right: 20px;
11908 top: 0px;
11909 position: absolute; }
11910 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
11911 pointer-events: all; }
11912 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
11913 z-index: 2 !important; }
11914 .tsi-chartControlsPanel .tsi-stackedButton {
11915 pointer-events: all;
11916 display: block;
11917 background-size: 20px 20px;
11918 background-repeat: no-repeat;
11919 background-position: center;
11920 position: absolute;
11921 height: 100%;
11922 width: 20px;
11923 cursor: pointer;
11924 background-color: transparent;
11925 border: none; }
11926 .tsi-chartControlsPanel .tsi-scooterButton {
11927 display: block;
11928 background-size: 20px 20px;
11929 background-repeat: no-repeat;
11930 background-position: center;
11931 position: absolute;
11932 height: 20px;
11933 width: 20px; }
11934
11935select::-ms-expand {
11936 display: none; }
11937
11938.tsi-select {
11939 margin: 2px;
11940 position: relative;
11941 -webkit-appearance: none;
11942 -moz-appearance: none;
11943 padding: 6px;
11944 padding-right: 28px;
11945 border-width: 1px;
11946 border-radius: 2px;
11947 border-style: solid;
11948 white-space: nowrap;
11949 overflow: hidden;
11950 height: 32px;
11951 background-position-y: 12px;
11952 background-position-x: calc(100% - 4px); }
11953 .tsi-select option {
11954 padding: 6px; }
11955
11956.tsi-warmRect {
11957 fill: #FFA800;
11958 stroke: #FFA800; }
11959
11960.pika-single {
11961 border-bottom: none;
11962 border-left: none;
11963 border-right: none; }
11964 .pika-single .pika-lendar {
11965 text-decoration: none;
11966 width: 196px;
11967 margin-left: 12px;
11968 margin-right: 12px; }
11969 .pika-single .pika-lendar abbr {
11970 text-decoration: none; }
11971 .pika-single .pika-lendar .pika-table .pika-row {
11972 height: 28px;
11973 margin: 0px; }
11974 .pika-single .pika-lendar .pika-table .pika-row td {
11975 padding: 0px; }
11976 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
11977 background-color: #d5ebe9; }
11978 .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 {
11979 background-color: #309d90;
11980 color: white; }
11981 .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 {
11982 background-color: #309d90;
11983 color: white; }
11984 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
11985 border-bottom-left-radius: 8px;
11986 border-top-left-radius: 8px; }
11987 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
11988 border-bottom-right-radius: 8px;
11989 border-top-right-radius: 8px; }
11990 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
11991 width: 100%;
11992 height: 28px;
11993 width: 28px;
11994 margin: 0px; }
11995 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
11996 background-color: #309d90;
11997 color: white; }
11998 .pika-single .pika-lendar .pika-table .pika-button {
11999 border-radius: 0px;
12000 text-align: center; }
12001
12002.tsi-search {
12003 width: 100%;
12004 height: 100%;
12005 display: flex;
12006 flex-shrink: 0;
12007 align-items: center;
12008 position: relative; }
12009 .tsi-search .tsi-search-icon {
12010 width: 21px;
12011 height: 17px;
12012 background-repeat: no-repeat;
12013 margin-left: 8px;
12014 background-size: 14px;
12015 background-position-y: 2px; }
12016 .tsi-search .tsi-searchInput {
12017 position: absolute;
12018 width: 100%;
12019 height: 100%;
12020 padding-left: 28px;
12021 background: transparent;
12022 outline: none;
12023 text-overflow: ellipsis; }
12024
12025.tsi-baseMono {
12026 display: inline-block;
12027 padding: 4px;
12028 border-radius: 3px;
12029 font-family: "Lucida Console", Monaco, monospace;
12030 font-size: 85%;
12031 line-height: 85%;
12032 font-weight: 300; }
12033
12034.tsi-eventsGroup.tsi-dark .tsi-discreteEvent:focus {
12035 outline: 1px solid rgba(255, 255, 255, 0.8);
12036 outline-offset: 2px; }
12037 .tsi-eventsGroup.tsi-dark .tsi-discreteEvent:focus.tsi-discreteEventTeardrop {
12038 outline-offset: -4px; }
12039
12040.tsi-eventsGroup.tsi-dark .yAxis path, .tsi-eventsGroup.tsi-dark .xAxis path {
12041 stroke: #fff; }
12042
12043.tsi-eventsGroup.tsi-dark .yAxis .tick text, .tsi-eventsGroup.tsi-dark .xAxis .tick text {
12044 fill: #fff; }
12045
12046.tsi-eventsGroup.tsi-dark .yAxis .tick line, .tsi-eventsGroup.tsi-dark .xAxis .tick line {
12047 stroke: #fff; }
12048
12049@media screen and (-ms-high-contrast: white-on-black) {
12050 .tsi-eventsGroup.tsi-dark .yAxis path, .tsi-eventsGroup.tsi-dark .xAxis path {
12051 stroke: #fff; }
12052 .tsi-eventsGroup.tsi-dark .yAxis .tick text, .tsi-eventsGroup.tsi-dark .xAxis .tick text {
12053 fill: #fff !important; }
12054 .tsi-eventsGroup.tsi-dark .yAxis .tick line, .tsi-eventsGroup.tsi-dark .xAxis .tick line {
12055 stroke: #fff; } }
12056
12057.tsi-eventsGroup.tsi-dark .vHoverBox, .tsi-eventsGroup.tsi-dark .hHoverBox {
12058 fill: #0d0f0e;
12059 stroke: #60AAFF; }
12060
12061.tsi-eventsGroup.tsi-dark .tsi-resizeGutter.tsi-isDragging {
12062 background-color: #31373e; }
12063
12064.tsi-eventsGroup.tsi-dark ::-webkit-scrollbar {
12065 height: 8px;
12066 width: 8px; }
12067
12068.tsi-eventsGroup.tsi-dark ::-webkit-scrollbar-track {
12069 background: none; }
12070
12071.tsi-eventsGroup.tsi-dark ::-webkit-scrollbar-thumb {
12072 background: #666666;
12073 border-radius: 8px; }
12074
12075.tsi-eventsGroup.tsi-dark ::-webkit-scrollbar-thumb:hover {
12076 background: #666666; }
12077
12078.tsi-eventsGroup.tsi-dark ::-webkit-scrollbar-track:hover {
12079 background: #1e2223; }
12080
12081.tsi-eventsGroup.tsi-dark .hHoverText {
12082 text-anchor: middle; }
12083
12084.tsi-eventsGroup.tsi-dark .vHoverText {
12085 text-anchor: end; }
12086
12087.tsi-eventsGroup.tsi-dark .hoverText {
12088 stroke: none; }
12089
12090.tsi-eventsGroup.tsi-dark .hHoverText, .tsi-eventsGroup.tsi-dark .vHoverText {
12091 font-size: 11px !important; }
12092
12093.tsi-eventsGroup.tsi-dark .hHoverValueBar {
12094 stroke: #fff; }
12095
12096.tsi-eventsGroup.tsi-dark .hoverText {
12097 fill: #fff; }
12098
12099.tsi-eventsGroup.tsi-dark .stacked g path {
12100 fill: #fff !important; }
12101
12102.tsi-eventsGroup.tsi-dark .tooltip text {
12103 fill: #fff; }
12104
12105.tsi-eventsGroup.tsi-dark .tooltip rect {
12106 fill: #0d0f0e;
12107 stroke: #60AAFF; }
12108
12109.tsi-eventsGroup.tsi-dark .tsi-primaryButton {
12110 color: #fff;
12111 border-color: rgba(255, 255, 255, 0.8);
12112 background-color: #1e2223; }
12113 .tsi-eventsGroup.tsi-dark .tsi-primaryButton:hover {
12114 background-color: #62666c; }
12115
12116.tsi-eventsGroup.tsi-dark .yAxis path, .tsi-eventsGroup.tsi-dark .xAxis path {
12117 stroke-width: 1px !important; }
12118
12119.tsi-eventsGroup.tsi-dark .yAxis .tick text, .tsi-eventsGroup.tsi-dark .xAxis .tick text {
12120 user-select: none; }
12121
12122.tsi-eventsGroup.tsi-dark rect, .tsi-eventsGroup.tsi-dark line {
12123 shape-rendering: crispedges; }
12124
12125.tsi-eventsGroup.tsi-dark .stacked g path {
12126 stroke-width: 1;
12127 pointer-events: all;
12128 stroke: none; }
12129
12130.tsi-eventsGroup.tsi-dark .stacked rect {
12131 cursor: pointer;
12132 fill: transparent;
12133 stroke-width: 1; }
12134
12135.tsi-eventsGroup.tsi-dark .tooltip {
12136 pointer-events: none; }
12137 .tsi-eventsGroup.tsi-dark .tooltip text {
12138 alignment-baseline: hanging; }
12139 .tsi-eventsGroup.tsi-dark .tooltip .title {
12140 font-weight: bold;
12141 font-size: 13px; }
12142 .tsi-eventsGroup.tsi-dark .tooltip .value {
12143 font-weight: normal;
12144 font-size: 12px;
12145 font-weight: lighter; }
12146 .tsi-eventsGroup.tsi-dark .tooltip .value.visibleValue {
12147 font-weight: bold; }
12148
12149.tsi-eventsGroup.tsi-dark .tsi-gridComponent {
12150 z-index: 3 !important; }
12151
12152.tsi-eventsGroup.tsi-dark .hHoverValueBar {
12153 stroke-width: 4px; }
12154
12155.tsi-eventsGroup.tsi-dark .focus {
12156 display: none; }
12157
12158.tsi-eventsGroup.tsi-dark svg {
12159 display: block; }
12160
12161.tsi-eventsGroup.tsi-dark .tsi-chartValueTextBox {
12162 background-color: #0d0f0e;
12163 border-color: #62666c; }
12164
12165.tsi-eventsGroup.tsi-dark .tsi-baseMono {
12166 background: #1e2223; }
12167
12168.tsi-eventsGroup.tsi-light .tsi-discreteEvent:focus {
12169 outline: 1px solid rgba(0, 0, 0, 0.8);
12170 outline-offset: 2px; }
12171 .tsi-eventsGroup.tsi-light .tsi-discreteEvent:focus.tsi-discreteEventTeardrop {
12172 outline-offset: -4px; }
12173
12174.tsi-eventsGroup.tsi-light .yAxis path, .tsi-eventsGroup.tsi-light .xAxis path {
12175 stroke: #000; }
12176
12177.tsi-eventsGroup.tsi-light .yAxis .tick text, .tsi-eventsGroup.tsi-light .xAxis .tick text {
12178 fill: #000; }
12179
12180.tsi-eventsGroup.tsi-light .yAxis .tick line, .tsi-eventsGroup.tsi-light .xAxis .tick line {
12181 stroke: #000; }
12182
12183@media screen and (-ms-high-contrast: white-on-black) {
12184 .tsi-eventsGroup.tsi-light .yAxis path, .tsi-eventsGroup.tsi-light .xAxis path {
12185 stroke: #fff; }
12186 .tsi-eventsGroup.tsi-light .yAxis .tick text, .tsi-eventsGroup.tsi-light .xAxis .tick text {
12187 fill: #fff !important; }
12188 .tsi-eventsGroup.tsi-light .yAxis .tick line, .tsi-eventsGroup.tsi-light .xAxis .tick line {
12189 stroke: #fff; } }
12190
12191.tsi-eventsGroup.tsi-light .vHoverBox, .tsi-eventsGroup.tsi-light .hHoverBox {
12192 fill: #ffffff;
12193 stroke: #136BFB; }
12194
12195.tsi-eventsGroup.tsi-light .tsi-resizeGutter.tsi-isDragging {
12196 background-color: #dcdcdc; }
12197
12198.tsi-eventsGroup.tsi-light ::-webkit-scrollbar {
12199 height: 8px;
12200 width: 8px; }
12201
12202.tsi-eventsGroup.tsi-light ::-webkit-scrollbar-track {
12203 background: none; }
12204
12205.tsi-eventsGroup.tsi-light ::-webkit-scrollbar-thumb {
12206 background: #a6a6a6;
12207 border-radius: 8px; }
12208
12209.tsi-eventsGroup.tsi-light ::-webkit-scrollbar-thumb:hover {
12210 background: #a6a6a6; }
12211
12212.tsi-eventsGroup.tsi-light ::-webkit-scrollbar-track:hover {
12213 background: #f2f2f2; }
12214
12215.tsi-eventsGroup.tsi-light .hHoverText {
12216 text-anchor: middle; }
12217
12218.tsi-eventsGroup.tsi-light .vHoverText {
12219 text-anchor: end; }
12220
12221.tsi-eventsGroup.tsi-light .hoverText {
12222 stroke: none; }
12223
12224.tsi-eventsGroup.tsi-light .hHoverText, .tsi-eventsGroup.tsi-light .vHoverText {
12225 font-size: 11px !important; }
12226
12227.tsi-eventsGroup.tsi-light .hHoverValueBar {
12228 stroke: #000; }
12229
12230.tsi-eventsGroup.tsi-light .hoverText {
12231 fill: #000; }
12232
12233.tsi-eventsGroup.tsi-light .stacked g path {
12234 fill: #000 !important; }
12235
12236.tsi-eventsGroup.tsi-light .tooltip text {
12237 fill: #000; }
12238
12239.tsi-eventsGroup.tsi-light .tooltip rect {
12240 fill: #ffffff;
12241 stroke: #136BFB; }
12242
12243.tsi-eventsGroup.tsi-light .tsi-primaryButton {
12244 color: #000;
12245 border-color: rgba(0, 0, 0, 0.8);
12246 background-color: #f2f2f2; }
12247 .tsi-eventsGroup.tsi-light .tsi-primaryButton:hover {
12248 background-color: #b3d6f2; }
12249
12250.tsi-eventsGroup.tsi-light .yAxis path, .tsi-eventsGroup.tsi-light .xAxis path {
12251 stroke-width: 1px !important; }
12252
12253.tsi-eventsGroup.tsi-light .yAxis .tick text, .tsi-eventsGroup.tsi-light .xAxis .tick text {
12254 user-select: none; }
12255
12256.tsi-eventsGroup.tsi-light rect, .tsi-eventsGroup.tsi-light line {
12257 shape-rendering: crispedges; }
12258
12259.tsi-eventsGroup.tsi-light .stacked g path {
12260 stroke-width: 1;
12261 pointer-events: all;
12262 stroke: none; }
12263
12264.tsi-eventsGroup.tsi-light .stacked rect {
12265 cursor: pointer;
12266 fill: transparent;
12267 stroke-width: 1; }
12268
12269.tsi-eventsGroup.tsi-light .tooltip {
12270 pointer-events: none; }
12271 .tsi-eventsGroup.tsi-light .tooltip text {
12272 alignment-baseline: hanging; }
12273 .tsi-eventsGroup.tsi-light .tooltip .title {
12274 font-weight: bold;
12275 font-size: 13px; }
12276 .tsi-eventsGroup.tsi-light .tooltip .value {
12277 font-weight: normal;
12278 font-size: 12px;
12279 font-weight: lighter; }
12280 .tsi-eventsGroup.tsi-light .tooltip .value.visibleValue {
12281 font-weight: bold; }
12282
12283.tsi-eventsGroup.tsi-light .tsi-gridComponent {
12284 z-index: 3 !important; }
12285
12286.tsi-eventsGroup.tsi-light .hHoverValueBar {
12287 stroke-width: 4px; }
12288
12289.tsi-eventsGroup.tsi-light .focus {
12290 display: none; }
12291
12292.tsi-eventsGroup.tsi-light svg {
12293 display: block; }
12294
12295.tsi-eventsGroup.tsi-light .tsi-chartValueTextBox {
12296 background-color: #ffffff;
12297 border-color: #b3d6f2; }
12298
12299.tsi-eventsGroup.tsi-light .tsi-baseMono {
12300 background: #f2f2f2; }
12301
12302div[class^='tsi-'] {
12303 box-sizing: border-box;
12304 font-family: "Segoe UI", sans-serif; }
12305
12306.tsi-textWrap {
12307 overflow: hidden;
12308 white-space: pre-wrap;
12309 text-overflow: ellipsis;
12310 hyphens: auto;
12311 overflow-wrap: break-word; }
12312
12313.tsi-hidden {
12314 display: none; }
12315
12316@keyframes tsi-slideIn {
12317 from {
12318 transform: translateY(-10px);
12319 opacity: 0; }
12320 to {
12321 transform: translateY(0px);
12322 opacity: 1; } }
12323
12324@keyframes tsi-slideRight {
12325 from {
12326 transform: translateX(-10px);
12327 opacity: 0; }
12328 to {
12329 transform: translateX(0px);
12330 opacity: 1; } }
12331
12332.tsi-resizeGutter {
12333 width: 6px;
12334 cursor: e-resize;
12335 padding: 2px;
12336 background-position-y: 50%;
12337 background-position-x: 0px;
12338 background-repeat: no-repeat; }
12339
12340.tsi-chartValueTextBox, .tsi-markerContainer .tsi-markerTimeLabel {
12341 position: absolute;
12342 white-space: nowrap;
12343 font-size: 11px;
12344 padding: 1px 4px;
12345 border-width: 1px;
12346 border-style: solid;
12347 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
12348 line-height: 16px; }
12349
12350.tsi-baseContextMenu {
12351 white-space: nowrap;
12352 padding: 4px 0;
12353 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
12354 border-width: 1px;
12355 border-radius: 2px;
12356 border-style: solid;
12357 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
12358 text-align: left; }
12359 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
12360 padding: 4px 8px;
12361 font-size: 12px;
12362 cursor: pointer;
12363 height: 28px;
12364 display: flex;
12365 align-items: center;
12366 overflow: hidden; }
12367 .tsi-baseContextMenu .tsi-break {
12368 height: 4px;
12369 margin-top: 4px;
12370 padding: 0 0 4px 0;
12371 cursor: default; }
12372 .tsi-baseContextMenu .tsi-break:last-of-type {
12373 display: none; }
12374
12375.tsi-primaryButton {
12376 height: 36px;
12377 border-radius: 4px;
12378 border-width: 1px;
12379 border-style: solid; }
12380 .tsi-primaryButton.disabled {
12381 cursor: default;
12382 pointer-events: none;
12383 opacity: .5; }
12384
12385.tsi-chartControlsPanel {
12386 height: 20px;
12387 right: 0px;
12388 width: 100px;
12389 position: absolute;
12390 z-index: 2;
12391 pointer-events: none; }
12392 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
12393 pointer-events: all;
12394 left: auto;
12395 right: 20px;
12396 top: 0px;
12397 position: absolute; }
12398 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
12399 pointer-events: all; }
12400 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
12401 z-index: 2 !important; }
12402 .tsi-chartControlsPanel .tsi-stackedButton {
12403 pointer-events: all;
12404 display: block;
12405 background-size: 20px 20px;
12406 background-repeat: no-repeat;
12407 background-position: center;
12408 position: absolute;
12409 height: 100%;
12410 width: 20px;
12411 cursor: pointer;
12412 background-color: transparent;
12413 border: none; }
12414 .tsi-chartControlsPanel .tsi-scooterButton {
12415 display: block;
12416 background-size: 20px 20px;
12417 background-repeat: no-repeat;
12418 background-position: center;
12419 position: absolute;
12420 height: 20px;
12421 width: 20px; }
12422
12423select::-ms-expand {
12424 display: none; }
12425
12426.tsi-select {
12427 margin: 2px;
12428 position: relative;
12429 -webkit-appearance: none;
12430 -moz-appearance: none;
12431 padding: 6px;
12432 padding-right: 28px;
12433 border-width: 1px;
12434 border-radius: 2px;
12435 border-style: solid;
12436 white-space: nowrap;
12437 overflow: hidden;
12438 height: 32px;
12439 background-position-y: 12px;
12440 background-position-x: calc(100% - 4px); }
12441 .tsi-select option {
12442 padding: 6px; }
12443
12444.tsi-warmRect {
12445 fill: #FFA800;
12446 stroke: #FFA800; }
12447
12448.pika-single {
12449 border-bottom: none;
12450 border-left: none;
12451 border-right: none; }
12452 .pika-single .pika-lendar {
12453 text-decoration: none;
12454 width: 196px;
12455 margin-left: 12px;
12456 margin-right: 12px; }
12457 .pika-single .pika-lendar abbr {
12458 text-decoration: none; }
12459 .pika-single .pika-lendar .pika-table .pika-row {
12460 height: 28px;
12461 margin: 0px; }
12462 .pika-single .pika-lendar .pika-table .pika-row td {
12463 padding: 0px; }
12464 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
12465 background-color: #d5ebe9; }
12466 .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 {
12467 background-color: #309d90;
12468 color: white; }
12469 .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 {
12470 background-color: #309d90;
12471 color: white; }
12472 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
12473 border-bottom-left-radius: 8px;
12474 border-top-left-radius: 8px; }
12475 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
12476 border-bottom-right-radius: 8px;
12477 border-top-right-radius: 8px; }
12478 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
12479 width: 100%;
12480 height: 28px;
12481 width: 28px;
12482 margin: 0px; }
12483 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
12484 background-color: #309d90;
12485 color: white; }
12486 .pika-single .pika-lendar .pika-table .pika-button {
12487 border-radius: 0px;
12488 text-align: center; }
12489
12490.tsi-search {
12491 width: 100%;
12492 height: 100%;
12493 display: flex;
12494 flex-shrink: 0;
12495 align-items: center;
12496 position: relative; }
12497 .tsi-search .tsi-search-icon {
12498 width: 21px;
12499 height: 17px;
12500 background-repeat: no-repeat;
12501 margin-left: 8px;
12502 background-size: 14px;
12503 background-position-y: 2px; }
12504 .tsi-search .tsi-searchInput {
12505 position: absolute;
12506 width: 100%;
12507 height: 100%;
12508 padding-left: 28px;
12509 background: transparent;
12510 outline: none;
12511 text-overflow: ellipsis; }
12512
12513.tsi-baseMono {
12514 display: inline-block;
12515 padding: 4px;
12516 border-radius: 3px;
12517 font-family: "Lucida Console", Monaco, monospace;
12518 font-size: 85%;
12519 line-height: 85%;
12520 font-weight: 300; }
12521
12522.tsi-markerContainer {
12523 position: absolute;
12524 pointer-events: none;
12525 width: 2px;
12526 transform: translateX(-1px);
12527 z-index: 1;
12528 animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards; }
12529 .tsi-markerContainer .tsi-markerDragger, .tsi-markerContainer .tsi-markerTimeLabel, .tsi-markerContainer .tsi-markerLabel {
12530 pointer-events: all; }
12531 .tsi-markerContainer .tsi-markerLine {
12532 position: absolute;
12533 height: 100%;
12534 width: 2px;
12535 left: 0px;
12536 top: 0px;
12537 cursor: move; }
12538 .tsi-markerContainer .tsi-markerLabel {
12539 z-index: 3;
12540 font-size: 12px;
12541 top: -20px;
12542 cursor: move;
12543 position: absolute;
12544 left: 0px;
12545 -webkit-transform: translateX(calc(-50% + 1px));
12546 transform: translateX(calc(-50% + 1px));
12547 min-width: 32px;
12548 max-width: 124px;
12549 height: 20px;
12550 border-radius: 3px;
12551 -webkit-transition: min-width .367s ease-in-out;
12552 -moz-transition: min-width .367s ease-in-out;
12553 -o-transition: min-width .367s ease-in-out;
12554 transition: min-width .367s ease-in-out; }
12555 .tsi-markerContainer .tsi-markerLabel .tsi-markerGrabber {
12556 width: 20px;
12557 height: 10px;
12558 border-bottom-right-radius: 10px;
12559 border-bottom-left-radius: 10px;
12560 position: absolute;
12561 left: calc(50% - 10px);
12562 top: 100%; }
12563 .tsi-markerContainer .tsi-markerLabel .tsi-markerLabelText {
12564 overflow: hidden;
12565 text-overflow: ellipsis;
12566 width: 100%;
12567 height: 100%;
12568 border-radius: 3px;
12569 line-height: 18px;
12570 white-space: nowrap;
12571 cursor: text;
12572 padding: 0px 4px;
12573 padding-right: 24px;
12574 border-width: 1px;
12575 border-style: solid; }
12576 .tsi-markerContainer .tsi-markerLabel.tsi-markerLabelHovered, .tsi-markerContainer .tsi-markerLabel.tsi-markerLabelTextFocused {
12577 width: 124px;
12578 min-width: 124px;
12579 height: fit-content; }
12580 .tsi-markerContainer .tsi-markerLabel.tsi-markerLabelHovered .tsi-markerLabelText, .tsi-markerContainer .tsi-markerLabel.tsi-markerLabelTextFocused .tsi-markerLabelText {
12581 overflow: wrap;
12582 white-space: normal;
12583 text-overflow: normal; }
12584 .tsi-markerContainer .tsi-markerLabel .tsi-closeButton {
12585 border-radius: 3px;
12586 position: absolute;
12587 right: 2px;
12588 top: 2px;
12589 width: 16px;
12590 height: 16px;
12591 background-size: 12px 12px;
12592 background-position: 2px 2px;
12593 background-repeat: no-repeat;
12594 cursor: pointer; }
12595 .tsi-markerContainer .tsi-markerValue {
12596 position: absolute; }
12597 .tsi-markerContainer .tsi-markerValue.tsi-isInterpolated .tsi-tooltip .tsi-markerValueTooltipInner {
12598 font-style: italic; }
12599 .tsi-markerContainer .tsi-markerValue:not(.tsi-seriesLabelValue) .tsi-tooltip {
12600 box-shadow: none;
12601 border: none; }
12602 .tsi-markerContainer .tsi-markerValue:not(.tsi-seriesLabelValue) .tsi-tooltip .tsi-markerValueTooltipInner {
12603 padding: 0px 4px 0px 4px;
12604 border-width: 1px !important;
12605 border-style: solid;
12606 font-size: 11px;
12607 min-width: unset;
12608 transform: translateX(8px); }
12609 .tsi-markerContainer .tsi-markerValue:not(.tsi-seriesLabelValue) .tsi-markerValueCaret {
12610 left: 2px;
12611 width: 0;
12612 height: 0;
12613 border-top: 8px solid transparent;
12614 border-bottom: 8px solid transparent;
12615 border-right-width: 8px;
12616 border-right-style: solid;
12617 position: absolute;
12618 transform: translateY(-50%);
12619 -webkit-transform: translateY(-50%); }
12620 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue {
12621 transform: translateX(-2px); }
12622 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue .tsi-tooltip {
12623 max-width: 108px;
12624 top: 0px !important;
12625 transform: translate(4px, -50%) !important;
12626 border: none; }
12627 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue .tsi-tooltip .tsi-markerValueTooltipInner {
12628 padding: 4px;
12629 min-width: unset;
12630 border-left-width: 2px !important; }
12631 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue .tsi-tooltip .tsi-markerValueTooltipInner .tsi-tooltipTitle {
12632 font-size: 11px;
12633 line-height: 14px;
12634 overflow-y: hidden;
12635 overflow-x: hidden;
12636 white-space: nowrap;
12637 text-overflow: ellipsis;
12638 font-weight: normal; }
12639 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue .tsi-tooltip .tsi-markerValueTooltipInner .tsi-tooltipSubtitle {
12640 font-size: 10px;
12641 text-overflow: none;
12642 white-space: nowrap;
12643 text-overflow: ellipsis;
12644 overflow-y: hidden;
12645 overflow-x: hidden; }
12646 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded {
12647 max-height: unset;
12648 min-width: 108px; }
12649 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded .tsi-splitBy, .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded .tsi-timeShift, .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded .tsi-variableAlias {
12650 display: block; }
12651 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded .tsi-markerValueTooltipInner .tsi-tooltipTitle, .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded .tsi-markerValueTooltipInner .tsi-tooltipSubtitle {
12652 overflow-y: hidden;
12653 white-space: unset; }
12654 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue.tsi-isExpanded .tsi-markerValueTooltipInner .tsi-tooltipTitle {
12655 font-weight: bold; }
12656 .tsi-markerContainer .tsi-markerValue.tsi-seriesLabelValue .tsi-timeShift {
12657 font-style: italic; }
12658 .tsi-markerContainer.tsi-isFlipped .tsi-markerValue .tsi-tooltip {
12659 transform: translate(calc(-100% - 15px), -50%) !important;
12660 top: 0px !important; }
12661 .tsi-markerContainer.tsi-isFlipped .tsi-markerValue .tsi-markerValueCaret {
12662 transform: rotate(180deg) translateX(10px) translateY(50%); }
12663 .tsi-markerContainer .tsi-markerTimeLabel {
12664 cursor: move;
12665 top: calc(100% + 3px); }
12666 .tsi-markerContainer.tsi-dark {
12667 color: #fff; }
12668 .tsi-markerContainer.tsi-dark .tsi-markerTimeLabel {
12669 background-color: #0d0f0e;
12670 border-color: #62666c; }
12671 .tsi-markerContainer.tsi-dark .tsi-markerLine {
12672 background-color: #62666c;
12673 box-shadow: 0px 0px 0px 1px rgba(30, 34, 35, 0.4); }
12674 .tsi-markerContainer.tsi-dark .tsi-markerLabel {
12675 background-color: #0d0f0e; }
12676 .tsi-markerContainer.tsi-dark .tsi-markerLabel .tsi-markerGrabber {
12677 background-color: #62666c;
12678 box-shadow: 0px 0px 0px 1px rgba(30, 34, 35, 0.4); }
12679 .tsi-markerContainer.tsi-dark .tsi-markerLabel .tsi-closeButton {
12680 background-color: transparent;
12681 border: none;
12682 margin: 0; }
12683 .tsi-markerContainer.tsi-dark .tsi-markerLabel .tsi-closeButton:hover {
12684 background-color: #62666c; }
12685 .tsi-markerContainer.tsi-dark .tsi-markerLabel.tsi-markerLabelHovered .tsi-markerLabelText, .tsi-markerContainer.tsi-dark .tsi-markerLabel.tsi-markerLabelTextFocused .tsi-markerLabelText {
12686 border-color: #60AAFF; }
12687 .tsi-markerContainer.tsi-dark .tsi-markerLabel.tsi-markerLabelHovered .tsi-markerGrabber, .tsi-markerContainer.tsi-dark .tsi-markerLabel.tsi-markerLabelTextFocused .tsi-markerGrabber {
12688 background-color: #60AAFF; }
12689 .tsi-markerContainer.tsi-dark .tsi-markerLabel .tsi-markerLabelText {
12690 outline: none;
12691 border-color: #62666c; }
12692 .tsi-markerContainer.tsi-dark .tsi-markerValue .tsi-tooltip .tsi-markerValueTooltipInner {
12693 background-color: rgba(13, 15, 14, 0.9); }
12694 .tsi-markerContainer.tsi-dark .yAxis path, .tsi-markerContainer.tsi-dark .xAxis path {
12695 stroke: #fff; }
12696 .tsi-markerContainer.tsi-dark .yAxis .tick text, .tsi-markerContainer.tsi-dark .xAxis .tick text {
12697 fill: #fff; }
12698 .tsi-markerContainer.tsi-dark .yAxis .tick line, .tsi-markerContainer.tsi-dark .xAxis .tick line {
12699 stroke: #fff; }
12700 @media screen and (-ms-high-contrast: white-on-black) {
12701 .tsi-markerContainer.tsi-dark .yAxis path, .tsi-markerContainer.tsi-dark .xAxis path {
12702 stroke: #fff; }
12703 .tsi-markerContainer.tsi-dark .yAxis .tick text, .tsi-markerContainer.tsi-dark .xAxis .tick text {
12704 fill: #fff !important; }
12705 .tsi-markerContainer.tsi-dark .yAxis .tick line, .tsi-markerContainer.tsi-dark .xAxis .tick line {
12706 stroke: #fff; } }
12707 .tsi-markerContainer.tsi-dark .vHoverBox, .tsi-markerContainer.tsi-dark .hHoverBox {
12708 fill: #0d0f0e;
12709 stroke: #60AAFF; }
12710 .tsi-markerContainer.tsi-dark .tsi-resizeGutter.tsi-isDragging {
12711 background-color: #31373e; }
12712 .tsi-markerContainer.tsi-dark ::-webkit-scrollbar {
12713 height: 8px;
12714 width: 8px; }
12715 .tsi-markerContainer.tsi-dark ::-webkit-scrollbar-track {
12716 background: none; }
12717 .tsi-markerContainer.tsi-dark ::-webkit-scrollbar-thumb {
12718 background: #666666;
12719 border-radius: 8px; }
12720 .tsi-markerContainer.tsi-dark ::-webkit-scrollbar-thumb:hover {
12721 background: #666666; }
12722 .tsi-markerContainer.tsi-dark ::-webkit-scrollbar-track:hover {
12723 background: #1e2223; }
12724 .tsi-markerContainer.tsi-dark .hHoverText {
12725 text-anchor: middle; }
12726 .tsi-markerContainer.tsi-dark .vHoverText {
12727 text-anchor: end; }
12728 .tsi-markerContainer.tsi-dark .hoverText {
12729 stroke: none; }
12730 .tsi-markerContainer.tsi-dark .hHoverText, .tsi-markerContainer.tsi-dark .vHoverText {
12731 font-size: 11px !important; }
12732 .tsi-markerContainer.tsi-dark .hHoverValueBar {
12733 stroke: #fff; }
12734 .tsi-markerContainer.tsi-dark .hoverText {
12735 fill: #fff; }
12736 .tsi-markerContainer.tsi-dark .stacked g path {
12737 fill: #fff !important; }
12738 .tsi-markerContainer.tsi-dark .tooltip text {
12739 fill: #fff; }
12740 .tsi-markerContainer.tsi-dark .tooltip rect {
12741 fill: #0d0f0e;
12742 stroke: #60AAFF; }
12743 .tsi-markerContainer.tsi-dark .tsi-primaryButton {
12744 color: #fff;
12745 border-color: rgba(255, 255, 255, 0.8);
12746 background-color: #1e2223; }
12747 .tsi-markerContainer.tsi-dark .tsi-primaryButton:hover {
12748 background-color: #62666c; }
12749 .tsi-markerContainer.tsi-dark .yAxis path, .tsi-markerContainer.tsi-dark .xAxis path {
12750 stroke-width: 1px !important; }
12751 .tsi-markerContainer.tsi-dark .yAxis .tick text, .tsi-markerContainer.tsi-dark .xAxis .tick text {
12752 user-select: none; }
12753 .tsi-markerContainer.tsi-dark rect, .tsi-markerContainer.tsi-dark line {
12754 shape-rendering: crispedges; }
12755 .tsi-markerContainer.tsi-dark .stacked g path {
12756 stroke-width: 1;
12757 pointer-events: all;
12758 stroke: none; }
12759 .tsi-markerContainer.tsi-dark .stacked rect {
12760 cursor: pointer;
12761 fill: transparent;
12762 stroke-width: 1; }
12763 .tsi-markerContainer.tsi-dark .tooltip {
12764 pointer-events: none; }
12765 .tsi-markerContainer.tsi-dark .tooltip text {
12766 alignment-baseline: hanging; }
12767 .tsi-markerContainer.tsi-dark .tooltip .title {
12768 font-weight: bold;
12769 font-size: 13px; }
12770 .tsi-markerContainer.tsi-dark .tooltip .value {
12771 font-weight: normal;
12772 font-size: 12px;
12773 font-weight: lighter; }
12774 .tsi-markerContainer.tsi-dark .tooltip .value.visibleValue {
12775 font-weight: bold; }
12776 .tsi-markerContainer.tsi-dark .tsi-gridComponent {
12777 z-index: 3 !important; }
12778 .tsi-markerContainer.tsi-dark .hHoverValueBar {
12779 stroke-width: 4px; }
12780 .tsi-markerContainer.tsi-dark .focus {
12781 display: none; }
12782 .tsi-markerContainer.tsi-dark svg {
12783 display: block; }
12784 .tsi-markerContainer.tsi-dark .tsi-chartValueTextBox, .tsi-markerContainer.tsi-dark .tsi-markerTimeLabel {
12785 background-color: #0d0f0e;
12786 border-color: #62666c; }
12787 .tsi-markerContainer.tsi-dark .tsi-baseMono {
12788 background: #1e2223; }
12789 .tsi-markerContainer.tsi-dark .tsi-markerLabel .tsi-closeButton {
12790 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
12791 .tsi-markerContainer.tsi-light {
12792 color: #000; }
12793 .tsi-markerContainer.tsi-light .tsi-markerTimeLabel {
12794 background-color: #ffffff;
12795 border-color: #b3d6f2; }
12796 .tsi-markerContainer.tsi-light .tsi-markerLine {
12797 background-color: #b3d6f2;
12798 box-shadow: 0px 0px 0px 1px rgba(242, 242, 242, 0.4); }
12799 .tsi-markerContainer.tsi-light .tsi-markerLabel {
12800 background-color: #ffffff; }
12801 .tsi-markerContainer.tsi-light .tsi-markerLabel .tsi-markerGrabber {
12802 background-color: #b3d6f2;
12803 box-shadow: 0px 0px 0px 1px rgba(242, 242, 242, 0.4); }
12804 .tsi-markerContainer.tsi-light .tsi-markerLabel .tsi-closeButton {
12805 background-color: transparent;
12806 border: none;
12807 margin: 0; }
12808 .tsi-markerContainer.tsi-light .tsi-markerLabel .tsi-closeButton:hover {
12809 background-color: #b3d6f2; }
12810 .tsi-markerContainer.tsi-light .tsi-markerLabel.tsi-markerLabelHovered .tsi-markerLabelText, .tsi-markerContainer.tsi-light .tsi-markerLabel.tsi-markerLabelTextFocused .tsi-markerLabelText {
12811 border-color: #136BFB; }
12812 .tsi-markerContainer.tsi-light .tsi-markerLabel.tsi-markerLabelHovered .tsi-markerGrabber, .tsi-markerContainer.tsi-light .tsi-markerLabel.tsi-markerLabelTextFocused .tsi-markerGrabber {
12813 background-color: #136BFB; }
12814 .tsi-markerContainer.tsi-light .tsi-markerLabel .tsi-markerLabelText {
12815 outline: none;
12816 border-color: #b3d6f2; }
12817 .tsi-markerContainer.tsi-light .tsi-markerValue .tsi-tooltip .tsi-markerValueTooltipInner {
12818 background-color: rgba(255, 255, 255, 0.9); }
12819 .tsi-markerContainer.tsi-light .yAxis path, .tsi-markerContainer.tsi-light .xAxis path {
12820 stroke: #000; }
12821 .tsi-markerContainer.tsi-light .yAxis .tick text, .tsi-markerContainer.tsi-light .xAxis .tick text {
12822 fill: #000; }
12823 .tsi-markerContainer.tsi-light .yAxis .tick line, .tsi-markerContainer.tsi-light .xAxis .tick line {
12824 stroke: #000; }
12825 @media screen and (-ms-high-contrast: white-on-black) {
12826 .tsi-markerContainer.tsi-light .yAxis path, .tsi-markerContainer.tsi-light .xAxis path {
12827 stroke: #fff; }
12828 .tsi-markerContainer.tsi-light .yAxis .tick text, .tsi-markerContainer.tsi-light .xAxis .tick text {
12829 fill: #fff !important; }
12830 .tsi-markerContainer.tsi-light .yAxis .tick line, .tsi-markerContainer.tsi-light .xAxis .tick line {
12831 stroke: #fff; } }
12832 .tsi-markerContainer.tsi-light .vHoverBox, .tsi-markerContainer.tsi-light .hHoverBox {
12833 fill: #ffffff;
12834 stroke: #136BFB; }
12835 .tsi-markerContainer.tsi-light .tsi-resizeGutter.tsi-isDragging {
12836 background-color: #dcdcdc; }
12837 .tsi-markerContainer.tsi-light ::-webkit-scrollbar {
12838 height: 8px;
12839 width: 8px; }
12840 .tsi-markerContainer.tsi-light ::-webkit-scrollbar-track {
12841 background: none; }
12842 .tsi-markerContainer.tsi-light ::-webkit-scrollbar-thumb {
12843 background: #a6a6a6;
12844 border-radius: 8px; }
12845 .tsi-markerContainer.tsi-light ::-webkit-scrollbar-thumb:hover {
12846 background: #a6a6a6; }
12847 .tsi-markerContainer.tsi-light ::-webkit-scrollbar-track:hover {
12848 background: #f2f2f2; }
12849 .tsi-markerContainer.tsi-light .hHoverText {
12850 text-anchor: middle; }
12851 .tsi-markerContainer.tsi-light .vHoverText {
12852 text-anchor: end; }
12853 .tsi-markerContainer.tsi-light .hoverText {
12854 stroke: none; }
12855 .tsi-markerContainer.tsi-light .hHoverText, .tsi-markerContainer.tsi-light .vHoverText {
12856 font-size: 11px !important; }
12857 .tsi-markerContainer.tsi-light .hHoverValueBar {
12858 stroke: #000; }
12859 .tsi-markerContainer.tsi-light .hoverText {
12860 fill: #000; }
12861 .tsi-markerContainer.tsi-light .stacked g path {
12862 fill: #000 !important; }
12863 .tsi-markerContainer.tsi-light .tooltip text {
12864 fill: #000; }
12865 .tsi-markerContainer.tsi-light .tooltip rect {
12866 fill: #ffffff;
12867 stroke: #136BFB; }
12868 .tsi-markerContainer.tsi-light .tsi-primaryButton {
12869 color: #000;
12870 border-color: rgba(0, 0, 0, 0.8);
12871 background-color: #f2f2f2; }
12872 .tsi-markerContainer.tsi-light .tsi-primaryButton:hover {
12873 background-color: #b3d6f2; }
12874 .tsi-markerContainer.tsi-light .yAxis path, .tsi-markerContainer.tsi-light .xAxis path {
12875 stroke-width: 1px !important; }
12876 .tsi-markerContainer.tsi-light .yAxis .tick text, .tsi-markerContainer.tsi-light .xAxis .tick text {
12877 user-select: none; }
12878 .tsi-markerContainer.tsi-light rect, .tsi-markerContainer.tsi-light line {
12879 shape-rendering: crispedges; }
12880 .tsi-markerContainer.tsi-light .stacked g path {
12881 stroke-width: 1;
12882 pointer-events: all;
12883 stroke: none; }
12884 .tsi-markerContainer.tsi-light .stacked rect {
12885 cursor: pointer;
12886 fill: transparent;
12887 stroke-width: 1; }
12888 .tsi-markerContainer.tsi-light .tooltip {
12889 pointer-events: none; }
12890 .tsi-markerContainer.tsi-light .tooltip text {
12891 alignment-baseline: hanging; }
12892 .tsi-markerContainer.tsi-light .tooltip .title {
12893 font-weight: bold;
12894 font-size: 13px; }
12895 .tsi-markerContainer.tsi-light .tooltip .value {
12896 font-weight: normal;
12897 font-size: 12px;
12898 font-weight: lighter; }
12899 .tsi-markerContainer.tsi-light .tooltip .value.visibleValue {
12900 font-weight: bold; }
12901 .tsi-markerContainer.tsi-light .tsi-gridComponent {
12902 z-index: 3 !important; }
12903 .tsi-markerContainer.tsi-light .hHoverValueBar {
12904 stroke-width: 4px; }
12905 .tsi-markerContainer.tsi-light .focus {
12906 display: none; }
12907 .tsi-markerContainer.tsi-light svg {
12908 display: block; }
12909 .tsi-markerContainer.tsi-light .tsi-chartValueTextBox, .tsi-markerContainer.tsi-light .tsi-markerTimeLabel {
12910 background-color: #ffffff;
12911 border-color: #b3d6f2; }
12912 .tsi-markerContainer.tsi-light .tsi-baseMono {
12913 background: #f2f2f2; }
12914 .tsi-markerContainer.tsi-light .tsi-markerLabel .tsi-closeButton {
12915 background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E"); }
12916
12917div[class^='tsi-'] {
12918 box-sizing: border-box;
12919 font-family: "Segoe UI", sans-serif; }
12920
12921.tsi-textWrap {
12922 overflow: hidden;
12923 white-space: pre-wrap;
12924 text-overflow: ellipsis;
12925 hyphens: auto;
12926 overflow-wrap: break-word; }
12927
12928.tsi-hidden {
12929 display: none; }
12930
12931@keyframes tsi-slideIn {
12932 from {
12933 transform: translateY(-10px);
12934 opacity: 0; }
12935 to {
12936 transform: translateY(0px);
12937 opacity: 1; } }
12938
12939@keyframes tsi-slideRight {
12940 from {
12941 transform: translateX(-10px);
12942 opacity: 0; }
12943 to {
12944 transform: translateX(0px);
12945 opacity: 1; } }
12946
12947.tsi-resizeGutter {
12948 width: 6px;
12949 cursor: e-resize;
12950 padding: 2px;
12951 background-position-y: 50%;
12952 background-position-x: 0px;
12953 background-repeat: no-repeat; }
12954
12955.tsi-chartValueTextBox {
12956 position: absolute;
12957 white-space: nowrap;
12958 font-size: 11px;
12959 padding: 1px 4px;
12960 border-width: 1px;
12961 border-style: solid;
12962 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
12963 line-height: 16px; }
12964
12965.tsi-baseContextMenu {
12966 white-space: nowrap;
12967 padding: 4px 0;
12968 animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
12969 border-width: 1px;
12970 border-radius: 2px;
12971 border-style: solid;
12972 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
12973 text-align: left; }
12974 .tsi-baseContextMenu > div, .tsi-baseContextMenu > li, .tsi-baseContextMenu > button {
12975 padding: 4px 8px;
12976 font-size: 12px;
12977 cursor: pointer;
12978 height: 28px;
12979 display: flex;
12980 align-items: center;
12981 overflow: hidden; }
12982 .tsi-baseContextMenu .tsi-break {
12983 height: 4px;
12984 margin-top: 4px;
12985 padding: 0 0 4px 0;
12986 cursor: default; }
12987 .tsi-baseContextMenu .tsi-break:last-of-type {
12988 display: none; }
12989
12990.tsi-primaryButton {
12991 height: 36px;
12992 border-radius: 4px;
12993 border-width: 1px;
12994 border-style: solid; }
12995 .tsi-primaryButton.disabled {
12996 cursor: default;
12997 pointer-events: none;
12998 opacity: .5; }
12999
13000.tsi-chartControlsPanel {
13001 height: 20px;
13002 right: 0px;
13003 width: 100px;
13004 position: absolute;
13005 z-index: 2;
13006 pointer-events: none; }
13007 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv {
13008 pointer-events: all;
13009 left: auto;
13010 right: 20px;
13011 top: 0px;
13012 position: absolute; }
13013 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer {
13014 pointer-events: all; }
13015 .tsi-chartControlsPanel .tsi-ellipsisContainerDiv .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
13016 z-index: 2 !important; }
13017 .tsi-chartControlsPanel .tsi-stackedButton {
13018 pointer-events: all;
13019 display: block;
13020 background-size: 20px 20px;
13021 background-repeat: no-repeat;
13022 background-position: center;
13023 position: absolute;
13024 height: 100%;
13025 width: 20px;
13026 cursor: pointer;
13027 background-color: transparent;
13028 border: none; }
13029 .tsi-chartControlsPanel .tsi-scooterButton {
13030 display: block;
13031 background-size: 20px 20px;
13032 background-repeat: no-repeat;
13033 background-position: center;
13034 position: absolute;
13035 height: 20px;
13036 width: 20px; }
13037
13038select::-ms-expand {
13039 display: none; }
13040
13041.tsi-select {
13042 margin: 2px;
13043 position: relative;
13044 -webkit-appearance: none;
13045 -moz-appearance: none;
13046 padding: 6px;
13047 padding-right: 28px;
13048 border-width: 1px;
13049 border-radius: 2px;
13050 border-style: solid;
13051 white-space: nowrap;
13052 overflow: hidden;
13053 height: 32px;
13054 background-position-y: 12px;
13055 background-position-x: calc(100% - 4px); }
13056 .tsi-select option {
13057 padding: 6px; }
13058
13059.tsi-warmRect {
13060 fill: #FFA800;
13061 stroke: #FFA800; }
13062
13063.pika-single {
13064 border-bottom: none;
13065 border-left: none;
13066 border-right: none; }
13067 .pika-single .pika-lendar {
13068 text-decoration: none;
13069 width: 196px;
13070 margin-left: 12px;
13071 margin-right: 12px; }
13072 .pika-single .pika-lendar abbr {
13073 text-decoration: none; }
13074 .pika-single .pika-lendar .pika-table .pika-row {
13075 height: 28px;
13076 margin: 0px; }
13077 .pika-single .pika-lendar .pika-table .pika-row td {
13078 padding: 0px; }
13079 .pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
13080 background-color: #d5ebe9; }
13081 .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 {
13082 background-color: #309d90;
13083 color: white; }
13084 .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 {
13085 background-color: #309d90;
13086 color: white; }
13087 .pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
13088 border-bottom-left-radius: 8px;
13089 border-top-left-radius: 8px; }
13090 .pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
13091 border-bottom-right-radius: 8px;
13092 border-top-right-radius: 8px; }
13093 .pika-single .pika-lendar .pika-table .pika-row td .pika-day {
13094 width: 100%;
13095 height: 28px;
13096 width: 28px;
13097 margin: 0px; }
13098 .pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
13099 background-color: #309d90;
13100 color: white; }
13101 .pika-single .pika-lendar .pika-table .pika-button {
13102 border-radius: 0px;
13103 text-align: center; }
13104
13105.tsi-search {
13106 width: 100%;
13107 height: 100%;
13108 display: flex;
13109 flex-shrink: 0;
13110 align-items: center;
13111 position: relative; }
13112 .tsi-search .tsi-search-icon {
13113 width: 21px;
13114 height: 17px;
13115 background-repeat: no-repeat;
13116 margin-left: 8px;
13117 background-size: 14px;
13118 background-position-y: 2px; }
13119 .tsi-search .tsi-searchInput {
13120 position: absolute;
13121 width: 100%;
13122 height: 100%;
13123 padding-left: 28px;
13124 background: transparent;
13125 outline: none;
13126 text-overflow: ellipsis; }
13127
13128.tsi-baseMono {
13129 display: inline-block;
13130 padding: 4px;
13131 border-radius: 3px;
13132 font-family: "Lucida Console", Monaco, monospace;
13133 font-size: 85%;
13134 line-height: 85%;
13135 font-weight: 300; }
13136
13137.tsi-heatmapCanvasWrapper {
13138 overflow: visible; }
13139 .tsi-heatmapCanvasWrapper.tsi-dark {
13140 color: #fff; }
13141 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis path, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis path {
13142 stroke: #fff; }
13143 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis .tick text, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis .tick text {
13144 fill: #fff; }
13145 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis .tick line, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis .tick line {
13146 stroke: #fff; }
13147 @media screen and (-ms-high-contrast: white-on-black) {
13148 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis path, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis path {
13149 stroke: #fff; }
13150 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis .tick text, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis .tick text {
13151 fill: #fff !important; }
13152 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis .tick line, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis .tick line {
13153 stroke: #fff; } }
13154 .tsi-heatmapCanvasWrapper.tsi-dark .vHoverBox, .tsi-heatmapCanvasWrapper.tsi-dark .hHoverBox {
13155 fill: #0d0f0e;
13156 stroke: #60AAFF; }
13157 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-resizeGutter.tsi-isDragging {
13158 background-color: #31373e; }
13159 .tsi-heatmapCanvasWrapper.tsi-dark ::-webkit-scrollbar {
13160 height: 8px;
13161 width: 8px; }
13162 .tsi-heatmapCanvasWrapper.tsi-dark ::-webkit-scrollbar-track {
13163 background: none; }
13164 .tsi-heatmapCanvasWrapper.tsi-dark ::-webkit-scrollbar-thumb {
13165 background: #666666;
13166 border-radius: 8px; }
13167 .tsi-heatmapCanvasWrapper.tsi-dark ::-webkit-scrollbar-thumb:hover {
13168 background: #666666; }
13169 .tsi-heatmapCanvasWrapper.tsi-dark ::-webkit-scrollbar-track:hover {
13170 background: #1e2223; }
13171 .tsi-heatmapCanvasWrapper.tsi-dark .hHoverText {
13172 text-anchor: middle; }
13173 .tsi-heatmapCanvasWrapper.tsi-dark .vHoverText {
13174 text-anchor: end; }
13175 .tsi-heatmapCanvasWrapper.tsi-dark .hoverText {
13176 stroke: none; }
13177 .tsi-heatmapCanvasWrapper.tsi-dark .hHoverText, .tsi-heatmapCanvasWrapper.tsi-dark .vHoverText {
13178 font-size: 11px !important; }
13179 .tsi-heatmapCanvasWrapper.tsi-dark .hHoverValueBar {
13180 stroke: #fff; }
13181 .tsi-heatmapCanvasWrapper.tsi-dark .hoverText {
13182 fill: #fff; }
13183 .tsi-heatmapCanvasWrapper.tsi-dark .stacked g path {
13184 fill: #fff !important; }
13185 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip text {
13186 fill: #fff; }
13187 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip rect {
13188 fill: #0d0f0e;
13189 stroke: #60AAFF; }
13190 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-primaryButton {
13191 color: #fff;
13192 border-color: rgba(255, 255, 255, 0.8);
13193 background-color: #1e2223; }
13194 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-primaryButton:hover {
13195 background-color: #62666c; }
13196 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis path, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis path {
13197 stroke-width: 1px !important; }
13198 .tsi-heatmapCanvasWrapper.tsi-dark .yAxis .tick text, .tsi-heatmapCanvasWrapper.tsi-dark .xAxis .tick text {
13199 user-select: none; }
13200 .tsi-heatmapCanvasWrapper.tsi-dark rect, .tsi-heatmapCanvasWrapper.tsi-dark line {
13201 shape-rendering: crispedges; }
13202 .tsi-heatmapCanvasWrapper.tsi-dark .stacked g path {
13203 stroke-width: 1;
13204 pointer-events: all;
13205 stroke: none; }
13206 .tsi-heatmapCanvasWrapper.tsi-dark .stacked rect {
13207 cursor: pointer;
13208 fill: transparent;
13209 stroke-width: 1; }
13210 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip {
13211 pointer-events: none; }
13212 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip text {
13213 alignment-baseline: hanging; }
13214 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip .title {
13215 font-weight: bold;
13216 font-size: 13px; }
13217 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip .value {
13218 font-weight: normal;
13219 font-size: 12px;
13220 font-weight: lighter; }
13221 .tsi-heatmapCanvasWrapper.tsi-dark .tooltip .value.visibleValue {
13222 font-weight: bold; }
13223 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-gridComponent {
13224 z-index: 3 !important; }
13225 .tsi-heatmapCanvasWrapper.tsi-dark .hHoverValueBar {
13226 stroke-width: 4px; }
13227 .tsi-heatmapCanvasWrapper.tsi-dark .focus {
13228 display: none; }
13229 .tsi-heatmapCanvasWrapper.tsi-dark svg {
13230 display: block; }
13231 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-chartValueTextBox {
13232 background-color: #0d0f0e;
13233 border-color: #62666c; }
13234 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-baseMono {
13235 background: #1e2223; }
13236 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-heatmapColorLegend .highlightedValueLine {
13237 stroke: #fff; }
13238 .tsi-heatmapCanvasWrapper.tsi-dark .tsi-heatmapColorLegend text {
13239 fill: #fff; }
13240 .tsi-heatmapCanvasWrapper.tsi-light {
13241 color: #000; }
13242 .tsi-heatmapCanvasWrapper.tsi-light .yAxis path, .tsi-heatmapCanvasWrapper.tsi-light .xAxis path {
13243 stroke: #000; }
13244 .tsi-heatmapCanvasWrapper.tsi-light .yAxis .tick text, .tsi-heatmapCanvasWrapper.tsi-light .xAxis .tick text {
13245 fill: #000; }
13246 .tsi-heatmapCanvasWrapper.tsi-light .yAxis .tick line, .tsi-heatmapCanvasWrapper.tsi-light .xAxis .tick line {
13247 stroke: #000; }
13248 @media screen and (-ms-high-contrast: white-on-black) {
13249 .tsi-heatmapCanvasWrapper.tsi-light .yAxis path, .tsi-heatmapCanvasWrapper.tsi-light .xAxis path {
13250 stroke: #fff; }
13251 .tsi-heatmapCanvasWrapper.tsi-light .yAxis .tick text, .tsi-heatmapCanvasWrapper.tsi-light .xAxis .tick text {
13252 fill: #fff !important; }
13253 .tsi-heatmapCanvasWrapper.tsi-light .yAxis .tick line, .tsi-heatmapCanvasWrapper.tsi-light .xAxis .tick line {
13254 stroke: #fff; } }
13255 .tsi-heatmapCanvasWrapper.tsi-light .vHoverBox, .tsi-heatmapCanvasWrapper.tsi-light .hHoverBox {
13256 fill: #ffffff;
13257 stroke: #136BFB; }
13258 .tsi-heatmapCanvasWrapper.tsi-light .tsi-resizeGutter.tsi-isDragging {
13259 background-color: #dcdcdc; }
13260 .tsi-heatmapCanvasWrapper.tsi-light ::-webkit-scrollbar {
13261 height: 8px;
13262 width: 8px; }
13263 .tsi-heatmapCanvasWrapper.tsi-light ::-webkit-scrollbar-track {
13264 background: none; }
13265 .tsi-heatmapCanvasWrapper.tsi-light ::-webkit-scrollbar-thumb {
13266 background: #a6a6a6;
13267 border-radius: 8px; }
13268 .tsi-heatmapCanvasWrapper.tsi-light ::-webkit-scrollbar-thumb:hover {
13269 background: #a6a6a6; }
13270 .tsi-heatmapCanvasWrapper.tsi-light ::-webkit-scrollbar-track:hover {
13271 background: #f2f2f2; }
13272 .tsi-heatmapCanvasWrapper.tsi-light .hHoverText {
13273 text-anchor: middle; }
13274 .tsi-heatmapCanvasWrapper.tsi-light .vHoverText {
13275 text-anchor: end; }
13276 .tsi-heatmapCanvasWrapper.tsi-light .hoverText {
13277 stroke: none; }
13278 .tsi-heatmapCanvasWrapper.tsi-light .hHoverText, .tsi-heatmapCanvasWrapper.tsi-light .vHoverText {
13279 font-size: 11px !important; }
13280 .tsi-heatmapCanvasWrapper.tsi-light .hHoverValueBar {
13281 stroke: #000; }
13282 .tsi-heatmapCanvasWrapper.tsi-light .hoverText {
13283 fill: #000; }
13284 .tsi-heatmapCanvasWrapper.tsi-light .stacked g path {
13285 fill: #000 !important; }
13286 .tsi-heatmapCanvasWrapper.tsi-light .tooltip text {
13287 fill: #000; }
13288 .tsi-heatmapCanvasWrapper.tsi-light .tooltip rect {
13289 fill: #ffffff;
13290 stroke: #136BFB; }
13291 .tsi-heatmapCanvasWrapper.tsi-light .tsi-primaryButton {
13292 color: #000;
13293 border-color: rgba(0, 0, 0, 0.8);
13294 background-color: #f2f2f2; }
13295 .tsi-heatmapCanvasWrapper.tsi-light .tsi-primaryButton:hover {
13296 background-color: #b3d6f2; }
13297 .tsi-heatmapCanvasWrapper.tsi-light .yAxis path, .tsi-heatmapCanvasWrapper.tsi-light .xAxis path {
13298 stroke-width: 1px !important; }
13299 .tsi-heatmapCanvasWrapper.tsi-light .yAxis .tick text, .tsi-heatmapCanvasWrapper.tsi-light .xAxis .tick text {
13300 user-select: none; }
13301 .tsi-heatmapCanvasWrapper.tsi-light rect, .tsi-heatmapCanvasWrapper.tsi-light line {
13302 shape-rendering: crispedges; }
13303 .tsi-heatmapCanvasWrapper.tsi-light .stacked g path {
13304 stroke-width: 1;
13305 pointer-events: all;
13306 stroke: none; }
13307 .tsi-heatmapCanvasWrapper.tsi-light .stacked rect {
13308 cursor: pointer;
13309 fill: transparent;
13310 stroke-width: 1; }
13311 .tsi-heatmapCanvasWrapper.tsi-light .tooltip {
13312 pointer-events: none; }
13313 .tsi-heatmapCanvasWrapper.tsi-light .tooltip text {
13314 alignment-baseline: hanging; }
13315 .tsi-heatmapCanvasWrapper.tsi-light .tooltip .title {
13316 font-weight: bold;
13317 font-size: 13px; }
13318 .tsi-heatmapCanvasWrapper.tsi-light .tooltip .value {
13319 font-weight: normal;
13320 font-size: 12px;
13321 font-weight: lighter; }
13322 .tsi-heatmapCanvasWrapper.tsi-light .tooltip .value.visibleValue {
13323 font-weight: bold; }
13324 .tsi-heatmapCanvasWrapper.tsi-light .tsi-gridComponent {
13325 z-index: 3 !important; }
13326 .tsi-heatmapCanvasWrapper.tsi-light .hHoverValueBar {
13327 stroke-width: 4px; }
13328 .tsi-heatmapCanvasWrapper.tsi-light .focus {
13329 display: none; }
13330 .tsi-heatmapCanvasWrapper.tsi-light svg {
13331 display: block; }
13332 .tsi-heatmapCanvasWrapper.tsi-light .tsi-chartValueTextBox {
13333 background-color: #ffffff;
13334 border-color: #b3d6f2; }
13335 .tsi-heatmapCanvasWrapper.tsi-light .tsi-baseMono {
13336 background: #f2f2f2; }
13337 .tsi-heatmapCanvasWrapper.tsi-light .tsi-heatmapColorLegend .highlightedValueLine {
13338 stroke: #000; }
13339 .tsi-heatmapCanvasWrapper.tsi-light .tsi-heatmapColorLegend text {
13340 fill: #000; }
13341 .tsi-heatmapCanvasWrapper .tsi-heatmapColorLegend {
13342 top: 0px;
13343 position: absolute;
13344 overflow: visible; }
13345 .tsi-heatmapCanvasWrapper .tsi-heatmapColorLegend text {
13346 font-size: 11px;
13347 text-anchor: end;
13348 dominant-baseline: middle;
13349 stroke: none; }
13350 .tsi-heatmapCanvasWrapper .tsi-heatmapColorLegend .highlightedValueLine {
13351 fill: none;
13352 stroke-width: 2px;
13353 pointer-events: none; }
13354 .tsi-heatmapCanvasWrapper .tsi-heatmapColorLegend .highlightedValueText {
13355 font-size: 12px; }