tsichart-core 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/dist/AggregateExpression.d.ts +2 -2
  2. package/dist/AggregateExpression.js +3 -3
  3. package/dist/{AvailabilityChart-vciRThEz.js → AvailabilityChart-C8ewvn3T.js} +6 -6
  4. package/dist/AvailabilityChart.d.ts +5 -5
  5. package/dist/AvailabilityChart.js +19 -19
  6. package/dist/{ChartComponent-BxPbycj0.js → ChartComponent-Dg8P-BTZ.js} +5 -5
  7. package/dist/{ChartComponent-L_dR-Eny.d.ts → ChartComponent-ONNW31RL.d.ts} +3 -3
  8. package/dist/{ChartDataOptions-rcIzlQJO.js → ChartDataOptions-CNTSB636.js} +1 -1
  9. package/dist/{ChartDataOptions-DBu_M5gU.d.ts → ChartDataOptions-D0BJuRZy.d.ts} +1 -1
  10. package/dist/{ChartVisualizationComponent-NsvZCsc-.js → ChartVisualizationComponent-CTs5Q_sg.js} +4 -4
  11. package/dist/{ChartVisualizationComponent-CswB2P7Z.d.ts → ChartVisualizationComponent-CpR8xZla.d.ts} +1 -1
  12. package/dist/{ColorPicker-CUZt1uup.js → ColorPicker-0p6vkATj.js} +3 -3
  13. package/dist/ColorPicker.d.ts +3 -3
  14. package/dist/ColorPicker.js +4 -4
  15. package/dist/{Component-C9fQU2ia.js → Component-BgifJdKl.js} +1 -1
  16. package/dist/{Component-CdI_Pyko.d.ts → Component-DXwYPoSo.d.ts} +2 -2
  17. package/dist/{ContextMenu-CP1qV7pP.js → ContextMenu-wqGGgAzp.js} +2 -2
  18. package/dist/{DateTimeButton-DnqhATyX.js → DateTimeButton-D7N8XG0S.js} +3 -3
  19. package/dist/{DateTimeButton-Ck71nL87.d.ts → DateTimeButton-DfJL5kvr.d.ts} +1 -1
  20. package/dist/{DateTimeButtonRange-CT1zOoCf.js → DateTimeButtonRange-BM_J646m.js} +4 -4
  21. package/dist/DateTimeButtonRange.d.ts +6 -6
  22. package/dist/DateTimeButtonRange.js +11 -11
  23. package/dist/{DateTimeButtonSingle-DZk5fW35.js → DateTimeButtonSingle-BxMSitQG.js} +3 -3
  24. package/dist/DateTimeButtonSingle.d.ts +6 -6
  25. package/dist/DateTimeButtonSingle.js +10 -10
  26. package/dist/{DateTimePicker-CuGwz86U.js → DateTimePicker-BgTi-DY9.js} +5 -5
  27. package/dist/DateTimePicker.d.ts +5 -5
  28. package/dist/DateTimePicker.js +9 -9
  29. package/dist/{EllipsisMenu-CNWSo-qQ.js → EllipsisMenu-CxJ0LoVm.js} +2 -2
  30. package/dist/EllipsisMenu.d.ts +3 -3
  31. package/dist/EllipsisMenu.js +4 -4
  32. package/dist/{EventsTable-mjoOfc0E.js → EventsTable-CsnBvvIW.js} +3 -3
  33. package/dist/EventsTable.d.ts +5 -5
  34. package/dist/EventsTable.js +7 -7
  35. package/dist/{GeoProcessGraphic-CSsTL4zj.js → GeoProcessGraphic-CUBMHIHX.js} +2 -2
  36. package/dist/GeoProcessGraphic.d.ts +5 -5
  37. package/dist/GeoProcessGraphic.js +5 -5
  38. package/dist/{Grid-ByDh3Qdn.js → Grid-uoHKTet9.js} +3 -3
  39. package/dist/Grid.d.ts +4 -4
  40. package/dist/Grid.js +4 -4
  41. package/dist/{GroupedBarChart-DrSrSHNj.js → GroupedBarChart-Bc3cGhgz.js} +8 -8
  42. package/dist/GroupedBarChart.d.ts +7 -7
  43. package/dist/GroupedBarChart.js +14 -14
  44. package/dist/{GroupedBarChartData-DK30DLVh.d.ts → GroupedBarChartData-B7BTM9JH.d.ts} +1 -1
  45. package/dist/{GroupedBarChartData-CpJKvTDQ.js → GroupedBarChartData-Ml5JJimg.js} +3 -3
  46. package/dist/{Heatmap-BbWcAgp6.js → Heatmap-5gFc_AVW.js} +6 -6
  47. package/dist/Heatmap.d.ts +7 -7
  48. package/dist/Heatmap.js +11 -11
  49. package/dist/{Hierarchy-BsvoKnCY.js → Hierarchy-C5ueDsus.js} +3 -3
  50. package/dist/Hierarchy.d.ts +3 -3
  51. package/dist/Hierarchy.js +4 -4
  52. package/dist/{HierarchyNavigation-C5yoj--u.js → HierarchyNavigation-C3Pwt0D6.js} +3 -3
  53. package/dist/HierarchyNavigation.d.ts +3 -3
  54. package/dist/HierarchyNavigation.js +4 -4
  55. package/dist/{HistoryPlayback-DiflRzRf.js → HistoryPlayback-D09bter3.js} +3 -3
  56. package/dist/{HistoryPlayback-DIhAsAOi.d.ts → HistoryPlayback-DmJ6u7lU.d.ts} +1 -1
  57. package/dist/{Legend-CQ5yaF8f.js → Legend-gCIrAytG.js} +3 -3
  58. package/dist/{LineChart-DcUenMrZ.js → LineChart-CzDp5ULB.js} +8 -8
  59. package/dist/LineChart.d.ts +7 -7
  60. package/dist/LineChart.js +13 -13
  61. package/dist/{ModelAutocomplete-sxVy4m65.js → ModelAutocomplete-lU71Ndju.js} +3 -3
  62. package/dist/ModelAutocomplete.d.ts +3 -3
  63. package/dist/ModelAutocomplete.js +4 -4
  64. package/dist/{ModelSearch-DEg5KwKw.js → ModelSearch-OF4DygOJ.js} +5 -5
  65. package/dist/ModelSearch.d.ts +3 -3
  66. package/dist/ModelSearch.js +6 -6
  67. package/dist/{PieChart-DDxMXcXE.js → PieChart-XLc9Itne.js} +9 -9
  68. package/dist/PieChart.d.ts +7 -7
  69. package/dist/PieChart.js +14 -14
  70. package/dist/{PlaybackControls-DSoUncDP.js → PlaybackControls-DbG9gExy.js} +4 -4
  71. package/dist/PlaybackControls.d.ts +3 -3
  72. package/dist/PlaybackControls.js +10 -10
  73. package/dist/{ProcessGraphic-1f-FoGDy.js → ProcessGraphic-Cft1b4Mf.js} +3 -3
  74. package/dist/ProcessGraphic.d.ts +5 -5
  75. package/dist/ProcessGraphic.js +5 -5
  76. package/dist/{ScatterPlot-BAn6r8ml.js → ScatterPlot-CdnqSHq2.js} +8 -8
  77. package/dist/ScatterPlot.d.ts +7 -7
  78. package/dist/ScatterPlot.js +13 -13
  79. package/dist/{SingleDateTimePicker-BrFB5iPu.js → SingleDateTimePicker-Ddr-ogTk.js} +4 -4
  80. package/dist/SingleDateTimePicker.d.ts +5 -5
  81. package/dist/SingleDateTimePicker.js +8 -8
  82. package/dist/{Slider-BpNCqoBD.js → Slider-CX0nvlqx.js} +3 -3
  83. package/dist/Slider.d.ts +3 -3
  84. package/dist/Slider.js +4 -4
  85. package/dist/{TemporalXAxisComponent-BsTQyVO6.js → TemporalXAxisComponent-DXmMekYq.js} +3 -3
  86. package/dist/{TemporalXAxisComponent-DohbI08i.d.ts → TemporalXAxisComponent-PIeiJYUr.d.ts} +1 -1
  87. package/dist/{TimezonePicker-DHkC2iKE.js → TimezonePicker-CQpXR5eb.js} +3 -3
  88. package/dist/TimezonePicker.d.ts +5 -5
  89. package/dist/TimezonePicker.js +7 -7
  90. package/dist/{Tooltip-B-mIKo4g.js → Tooltip-C13k0eeH.js} +2 -2
  91. package/dist/TsqExpression.d.ts +2 -2
  92. package/dist/TsqExpression.js +3 -3
  93. package/dist/{UXClient-BTulvzpq.js → UXClient-Bn1afElm.js} +24 -24
  94. package/dist/UXClient.d.ts +11 -11
  95. package/dist/UXClient.js +38 -38
  96. package/dist/{Utils-ChzaAbch.d.ts → Utils-BcQeZOM3.d.ts} +1 -1
  97. package/dist/Utils.d.ts +2 -2
  98. package/dist/Utils.js +1 -1
  99. package/dist/tsiclient.css +1049 -1049
  100. package/dist/tsiclient.d.ts +12 -12
  101. package/dist/tsiclient.js +38 -38
  102. package/package.json +4 -5
  103. package/tsiclient.css +17323 -0
  104. package/tsiclient.d.ts +46 -0
  105. package/tsiclient.js +58 -0
  106. package/tsiclient.min.css +6 -0
  107. package/dist/README.MD +0 -171
  108. package/dist/package.json +0 -125
  109. /package/dist/{ChartComponentData-ClzAtU_E.d.ts → ChartComponentData-DBW8_FnY.d.ts} +0 -0
  110. /package/dist/{Enums-CEhu18PC.d.ts → Enums-DWpaQlXk.d.ts} +0 -0
  111. /package/dist/{Interfaces-CdAVFIA6.d.ts → Interfaces-R_1l9lIT.d.ts} +0 -0
  112. /package/dist/{Utils-CdKMmmwx.js → Utils-DDGqSryb.js} +0 -0
  113. /package/dist/{_tslib-DYvz7dIO.js → _tslib-BYFmvNeL.js} +0 -0
  114. /package/dist/{pikaday-C_DS7oEN.js → pikaday-jh_aVtJs.js} +0 -0
package/dist/tsiclient.css CHANGED
@@ -1454,7 +1454,7 @@ div[class^=tsi-] {
1454
1454
  line-height: 16px;
1455
1455
  }
1456
1456
 
1457
- .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
1457
+ .tsi-baseContextMenu, .tsi-hierarchy .tsi-hierarchyContextMenu {
1458
1458
  white-space: nowrap;
1459
1459
  padding: 4px 0;
1460
1460
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -1464,11 +1464,11 @@ div[class^=tsi-] {
1464
1464
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1465
1465
  text-align: left;
1466
1466
  }
1467
- .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
1467
+ .tsi-baseContextMenu > div, .tsi-hierarchy .tsi-hierarchyContextMenu > div,
1468
1468
  .tsi-baseContextMenu > li,
1469
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
1469
+ .tsi-hierarchy .tsi-hierarchyContextMenu > li,
1470
1470
  .tsi-baseContextMenu > button,
1471
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
1471
+ .tsi-hierarchy .tsi-hierarchyContextMenu > button {
1472
1472
  padding: 4px 8px;
1473
1473
  font-size: 12px;
1474
1474
  cursor: pointer;
@@ -1477,13 +1477,13 @@ div[class^=tsi-] {
1477
1477
  align-items: center;
1478
1478
  overflow: hidden;
1479
1479
  }
1480
- .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
1480
+ .tsi-baseContextMenu .tsi-break, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break {
1481
1481
  height: 4px;
1482
1482
  margin-top: 4px;
1483
1483
  padding: 0 0 4px 0;
1484
1484
  cursor: default;
1485
1485
  }
1486
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
1486
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break:last-of-type {
1487
1487
  display: none;
1488
1488
  }
1489
1489
 
@@ -1663,212 +1663,194 @@ select::-ms-expand {
1663
1663
  font-weight: 300;
1664
1664
  }
1665
1665
 
1666
- .tsi-modelSearchWrapper {
1667
- height: 100%;
1668
- width: 100%;
1669
- display: flex;
1670
- flex-wrap: wrap;
1671
- position: relative;
1672
- }
1673
- .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
1674
- width: 100%;
1675
- z-index: 2;
1676
- height: 48px;
1677
- }
1678
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
1679
- position: absolute;
1680
- top: 40px;
1681
- width: 100%;
1682
- height: calc(100% - 40px);
1683
- left: 0;
1684
- }
1685
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
1686
- display: none;
1687
- }
1688
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
1689
- display: none;
1690
- }
1691
- .tsi-modelSearchWrapper.tsi-dark {
1692
- background: #0d0f0e;
1666
+ .tsi-hierarchy.tsi-dark {
1693
1667
  color: #fff;
1668
+ background: #0d0f0e;
1694
1669
  }
1695
- .tsi-modelSearchWrapper.tsi-dark hit {
1696
- background: #fff9a8;
1697
- font-weight: 600;
1698
- color: black;
1670
+ .tsi-hierarchy.tsi-dark .tsi-navTabWrapper {
1671
+ border-bottom: 1px solid #fff;
1699
1672
  }
1700
- .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
1701
- color: #60aaff;
1673
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li .tsi-markedName:hover {
1674
+ cursor: pointer;
1675
+ background: #62666c;
1702
1676
  }
1703
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
1704
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
1677
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected {
1678
+ background-color: transparent;
1705
1679
  }
1706
- .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 {
1707
- background-color: #62666c;
1680
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
1681
+ background: #62666c;
1708
1682
  }
1709
- .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 {
1710
- content: "";
1711
- position: absolute;
1712
- width: 14px;
1713
- height: 14px;
1714
- top: 8px;
1715
- left: calc(100% - 20px);
1716
- 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;
1717
- transform: rotate(-90deg);
1683
+ .tsi-hierarchy.tsi-dark .tsi-navTab.tsi-selected {
1684
+ border-bottom: 2px solid #fff;
1718
1685
  }
1719
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
1686
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu {
1720
1687
  border-color: #60aaff;
1721
1688
  background-color: #0d0f0e;
1722
1689
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
1723
1690
  }
1724
- .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 {
1691
+ .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 {
1725
1692
  background-color: #62666c;
1726
1693
  }
1727
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
1694
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break {
1728
1695
  border-top: 1px solid rgba(96, 170, 255, 0.2);
1729
1696
  }
1730
- .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 {
1697
+ .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 {
1731
1698
  background-color: #0d0f0e;
1732
1699
  }
1733
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
1700
+ .tsi-hierarchy.tsi-dark .tsi-searchInput {
1734
1701
  border: 1px solid #31373e;
1735
1702
  }
1736
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
1703
+ .tsi-hierarchy.tsi-dark .tsi-searchInput:focus {
1737
1704
  border: 1px solid #60aaff;
1738
1705
  }
1739
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
1740
- background: #1e2223;
1741
- }
1742
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
1706
+ .tsi-hierarchy.tsi-dark .tsi-baseMono {
1743
1707
  background: #1e2223;
1744
- color: #fff;
1745
- border: 1px solid #fff;
1746
1708
  }
1747
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
1748
- background: #62666c;
1709
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li > .tsi-caret {
1710
+ 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");
1749
1711
  }
1750
- .tsi-modelSearchWrapper.tsi-light {
1751
- background: #ffffff;
1712
+ .tsi-hierarchy.tsi-light {
1752
1713
  color: #000;
1714
+ background: #ffffff;
1753
1715
  }
1754
- .tsi-modelSearchWrapper.tsi-light hit {
1755
- background: #fff9a8;
1756
- font-weight: 600;
1757
- color: black;
1716
+ .tsi-hierarchy.tsi-light .tsi-navTabWrapper {
1717
+ border-bottom: 1px solid #000;
1758
1718
  }
1759
- .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
1760
- color: #136bfb;
1719
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li .tsi-markedName:hover {
1720
+ cursor: pointer;
1721
+ background: #b3d6f2;
1761
1722
  }
1762
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
1763
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1723
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected {
1724
+ background-color: transparent;
1764
1725
  }
1765
- .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 {
1766
- background-color: #b3d6f2;
1726
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
1727
+ background: #b3d6f2;
1767
1728
  }
1768
- .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 {
1769
- content: "";
1770
- position: absolute;
1771
- width: 14px;
1772
- height: 14px;
1773
- top: 8px;
1774
- left: calc(100% - 20px);
1775
- 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;
1776
- transform: rotate(-90deg);
1729
+ .tsi-hierarchy.tsi-light .tsi-navTab.tsi-selected {
1730
+ border-bottom: 2px solid #000;
1777
1731
  }
1778
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
1732
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu {
1779
1733
  border-color: #136bfb;
1780
1734
  background-color: #ffffff;
1781
1735
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
1782
1736
  }
1783
- .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 {
1737
+ .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 {
1784
1738
  background-color: #b3d6f2;
1785
1739
  }
1786
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
1740
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break {
1787
1741
  border-top: 1px solid rgba(19, 107, 251, 0.2);
1788
1742
  }
1789
- .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 {
1743
+ .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 {
1790
1744
  background-color: #ffffff;
1791
1745
  }
1792
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
1746
+ .tsi-hierarchy.tsi-light .tsi-searchInput {
1793
1747
  border: 1px solid #dcdcdc;
1794
1748
  }
1795
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
1749
+ .tsi-hierarchy.tsi-light .tsi-searchInput:focus {
1796
1750
  border: 1px solid #136bfb;
1797
1751
  }
1798
- .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
1752
+ .tsi-hierarchy.tsi-light .tsi-baseMono {
1799
1753
  background: #f2f2f2;
1800
1754
  }
1801
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
1802
- background: #f2f2f2;
1803
- color: #000;
1804
- border: 1px solid #000;
1755
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li > .tsi-caret {
1756
+ 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");
1805
1757
  }
1806
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
1807
- background: #b3d6f2;
1758
+ .tsi-hierarchy .tsi-filterWrapper {
1759
+ padding: 12px 20px;
1760
+ padding-bottom: 4px;
1808
1761
  }
1809
- .tsi-modelSearchWrapper .tsi-modelSearchResults {
1810
- flex-grow: 1;
1811
- display: flex;
1812
- height: calc(100% - 48px);
1813
- overflow: auto;
1762
+ .tsi-hierarchy .tsi-filterWrapper input {
1763
+ width: 100%;
1764
+ padding: 4px;
1814
1765
  }
1815
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
1816
- padding: 20px;
1817
- white-space: nowrap;
1818
- height: 40px;
1819
- margin-left: 40px;
1766
+ .tsi-hierarchy .tsi-navTabWrapper {
1767
+ padding-left: 8px;
1820
1768
  }
1821
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
1769
+ .tsi-hierarchy .tsi-navTabWrapper .tsi-navTab {
1770
+ border-bottom: 2px solid transparent;
1771
+ display: inline-block;
1772
+ margin: 0 12px;
1773
+ font-size: 14px;
1822
1774
  cursor: pointer;
1823
- text-align: center;
1824
- padding-bottom: 8px;
1825
- font-size: 13px;
1826
1775
  }
1827
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
1828
- text-decoration: underline;
1776
+ .tsi-hierarchy .tsi-hierarchyList {
1777
+ position: relative;
1778
+ height: 100%;
1829
1779
  }
1830
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
1831
- width: 100%;
1780
+ .tsi-hierarchy .tsi-hierarchyList ul {
1781
+ list-style: none;
1782
+ padding: 0;
1832
1783
  }
1833
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
1834
- flex-grow: 1;
1784
+ .tsi-hierarchy .tsi-hierarchyList ul.tsi-noPad {
1785
+ padding: 8px 20px;
1786
+ margin: 0;
1787
+ overflow: auto;
1788
+ height: 100%;
1835
1789
  }
1836
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
1837
- cursor: pointer;
1790
+ .tsi-hierarchy .tsi-hierarchyList li > .tsi-caret {
1791
+ transform: rotate(0deg);
1792
+ }
1793
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded > .tsi-caret {
1794
+ transform: rotate(90deg);
1795
+ }
1796
+ .tsi-hierarchy .tsi-hierarchyList li {
1838
1797
  position: relative;
1839
- max-height: 206px;
1840
- overflow: hidden;
1841
1798
  }
1842
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
1799
+ .tsi-hierarchy .tsi-hierarchyList li .tsi-caret {
1800
+ position: absolute;
1801
+ display: block;
1802
+ height: 10px;
1803
+ width: 10px;
1804
+ cursor: pointer;
1805
+ z-index: 1;
1806
+ background-size: 10px;
1807
+ background-repeat: no-repeat;
1808
+ top: 11px;
1809
+ background-position: 50%;
1810
+ transition: all 0.2s ease;
1843
1811
  pointer-events: none;
1844
- padding: 8px 20px;
1845
1812
  }
1846
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
1847
- font-weight: 600;
1813
+ .tsi-hierarchy .tsi-hierarchyList li .tsi-markedName {
1814
+ width: calc(100% + 40px);
1815
+ display: flex;
1816
+ position: relative;
1817
+ top: 0;
1818
+ left: 0;
1819
+ margin: 0;
1820
+ padding-left: 28px;
1821
+ height: 32px;
1848
1822
  font-size: 14px;
1823
+ align-items: center;
1824
+ margin-left: -20px;
1849
1825
  }
1850
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
1851
- font-size: 12px;
1852
- padding-top: 2px;
1853
- padding-left: 8px;
1854
- padding-bottom: 2px;
1826
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
1827
+ content: "";
1828
+ cursor: pointer;
1855
1829
  }
1856
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
1857
- border-spacing: 0;
1858
- margin-top: 2px;
1830
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
1831
+ font-weight: 600;
1859
1832
  }
1860
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
1861
- padding: 0;
1862
- opacity: 0.6;
1833
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
1834
+ display: none;
1863
1835
  }
1864
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
1865
- padding: 0;
1866
- padding-left: 8px;
1836
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
1837
+ cursor: move;
1867
1838
  }
1868
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
1839
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
1840
+ cursor: move;
1841
+ }
1842
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
1843
+ cursor: move;
1844
+ }
1845
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active .tsi-markedName {
1846
+ cursor: move;
1847
+ }
1848
+ .tsi-hierarchy .tsi-noBefore .tsi-caret {
1849
+ content: "" !important;
1850
+ }
1851
+ .tsi-hierarchy .tsi-hierarchyContextMenu {
1869
1852
  position: absolute;
1870
- left: calc(100% - 20px);
1871
- z-index: 3;
1853
+ left: calc(100% - 32px);
1872
1854
  }
1873
1855
  div[class^=tsi-] {
1874
1856
  box-sizing: border-box;
@@ -2379,7 +2361,7 @@ div[class^=tsi-] {
2379
2361
  line-height: 16px;
2380
2362
  }
2381
2363
 
2382
- .tsi-baseContextMenu, .tsi-hierarchy .tsi-hierarchyContextMenu {
2364
+ .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2383
2365
  white-space: nowrap;
2384
2366
  padding: 4px 0;
2385
2367
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -2389,11 +2371,11 @@ div[class^=tsi-] {
2389
2371
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2390
2372
  text-align: left;
2391
2373
  }
2392
- .tsi-baseContextMenu > div, .tsi-hierarchy .tsi-hierarchyContextMenu > div,
2374
+ .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
2393
2375
  .tsi-baseContextMenu > li,
2394
- .tsi-hierarchy .tsi-hierarchyContextMenu > li,
2376
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
2395
2377
  .tsi-baseContextMenu > button,
2396
- .tsi-hierarchy .tsi-hierarchyContextMenu > button {
2378
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
2397
2379
  padding: 4px 8px;
2398
2380
  font-size: 12px;
2399
2381
  cursor: pointer;
@@ -2402,13 +2384,13 @@ div[class^=tsi-] {
2402
2384
  align-items: center;
2403
2385
  overflow: hidden;
2404
2386
  }
2405
- .tsi-baseContextMenu .tsi-break, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break {
2387
+ .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
2406
2388
  height: 4px;
2407
2389
  margin-top: 4px;
2408
2390
  padding: 0 0 4px 0;
2409
2391
  cursor: default;
2410
2392
  }
2411
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break:last-of-type {
2393
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
2412
2394
  display: none;
2413
2395
  }
2414
2396
 
@@ -2588,194 +2570,212 @@ select::-ms-expand {
2588
2570
  font-weight: 300;
2589
2571
  }
2590
2572
 
2591
- .tsi-hierarchy.tsi-dark {
2592
- color: #fff;
2573
+ .tsi-modelSearchWrapper {
2574
+ height: 100%;
2575
+ width: 100%;
2576
+ display: flex;
2577
+ flex-wrap: wrap;
2578
+ position: relative;
2579
+ }
2580
+ .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
2581
+ width: 100%;
2582
+ z-index: 2;
2583
+ height: 48px;
2584
+ }
2585
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
2586
+ position: absolute;
2587
+ top: 40px;
2588
+ width: 100%;
2589
+ height: calc(100% - 40px);
2590
+ left: 0;
2591
+ }
2592
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
2593
+ display: none;
2594
+ }
2595
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
2596
+ display: none;
2597
+ }
2598
+ .tsi-modelSearchWrapper.tsi-dark {
2593
2599
  background: #0d0f0e;
2600
+ color: #fff;
2594
2601
  }
2595
- .tsi-hierarchy.tsi-dark .tsi-navTabWrapper {
2596
- border-bottom: 1px solid #fff;
2602
+ .tsi-modelSearchWrapper.tsi-dark hit {
2603
+ background: #fff9a8;
2604
+ font-weight: 600;
2605
+ color: black;
2597
2606
  }
2598
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li .tsi-markedName:hover {
2599
- cursor: pointer;
2600
- background: #62666c;
2607
+ .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
2608
+ color: #60aaff;
2601
2609
  }
2602
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected {
2603
- background-color: transparent;
2610
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
2611
+ border-bottom: 1px solid rgba(255, 255, 255, 0.05);
2604
2612
  }
2605
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2606
- background: #62666c;
2613
+ .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 {
2614
+ background-color: #62666c;
2607
2615
  }
2608
- .tsi-hierarchy.tsi-dark .tsi-navTab.tsi-selected {
2609
- border-bottom: 2px solid #fff;
2616
+ .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 {
2617
+ content: "";
2618
+ position: absolute;
2619
+ width: 14px;
2620
+ height: 14px;
2621
+ top: 8px;
2622
+ left: calc(100% - 20px);
2623
+ 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;
2624
+ transform: rotate(-90deg);
2610
2625
  }
2611
- .tsi-hierarchy.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu {
2626
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
2612
2627
  border-color: #60aaff;
2613
2628
  background-color: #0d0f0e;
2614
2629
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
2615
2630
  }
2616
- .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 {
2631
+ .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 {
2617
2632
  background-color: #62666c;
2618
2633
  }
2619
- .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break {
2634
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
2620
2635
  border-top: 1px solid rgba(96, 170, 255, 0.2);
2621
2636
  }
2622
- .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 {
2637
+ .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 {
2623
2638
  background-color: #0d0f0e;
2624
2639
  }
2625
- .tsi-hierarchy.tsi-dark .tsi-searchInput {
2640
+ .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
2626
2641
  border: 1px solid #31373e;
2627
2642
  }
2628
- .tsi-hierarchy.tsi-dark .tsi-searchInput:focus {
2643
+ .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
2629
2644
  border: 1px solid #60aaff;
2630
2645
  }
2631
- .tsi-hierarchy.tsi-dark .tsi-baseMono {
2646
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
2632
2647
  background: #1e2223;
2633
2648
  }
2634
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li > .tsi-caret {
2635
- 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");
2649
+ .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
2650
+ background: #1e2223;
2651
+ color: #fff;
2652
+ border: 1px solid #fff;
2636
2653
  }
2637
- .tsi-hierarchy.tsi-light {
2638
- color: #000;
2654
+ .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
2655
+ background: #62666c;
2656
+ }
2657
+ .tsi-modelSearchWrapper.tsi-light {
2639
2658
  background: #ffffff;
2659
+ color: #000;
2640
2660
  }
2641
- .tsi-hierarchy.tsi-light .tsi-navTabWrapper {
2642
- border-bottom: 1px solid #000;
2661
+ .tsi-modelSearchWrapper.tsi-light hit {
2662
+ background: #fff9a8;
2663
+ font-weight: 600;
2664
+ color: black;
2643
2665
  }
2644
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li .tsi-markedName:hover {
2645
- cursor: pointer;
2646
- background: #b3d6f2;
2666
+ .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
2667
+ color: #136bfb;
2647
2668
  }
2648
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected {
2649
- background-color: transparent;
2669
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
2670
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2650
2671
  }
2651
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2652
- background: #b3d6f2;
2672
+ .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 {
2673
+ background-color: #b3d6f2;
2653
2674
  }
2654
- .tsi-hierarchy.tsi-light .tsi-navTab.tsi-selected {
2655
- border-bottom: 2px solid #000;
2675
+ .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 {
2676
+ content: "";
2677
+ position: absolute;
2678
+ width: 14px;
2679
+ height: 14px;
2680
+ top: 8px;
2681
+ left: calc(100% - 20px);
2682
+ 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;
2683
+ transform: rotate(-90deg);
2656
2684
  }
2657
- .tsi-hierarchy.tsi-light .tsi-baseContextMenu, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu {
2685
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
2658
2686
  border-color: #136bfb;
2659
2687
  background-color: #ffffff;
2660
2688
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
2661
2689
  }
2662
- .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 {
2690
+ .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 {
2663
2691
  background-color: #b3d6f2;
2664
2692
  }
2665
- .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break {
2693
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
2666
2694
  border-top: 1px solid rgba(19, 107, 251, 0.2);
2667
2695
  }
2668
- .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 {
2696
+ .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 {
2669
2697
  background-color: #ffffff;
2670
2698
  }
2671
- .tsi-hierarchy.tsi-light .tsi-searchInput {
2699
+ .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
2672
2700
  border: 1px solid #dcdcdc;
2673
2701
  }
2674
- .tsi-hierarchy.tsi-light .tsi-searchInput:focus {
2702
+ .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
2675
2703
  border: 1px solid #136bfb;
2676
2704
  }
2677
- .tsi-hierarchy.tsi-light .tsi-baseMono {
2705
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
2678
2706
  background: #f2f2f2;
2679
2707
  }
2680
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li > .tsi-caret {
2681
- 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");
2708
+ .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
2709
+ background: #f2f2f2;
2710
+ color: #000;
2711
+ border: 1px solid #000;
2682
2712
  }
2683
- .tsi-hierarchy .tsi-filterWrapper {
2684
- padding: 12px 20px;
2685
- padding-bottom: 4px;
2713
+ .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
2714
+ background: #b3d6f2;
2686
2715
  }
2687
- .tsi-hierarchy .tsi-filterWrapper input {
2688
- width: 100%;
2689
- padding: 4px;
2716
+ .tsi-modelSearchWrapper .tsi-modelSearchResults {
2717
+ flex-grow: 1;
2718
+ display: flex;
2719
+ height: calc(100% - 48px);
2720
+ overflow: auto;
2690
2721
  }
2691
- .tsi-hierarchy .tsi-navTabWrapper {
2692
- padding-left: 8px;
2722
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
2723
+ padding: 20px;
2724
+ white-space: nowrap;
2725
+ height: 40px;
2726
+ margin-left: 40px;
2693
2727
  }
2694
- .tsi-hierarchy .tsi-navTabWrapper .tsi-navTab {
2695
- border-bottom: 2px solid transparent;
2696
- display: inline-block;
2697
- margin: 0 12px;
2698
- font-size: 14px;
2728
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
2699
2729
  cursor: pointer;
2730
+ text-align: center;
2731
+ padding-bottom: 8px;
2732
+ font-size: 13px;
2700
2733
  }
2701
- .tsi-hierarchy .tsi-hierarchyList {
2702
- position: relative;
2703
- height: 100%;
2704
- }
2705
- .tsi-hierarchy .tsi-hierarchyList ul {
2706
- list-style: none;
2707
- padding: 0;
2708
- }
2709
- .tsi-hierarchy .tsi-hierarchyList ul.tsi-noPad {
2710
- padding: 8px 20px;
2711
- margin: 0;
2712
- overflow: auto;
2713
- height: 100%;
2734
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
2735
+ text-decoration: underline;
2714
2736
  }
2715
- .tsi-hierarchy .tsi-hierarchyList li > .tsi-caret {
2716
- transform: rotate(0deg);
2737
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
2738
+ width: 100%;
2717
2739
  }
2718
- .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded > .tsi-caret {
2719
- transform: rotate(90deg);
2740
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
2741
+ flex-grow: 1;
2720
2742
  }
2721
- .tsi-hierarchy .tsi-hierarchyList li {
2743
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
2744
+ cursor: pointer;
2722
2745
  position: relative;
2746
+ max-height: 206px;
2747
+ overflow: hidden;
2723
2748
  }
2724
- .tsi-hierarchy .tsi-hierarchyList li .tsi-caret {
2725
- position: absolute;
2726
- display: block;
2727
- height: 10px;
2728
- width: 10px;
2729
- cursor: pointer;
2730
- z-index: 1;
2731
- background-size: 10px;
2732
- background-repeat: no-repeat;
2733
- top: 11px;
2734
- background-position: 50%;
2735
- transition: all 0.2s ease;
2749
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
2736
2750
  pointer-events: none;
2751
+ padding: 8px 20px;
2737
2752
  }
2738
- .tsi-hierarchy .tsi-hierarchyList li .tsi-markedName {
2739
- width: calc(100% + 40px);
2740
- display: flex;
2741
- position: relative;
2742
- top: 0;
2743
- left: 0;
2744
- margin: 0;
2745
- padding-left: 28px;
2746
- height: 32px;
2753
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
2754
+ font-weight: 600;
2747
2755
  font-size: 14px;
2748
- align-items: center;
2749
- margin-left: -20px;
2750
2756
  }
2751
- .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
2752
- content: "";
2753
- cursor: pointer;
2757
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
2758
+ font-size: 12px;
2759
+ padding-top: 2px;
2760
+ padding-left: 8px;
2761
+ padding-bottom: 2px;
2754
2762
  }
2755
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
2756
- font-weight: 600;
2757
- }
2758
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
2759
- display: none;
2760
- }
2761
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
2762
- cursor: move;
2763
- }
2764
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
2765
- cursor: move;
2766
- }
2767
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
2768
- cursor: move;
2763
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
2764
+ border-spacing: 0;
2765
+ margin-top: 2px;
2769
2766
  }
2770
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active .tsi-markedName {
2771
- cursor: move;
2767
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
2768
+ padding: 0;
2769
+ opacity: 0.6;
2772
2770
  }
2773
- .tsi-hierarchy .tsi-noBefore .tsi-caret {
2774
- content: "" !important;
2771
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
2772
+ padding: 0;
2773
+ padding-left: 8px;
2775
2774
  }
2776
- .tsi-hierarchy .tsi-hierarchyContextMenu {
2775
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2777
2776
  position: absolute;
2778
- left: calc(100% - 32px);
2777
+ left: calc(100% - 20px);
2778
+ z-index: 3;
2779
2779
  }
2780
2780
  div[class^=tsi-] {
2781
2781
  box-sizing: border-box;
@@ -3431,7 +3431,7 @@ div[class^=tsi-] {
3431
3431
  line-height: 16px;
3432
3432
  }
3433
3433
 
3434
- .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3434
+ .tsi-baseContextMenu {
3435
3435
  white-space: nowrap;
3436
3436
  padding: 4px 0;
3437
3437
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3441,11 +3441,9 @@ div[class^=tsi-] {
3441
3441
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3442
3442
  text-align: left;
3443
3443
  }
3444
- .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3444
+ .tsi-baseContextMenu > div,
3445
3445
  .tsi-baseContextMenu > li,
3446
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3447
- .tsi-baseContextMenu > button,
3448
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3446
+ .tsi-baseContextMenu > button {
3449
3447
  padding: 4px 8px;
3450
3448
  font-size: 12px;
3451
3449
  cursor: pointer;
@@ -3454,13 +3452,13 @@ div[class^=tsi-] {
3454
3452
  align-items: center;
3455
3453
  overflow: hidden;
3456
3454
  }
3457
- .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3455
+ .tsi-baseContextMenu .tsi-break {
3458
3456
  height: 4px;
3459
3457
  margin-top: 4px;
3460
3458
  padding: 0 0 4px 0;
3461
3459
  cursor: default;
3462
3460
  }
3463
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3461
+ .tsi-baseContextMenu .tsi-break:last-of-type {
3464
3462
  display: none;
3465
3463
  }
3466
3464
 
@@ -3640,174 +3638,102 @@ select::-ms-expand {
3640
3638
  font-weight: 300;
3641
3639
  }
3642
3640
 
3643
- .tsi-modelAutocompleteWrapper {
3644
- height: 32px;
3645
- position: relative;
3646
- }
3647
- .tsi-modelAutocompleteWrapper.tsi-dark {
3648
- background: #0d0f0e;
3649
- color: #fff;
3650
- }
3651
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
3652
- border-color: #60aaff;
3653
- background-color: #0d0f0e;
3654
- box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
3655
- }
3656
- .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 {
3657
- background-color: #62666c;
3658
- }
3659
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
3660
- border-top: 1px solid rgba(96, 170, 255, 0.2);
3661
- }
3662
- .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 {
3663
- background-color: #0d0f0e;
3664
- }
3665
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3666
- border: 1px solid #31373e;
3667
- }
3668
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
3669
- border: 1px solid #60aaff;
3670
- }
3671
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
3672
- background: #1e2223;
3673
- }
3674
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
3675
- background: #1e2223;
3676
- color: #fff;
3677
- }
3678
- .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 {
3679
- background: #62666c;
3680
- }
3681
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3682
- background-color: #0d0f0e;
3683
- }
3684
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
3685
- background-color: #1e2223;
3686
- }
3687
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3688
- color: #fff;
3689
- }
3690
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3691
- 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");
3641
+ .tsi-colorPicker {
3642
+ max-width: 200px;
3692
3643
  }
3693
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
3694
- 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");
3644
+ .tsi-colorPicker.tsi-light {
3645
+ color: #000;
3646
+ background: #ffffff;
3695
3647
  }
3696
- .tsi-modelAutocompleteWrapper.tsi-light {
3648
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
3697
3649
  background: #ffffff;
3650
+ border: 1px solid #dcdcdc;
3698
3651
  color: #000;
3699
3652
  }
3700
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
3701
- border-color: #136bfb;
3702
- background-color: #ffffff;
3703
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
3704
- }
3705
- .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 {
3706
- background-color: #b3d6f2;
3707
- }
3708
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
3709
- border-top: 1px solid rgba(19, 107, 251, 0.2);
3653
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
3654
+ background-color: #f2f2f2;
3655
+ cursor: pointer;
3710
3656
  }
3711
- .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 {
3712
- background-color: #ffffff;
3657
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
3658
+ box-shadow: 0px 4px 4px #dcdcdc;
3713
3659
  }
3714
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3715
- border: 1px solid #dcdcdc;
3660
+ .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
3661
+ box-shadow: 0px 0px 5px -1px #000;
3716
3662
  }
3717
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
3718
- border: 1px solid #136bfb;
3663
+ .tsi-colorPicker.tsi-light .tsi-noColor {
3664
+ 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;
3719
3665
  }
3720
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
3721
- background: #f2f2f2;
3666
+ .tsi-colorPicker.tsi-dark {
3667
+ color: #fff;
3668
+ background: #0d0f0e;
3722
3669
  }
3723
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
3724
- background: #f2f2f2;
3725
- color: #000;
3670
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
3671
+ background: #0d0f0e;
3672
+ border: 1px solid #31373e;
3673
+ color: #fff;
3726
3674
  }
3727
- .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 {
3728
- background: #b3d6f2;
3675
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
3676
+ background-color: #1e2223;
3677
+ cursor: pointer;
3729
3678
  }
3730
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3731
- background-color: #ffffff;
3679
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
3680
+ box-shadow: 0px 4px 4px #31373e;
3732
3681
  }
3733
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
3734
- background-color: #f2f2f2;
3682
+ .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
3683
+ box-shadow: 0px 0px 5px -1px #fff;
3735
3684
  }
3736
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3737
- color: #000;
3685
+ .tsi-colorPicker.tsi-dark .tsi-noColor {
3686
+ 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;
3738
3687
  }
3739
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3740
- 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");
3688
+ .tsi-colorPicker .tsi-colorPickerButton {
3689
+ width: 100%;
3690
+ padding: 4px;
3691
+ display: flex;
3692
+ align-items: center;
3741
3693
  }
3742
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
3743
- 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");
3694
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
3695
+ width: 24px;
3696
+ height: 24px;
3744
3697
  }
3745
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
3746
- width: 20px;
3747
- height: 20px;
3748
- cursor: pointer;
3749
- position: absolute;
3750
- left: calc(100% - 28px);
3751
- margin-top: 1px;
3752
- display: none;
3753
- z-index: 2;
3698
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
3754
3699
  background-repeat: no-repeat;
3755
- background-position: 50%;
3700
+ background-position: center;
3756
3701
  }
3757
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
3758
- display: block;
3702
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
3703
+ padding-left: 4px;
3704
+ text-overflow: ellipsis;
3705
+ overflow: hidden;
3706
+ white-space: nowrap;
3759
3707
  }
3760
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
3708
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
3761
3709
  display: none;
3762
3710
  }
3763
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
3711
+ .tsi-colorPicker .tsi-colorGrid {
3712
+ width: 200px;
3713
+ display: flex;
3714
+ flex-direction: row;
3715
+ flex-wrap: wrap;
3764
3716
  display: none;
3765
- }
3766
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
3767
- position: absolute;
3768
- clip: rect(0, 0, 0, 0);
3769
- }
3770
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
3771
- height: 100%;
3772
- width: 100%;
3773
- position: absolute;
3774
- }
3775
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
3776
- padding-right: 28px;
3777
- }
3778
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3717
+ padding: 12px 8px 12px 12px;
3718
+ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
3779
3719
  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3780
- position: absolute;
3781
- z-index: 1;
3782
- list-style: none;
3783
- padding: 0;
3784
- border-radius: 0px;
3785
- font-size: 13px;
3786
- width: 100%;
3787
- margin-top: 30px;
3720
+ border-radius: 2px;
3788
3721
  }
3789
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
3790
- display: none;
3722
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
3723
+ display: contents;
3791
3724
  }
3792
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
3793
- display: block;
3794
- line-height: 20px;
3725
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
3726
+ width: 32px;
3727
+ height: 32px;
3728
+ margin-right: 4px;
3729
+ margin-bottom: 4px;
3795
3730
  cursor: pointer;
3796
3731
  }
3797
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
3798
- display: none;
3799
- }
3800
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
3801
- position: absolute !important;
3802
- display: block;
3803
- visibility: visible;
3804
- overflow: hidden;
3805
- width: 1px;
3806
- height: 1px;
3807
- margin: -1px;
3808
- border: 0;
3809
- padding: 0;
3810
- white-space: nowrap;
3732
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
3733
+ 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;
3734
+ background-size: 70%;
3735
+ background-repeat: no-repeat;
3736
+ background-position: center;
3811
3737
  }
3812
3738
  div[class^=tsi-] {
3813
3739
  box-sizing: border-box;
@@ -3866,7 +3792,7 @@ div[class^=tsi-] {
3866
3792
  line-height: 16px;
3867
3793
  }
3868
3794
 
3869
- .tsi-baseContextMenu {
3795
+ .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3870
3796
  white-space: nowrap;
3871
3797
  padding: 4px 0;
3872
3798
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3876,9 +3802,11 @@ div[class^=tsi-] {
3876
3802
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3877
3803
  text-align: left;
3878
3804
  }
3879
- .tsi-baseContextMenu > div,
3805
+ .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3880
3806
  .tsi-baseContextMenu > li,
3881
- .tsi-baseContextMenu > button {
3807
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3808
+ .tsi-baseContextMenu > button,
3809
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3882
3810
  padding: 4px 8px;
3883
3811
  font-size: 12px;
3884
3812
  cursor: pointer;
@@ -3887,13 +3815,13 @@ div[class^=tsi-] {
3887
3815
  align-items: center;
3888
3816
  overflow: hidden;
3889
3817
  }
3890
- .tsi-baseContextMenu .tsi-break {
3818
+ .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3891
3819
  height: 4px;
3892
3820
  margin-top: 4px;
3893
3821
  padding: 0 0 4px 0;
3894
3822
  cursor: default;
3895
3823
  }
3896
- .tsi-baseContextMenu .tsi-break:last-of-type {
3824
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3897
3825
  display: none;
3898
3826
  }
3899
3827
 
@@ -4073,102 +4001,174 @@ select::-ms-expand {
4073
4001
  font-weight: 300;
4074
4002
  }
4075
4003
 
4076
- .tsi-colorPicker {
4077
- max-width: 200px;
4004
+ .tsi-modelAutocompleteWrapper {
4005
+ height: 32px;
4006
+ position: relative;
4078
4007
  }
4079
- .tsi-colorPicker.tsi-light {
4080
- color: #000;
4081
- background: #ffffff;
4008
+ .tsi-modelAutocompleteWrapper.tsi-dark {
4009
+ background: #0d0f0e;
4010
+ color: #fff;
4082
4011
  }
4083
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
4084
- background: #ffffff;
4085
- border: 1px solid #dcdcdc;
4086
- color: #000;
4012
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
4013
+ border-color: #60aaff;
4014
+ background-color: #0d0f0e;
4015
+ box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
4087
4016
  }
4088
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
4089
- background-color: #f2f2f2;
4090
- cursor: pointer;
4017
+ .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 {
4018
+ background-color: #62666c;
4091
4019
  }
4092
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
4093
- box-shadow: 0px 4px 4px #dcdcdc;
4020
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
4021
+ border-top: 1px solid rgba(96, 170, 255, 0.2);
4094
4022
  }
4095
- .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
4096
- box-shadow: 0px 0px 5px -1px #000;
4023
+ .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 {
4024
+ background-color: #0d0f0e;
4097
4025
  }
4098
- .tsi-colorPicker.tsi-light .tsi-noColor {
4099
- 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;
4026
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4027
+ border: 1px solid #31373e;
4100
4028
  }
4101
- .tsi-colorPicker.tsi-dark {
4102
- color: #fff;
4103
- background: #0d0f0e;
4029
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
4030
+ border: 1px solid #60aaff;
4104
4031
  }
4105
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
4106
- background: #0d0f0e;
4107
- border: 1px solid #31373e;
4032
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
4033
+ background: #1e2223;
4034
+ }
4035
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
4036
+ background: #1e2223;
4108
4037
  color: #fff;
4109
4038
  }
4110
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
4039
+ .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 {
4040
+ background: #62666c;
4041
+ }
4042
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4043
+ background-color: #0d0f0e;
4044
+ }
4045
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
4111
4046
  background-color: #1e2223;
4112
- cursor: pointer;
4113
4047
  }
4114
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
4115
- box-shadow: 0px 4px 4px #31373e;
4048
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4049
+ color: #fff;
4116
4050
  }
4117
- .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
4118
- box-shadow: 0px 0px 5px -1px #fff;
4051
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4052
+ 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");
4119
4053
  }
4120
- .tsi-colorPicker.tsi-dark .tsi-noColor {
4121
- 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;
4054
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
4055
+ 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");
4122
4056
  }
4123
- .tsi-colorPicker .tsi-colorPickerButton {
4124
- width: 100%;
4125
- padding: 4px;
4126
- display: flex;
4127
- align-items: center;
4057
+ .tsi-modelAutocompleteWrapper.tsi-light {
4058
+ background: #ffffff;
4059
+ color: #000;
4128
4060
  }
4129
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
4130
- width: 24px;
4131
- height: 24px;
4061
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
4062
+ border-color: #136bfb;
4063
+ background-color: #ffffff;
4064
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
4132
4065
  }
4133
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
4066
+ .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 {
4067
+ background-color: #b3d6f2;
4068
+ }
4069
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
4070
+ border-top: 1px solid rgba(19, 107, 251, 0.2);
4071
+ }
4072
+ .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 {
4073
+ background-color: #ffffff;
4074
+ }
4075
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4076
+ border: 1px solid #dcdcdc;
4077
+ }
4078
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
4079
+ border: 1px solid #136bfb;
4080
+ }
4081
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
4082
+ background: #f2f2f2;
4083
+ }
4084
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
4085
+ background: #f2f2f2;
4086
+ color: #000;
4087
+ }
4088
+ .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 {
4089
+ background: #b3d6f2;
4090
+ }
4091
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4092
+ background-color: #ffffff;
4093
+ }
4094
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
4095
+ background-color: #f2f2f2;
4096
+ }
4097
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4098
+ color: #000;
4099
+ }
4100
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4101
+ 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");
4102
+ }
4103
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
4104
+ 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");
4105
+ }
4106
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
4107
+ width: 20px;
4108
+ height: 20px;
4109
+ cursor: pointer;
4110
+ position: absolute;
4111
+ left: calc(100% - 28px);
4112
+ margin-top: 1px;
4113
+ display: none;
4114
+ z-index: 2;
4134
4115
  background-repeat: no-repeat;
4135
- background-position: center;
4116
+ background-position: 50%;
4136
4117
  }
4137
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
4138
- padding-left: 4px;
4139
- text-overflow: ellipsis;
4140
- overflow: hidden;
4141
- white-space: nowrap;
4118
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
4119
+ display: block;
4142
4120
  }
4143
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
4121
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
4144
4122
  display: none;
4145
4123
  }
4146
- .tsi-colorPicker .tsi-colorGrid {
4147
- width: 200px;
4148
- display: flex;
4149
- flex-direction: row;
4150
- flex-wrap: wrap;
4124
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
4151
4125
  display: none;
4152
- padding: 12px 8px 12px 12px;
4153
- box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
4126
+ }
4127
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
4128
+ position: absolute;
4129
+ clip: rect(0, 0, 0, 0);
4130
+ }
4131
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
4132
+ height: 100%;
4133
+ width: 100%;
4134
+ position: absolute;
4135
+ }
4136
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
4137
+ padding-right: 28px;
4138
+ }
4139
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
4154
4140
  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4155
- border-radius: 2px;
4141
+ position: absolute;
4142
+ z-index: 1;
4143
+ list-style: none;
4144
+ padding: 0;
4145
+ border-radius: 0px;
4146
+ font-size: 13px;
4147
+ width: 100%;
4148
+ margin-top: 30px;
4156
4149
  }
4157
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
4158
- display: contents;
4150
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
4151
+ display: none;
4159
4152
  }
4160
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
4161
- width: 32px;
4162
- height: 32px;
4163
- margin-right: 4px;
4164
- margin-bottom: 4px;
4153
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
4154
+ display: block;
4155
+ line-height: 20px;
4165
4156
  cursor: pointer;
4166
4157
  }
4167
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
4168
- 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;
4169
- background-size: 70%;
4170
- background-repeat: no-repeat;
4171
- background-position: center;
4158
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
4159
+ display: none;
4160
+ }
4161
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
4162
+ position: absolute !important;
4163
+ display: block;
4164
+ visibility: visible;
4165
+ overflow: hidden;
4166
+ width: 1px;
4167
+ height: 1px;
4168
+ margin: -1px;
4169
+ border: 0;
4170
+ padding: 0;
4171
+ white-space: nowrap;
4172
4172
  }
4173
4173
  div[class^=tsi-] {
4174
4174
  box-sizing: border-box;
@@ -9575,380 +9575,326 @@ select::-ms-expand {
9575
9575
  font-weight: 300;
9576
9576
  }
9577
9577
 
9578
- .tsi-legend {
9579
- overflow-y: auto;
9580
- overflow-x: hidden;
9581
- height: calc(100% - 16px);
9582
- padding-left: 8px;
9578
+ .tsi-timeRequired {
9579
+ color: #a80000;
9583
9580
  }
9584
- .tsi-legend.tsi-dark {
9581
+
9582
+ .tsi-dateTimePicker {
9583
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
9584
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
9585
+ align-items: stretch;
9586
+ width: 616px;
9587
+ }
9588
+ .tsi-dateTimePicker.tsi-dark {
9589
+ background-color: #0d0f0e;
9585
9590
  color: #fff;
9586
- fill: #fff;
9587
9591
  }
9588
- .tsi-legend.tsi-dark path {
9589
- stroke: #fff;
9592
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9593
+ border-left: 1px solid #31373e;
9590
9594
  }
9591
- .tsi-legend.tsi-dark:not(.compact) {
9592
- border-right: 1px solid #1e2223;
9595
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9596
+ background-color: #0d0f0e;
9597
+ color: #fff;
9598
+ border: 1px solid rgba(255, 255, 255, 0.3);
9593
9599
  }
9594
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9595
- color: #60aaff;
9596
- opacity: 1;
9600
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9601
+ color: #fff;
9602
+ background-color: #0d0f0e;
9597
9603
  }
9598
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
9599
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9600
- fill: #fff;
9604
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
9605
+ background-color: rgba(98, 102, 108, 0.6) !important;
9601
9606
  color: #fff;
9602
9607
  }
9603
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
9604
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9608
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9609
+ background-color: #1e2223;
9610
+ }
9611
+ .tsi-dateTimePicker.tsi-dark .tsi-select,
9612
+ .tsi-dateTimePicker.tsi-dark .tsi-select option {
9613
+ color: #fff;
9614
+ background-color: #0d0f0e;
9615
+ }
9616
+ .tsi-dateTimePicker.tsi-dark .pika-table th {
9605
9617
  color: #fff;
9606
9618
  opacity: 0.6;
9607
- background-color: transparent;
9608
- border: 1px solid transparent;
9609
9619
  }
9610
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
9611
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
9612
- background: #0d0f0e;
9620
+ .tsi-dateTimePicker.tsi-dark .pika-single {
9621
+ color: #fff;
9622
+ background-color: #0d0f0e;
9613
9623
  }
9614
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
9615
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
9616
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
9617
- color: #60aaff;
9624
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
9625
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
9626
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
9627
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
9628
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
9629
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
9630
+ color: #fff;
9631
+ background-color: #0d0f0e;
9618
9632
  }
9619
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
9620
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
9621
- background-color: rgba(98, 102, 108, 0.4);
9633
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
9634
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
9635
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
9636
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
9637
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
9638
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
9639
+ border: 1px solid #60aaff;
9622
9640
  }
9623
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
9624
- border: none;
9625
- background-color: transparent;
9641
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
9642
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
9643
+ color: #60aaff;
9644
+ background-color: white;
9626
9645
  }
9627
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9628
- background-color: #0d0f0e;
9646
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9647
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9648
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
9649
+ color: #60aaff;
9629
9650
  }
9630
- .tsi-legend.tsi-light {
9631
- color: #000;
9632
- fill: #000;
9651
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
9652
+ background-color: rgba(48, 157, 144, 0.4) !important;
9633
9653
  }
9634
- .tsi-legend.tsi-light path {
9635
- stroke: #000;
9654
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
9655
+ box-shadow: unset;
9636
9656
  }
9637
- .tsi-legend.tsi-light:not(.compact) {
9638
- border-right: 1px solid #f2f2f2;
9657
+ .tsi-dateTimePicker.tsi-light {
9658
+ background-color: #ffffff;
9659
+ color: #000;
9639
9660
  }
9640
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9641
- color: #136bfb;
9642
- opacity: 1;
9661
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9662
+ border-left: 1px solid #dcdcdc;
9643
9663
  }
9644
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
9645
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9646
- fill: #000;
9664
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9665
+ background-color: #ffffff;
9647
9666
  color: #000;
9667
+ border: 1px solid rgba(0, 0, 0, 0.3);
9648
9668
  }
9649
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
9650
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9669
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9651
9670
  color: #000;
9652
- opacity: 0.6;
9653
- background-color: transparent;
9654
- border: 1px solid transparent;
9671
+ background-color: #ffffff;
9655
9672
  }
9656
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
9657
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
9658
- background: #ffffff;
9673
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
9674
+ background-color: rgba(179, 214, 242, 0.6) !important;
9675
+ color: #000;
9659
9676
  }
9660
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
9661
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
9662
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
9663
- color: #136bfb;
9677
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9678
+ background-color: #f2f2f2;
9664
9679
  }
9665
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
9666
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
9667
- background-color: rgba(179, 214, 242, 0.4);
9680
+ .tsi-dateTimePicker.tsi-light .tsi-select,
9681
+ .tsi-dateTimePicker.tsi-light .tsi-select option {
9682
+ color: #000;
9683
+ background-color: #ffffff;
9668
9684
  }
9669
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
9670
- border: none;
9671
- background-color: transparent;
9685
+ .tsi-dateTimePicker.tsi-light .pika-table th {
9686
+ color: #000;
9687
+ opacity: 0.6;
9672
9688
  }
9673
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9689
+ .tsi-dateTimePicker.tsi-light .pika-single {
9690
+ color: #000;
9674
9691
  background-color: #ffffff;
9675
9692
  }
9676
- .tsi-legend.hidden {
9677
- display: none;
9693
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select,
9694
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
9695
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-label,
9696
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-day,
9697
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
9698
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
9699
+ color: #000;
9700
+ background-color: #ffffff;
9678
9701
  }
9679
- .tsi-legend:not(.hidden) {
9680
- display: block;
9702
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
9703
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
9704
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
9705
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
9706
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
9707
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
9708
+ border: 1px solid #136bfb;
9681
9709
  }
9682
- .tsi-legend.compact {
9683
- margin-left: 20px;
9684
- margin-right: 20px;
9685
- top: 8px;
9686
- height: 48px !important;
9687
- width: calc(100% - 40px) !important;
9688
- position: absolute;
9689
- display: flex;
9690
- justify-content: center;
9691
- border-right: none;
9692
- padding: 0;
9693
- padding-left: 0px;
9710
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
9711
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
9712
+ color: #136bfb;
9713
+ background-color: white;
9694
9714
  }
9695
- .tsi-legend.compact .tsi-seriesLabel {
9696
- overflow-y: hidden;
9697
- overflow-x: hidden;
9715
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9716
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9717
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
9718
+ color: #136bfb;
9698
9719
  }
9699
- .tsi-legend.compact .tsi-seriesLabel:hover {
9700
- overflow-x: auto;
9720
+ .tsi-dateTimePicker .tsi-dateTimeGroup {
9721
+ display: inline-flex;
9701
9722
  }
9702
- .tsi-legend.compact .tsi-seriesLabel {
9703
- white-space: nowrap;
9704
- flex-basis: auto;
9705
- flex-shrink: 1;
9723
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
9724
+ display: flex;
9725
+ flex-direction: column;
9726
+ width: 152px;
9727
+ float: left;
9728
+ height: auto;
9706
9729
  }
9707
- .tsi-legend.compact .tsi-seriesLabel {
9730
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9731
+ text-align: left;
9708
9732
  border: none;
9709
- padding: 0;
9710
- text-align: center;
9711
- margin: 4px;
9733
+ height: 10%;
9734
+ padding-left: 20px;
9735
+ width: 100%;
9736
+ cursor: pointer;
9712
9737
  }
9713
- .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
9714
- border: none;
9738
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9739
+ float: right;
9740
+ width: 460px;
9741
+ padding-left: 8px;
9715
9742
  }
9716
- .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
9717
- display: none;
9743
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
9744
+ border: none;
9745
+ height: 250px;
9718
9746
  }
9719
- .tsi-legend.compact .tsi-seriesLabel select {
9720
- display: none;
9747
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
9748
+ box-shadow: unset;
9721
9749
  }
9722
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
9723
- max-height: 140px;
9724
- display: inline-block;
9750
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
9751
+ width: 100%;
9752
+ margin-top: 8px;
9725
9753
  }
9726
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9727
- display: inline-block;
9728
- margin: 0 4px;
9729
- padding: 0 4px 1px 4px;
9730
- height: 20px;
9731
- margin-top: 1px;
9732
- overflow: hidden;
9754
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
9755
+ top: 4px;
9756
+ margin: 0px;
9757
+ padding-right: 28px;
9758
+ width: 100px;
9759
+ 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;
9760
+ background-position-y: 12px;
9761
+ background-position-x: calc(100% - 4px);
9733
9762
  }
9734
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9735
- display: none;
9763
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
9764
+ padding: 6px;
9736
9765
  }
9737
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
9738
- display: block;
9739
- position: absolute;
9740
- height: 10px;
9741
- width: 10px;
9742
- top: -3px;
9743
- forced-color-adjust: none;
9766
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
9767
+ align-items: stretch;
9768
+ width: calc(100% - 28px);
9769
+ margin-left: 12px;
9770
+ margin-right: 12px;
9744
9771
  }
9745
- .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 {
9746
- height: 12px;
9747
- width: 12px;
9748
- top: unset;
9749
- margin-top: 4px;
9750
- margin-left: 0px;
9772
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
9773
+ display: inline-flex;
9774
+ width: 100%;
9751
9775
  }
9752
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9753
- max-width: 100px;
9754
- margin-left: 16px;
9755
- margin-right: 0px;
9756
- text-align: left;
9757
- width: initial;
9758
- font-size: 12px;
9776
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
9777
+ padding-right: 10px;
9759
9778
  }
9760
- .tsi-legend:not(.compact).tsi-flexLegend {
9761
- display: flex;
9762
- flex-direction: column;
9779
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9780
+ padding-left: 6px;
9763
9781
  }
9764
- .tsi-legend:not(.compact) {
9765
- height: 100%;
9766
- }
9767
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9768
- background: none;
9769
- border: none;
9770
- visibility: visible;
9771
- margin: 8px auto;
9772
- cursor: pointer;
9773
- }
9774
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
9775
- text-decoration: underline;
9776
- }
9777
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
9778
- overflow-y: auto;
9779
- visibility: hidden;
9780
- min-height: 42px;
9781
- height: calc(100% - 25px);
9782
- }
9783
- .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 {
9784
- visibility: visible;
9785
- }
9786
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9787
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9788
- display: block;
9789
- background-size: 17px 11px;
9790
- background-repeat: no-repeat;
9791
- background-position: center;
9792
- position: absolute;
9793
- height: 100%;
9794
- width: 17px;
9795
- right: 17px;
9796
- }
9797
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
9798
- display: inherit;
9799
- cursor: pointer;
9800
- border: none;
9801
- background-color: transparent;
9802
- }
9803
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9804
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9805
- 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");
9806
- }
9807
- @media screen and (-ms-high-contrast: white-on-black) {
9808
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9809
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9810
- 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");
9811
- }
9812
- }
9813
- .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9814
- .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9815
- 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");
9816
- }
9817
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
9818
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
9819
- opacity: 0.3;
9820
- }
9821
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
9822
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
9823
- opacity: 1;
9824
- }
9825
- .tsi-legend .tsi-seriesLabel {
9826
- margin: 8px;
9827
- }
9828
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
9829
- overflow-y: hidden;
9782
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
9783
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9784
+ padding-top: 12px;
9785
+ width: 50%;
9786
+ position: relative;
9830
9787
  }
9831
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
9832
- display: none;
9788
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
9789
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
9790
+ margin-top: 4px;
9791
+ width: 100%;
9792
+ padding: 0px 8px 0px 8px;
9793
+ height: 30px;
9794
+ box-sizing: border-box;
9833
9795
  }
9834
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
9835
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9796
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
9797
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
9798
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
9799
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
9836
9800
  display: flex;
9837
9801
  }
9838
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
9839
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
9840
- flex-direction: row;
9841
- align-items: center;
9842
- }
9843
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
9844
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
9845
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
9846
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9847
- text-overflow: ellipsis;
9848
- white-space: nowrap;
9849
- overflow: hidden;
9850
- margin-top: 2px;
9851
- margin-bottom: 4px;
9852
- font-weight: 400;
9853
- margin-right: 36px;
9802
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
9803
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
9804
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
9805
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
9806
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
9807
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
9808
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
9809
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
9810
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
9811
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
9812
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
9813
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
9814
+ display: flex;
9815
+ width: 33%;
9816
+ flex-grow: 1;
9817
+ height: 32px;
9818
+ padding-left: 12px;
9819
+ display: inline-flex;
9820
+ text-align: center;
9854
9821
  }
9855
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
9856
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
9857
- cursor: pointer;
9822
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
9823
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
9858
9824
  font-weight: 600;
9859
- font-size: 15px;
9860
- font-family: "Segoe UI", sans-serif;
9861
- }
9862
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
9863
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9864
- cursor: default;
9865
- overflow-x: hidden;
9866
- text-overflow: ellipsis;
9867
9825
  font-size: 14px;
9826
+ margin: 0;
9827
+ text-transform: capitalize;
9828
+ height: 20px;
9829
+ line-height: 20px;
9830
+ opacity: 1;
9868
9831
  }
9869
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
9870
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9871
- left: 20px;
9872
- max-width: calc(100% - 64px);
9873
- margin: 2px;
9832
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
9833
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
9834
+ text-decoration: underline;
9835
+ background: transparent;
9874
9836
  border: none;
9837
+ line-height: 20px;
9838
+ cursor: pointer;
9839
+ margin-left: 8px;
9840
+ padding: 0px;
9841
+ text-transform: capitalize;
9875
9842
  position: absolute;
9876
- top: 16px;
9877
- -webkit-appearance: none;
9878
- -moz-appearance: none;
9879
- appearance: none;
9880
- padding: 2px;
9881
- 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");
9882
- background-repeat: no-repeat;
9883
- background-position-x: calc(100% - 4px);
9884
- background-position-y: 7px;
9885
- background-size: 18px;
9886
- padding-right: 28px;
9887
- }
9888
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
9889
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
9890
- display: none; /* remove default arrow on ie10 and ie11 */
9843
+ top: 0px;
9844
+ right: 0px;
9845
+ margin-top: 12px;
9891
9846
  }
9892
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
9893
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
9894
- height: 24px;
9847
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
9848
+ padding-bottom: 12px;
9849
+ width: calc(100% - 32px);
9850
+ margin: 0 16px 16px 16px;
9895
9851
  }
9896
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
9897
- display: inline-block;
9852
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
9853
+ width: 100%;
9854
+ height: 100%;
9898
9855
  }
9899
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
9900
- cursor: pointer;
9901
- padding: 0 4px;
9902
- position: relative;
9856
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
9903
9857
  width: 100%;
9858
+ 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;
9859
+ background-position-y: 12px;
9860
+ background-position-x: calc(100% - 4px);
9904
9861
  }
9905
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
9906
- height: 17px;
9907
- width: 50px;
9908
- position: absolute;
9909
- right: 4px;
9910
- top: 6px;
9911
- display: none;
9862
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
9863
+ width: 100%;
9864
+ height: 48px;
9865
+ margin-top: 12px;
9912
9866
  }
9913
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9914
- font-size: 16px;
9915
- padding: 0 4px;
9916
- position: relative;
9917
- height: 40px;
9918
- border-radius: 3px;
9867
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
9868
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
9869
+ width: 92px;
9870
+ border: none;
9871
+ float: right;
9872
+ margin-right: 16px;
9873
+ height: 32px;
9874
+ padding: 8px;
9875
+ border-radius: 2px;
9876
+ line-height: 14px;
9919
9877
  }
9920
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
9921
- height: 0px;
9922
- display: none;
9923
- padding: 0;
9878
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
9879
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
9880
+ background-color: grey !important;
9924
9881
  }
9925
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
9926
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
9927
- flex-shrink: 0;
9928
- width: 12px;
9929
- height: 12px;
9930
- margin-top: 8px;
9931
- margin-right: 8px;
9932
- border-radius: 6px;
9933
- position: relative;
9934
- top: -2px;
9935
- forced-color-adjust: none;
9882
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
9883
+ background-color: #309d90;
9884
+ color: white;
9936
9885
  }
9937
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
9938
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
9939
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
9940
- height: 16px;
9941
- width: 16px;
9942
- margin-top: unset;
9886
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
9887
+ background-color: #b36200;
9888
+ color: white;
9943
9889
  }
9944
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
9945
- margin: 0;
9946
- cursor: pointer;
9947
- font-weight: normal;
9948
- padding-left: 8px;
9890
+ @media screen and (-ms-high-contrast: active) {
9891
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
9892
+ -ms-high-contrast-adjust: none;
9893
+ background-color: #b36200;
9894
+ }
9949
9895
  }
9950
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
9951
- display: none;
9896
+ .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
9897
+ padding: 8px;
9952
9898
  }
9953
9899
  div[class^=tsi-] {
9954
9900
  box-sizing: border-box;
@@ -10214,326 +10160,380 @@ select::-ms-expand {
10214
10160
  font-weight: 300;
10215
10161
  }
10216
10162
 
10217
- .tsi-timeRequired {
10218
- color: #a80000;
10163
+ .tsi-legend {
10164
+ overflow-y: auto;
10165
+ overflow-x: hidden;
10166
+ height: calc(100% - 16px);
10167
+ padding-left: 8px;
10219
10168
  }
10220
-
10221
- .tsi-dateTimePicker {
10222
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
10223
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
10224
- align-items: stretch;
10225
- width: 616px;
10169
+ .tsi-legend.tsi-dark {
10170
+ color: #fff;
10171
+ fill: #fff;
10226
10172
  }
10227
- .tsi-dateTimePicker.tsi-dark {
10228
- background-color: #0d0f0e;
10173
+ .tsi-legend.tsi-dark path {
10174
+ stroke: #fff;
10175
+ }
10176
+ .tsi-legend.tsi-dark:not(.compact) {
10177
+ border-right: 1px solid #1e2223;
10178
+ }
10179
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10180
+ color: #60aaff;
10181
+ opacity: 1;
10182
+ }
10183
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
10184
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10185
+ fill: #fff;
10186
+ color: #fff;
10187
+ }
10188
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
10189
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10229
10190
  color: #fff;
10191
+ opacity: 0.6;
10192
+ background-color: transparent;
10193
+ border: 1px solid transparent;
10194
+ }
10195
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
10196
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
10197
+ background: #0d0f0e;
10198
+ }
10199
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
10200
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
10201
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
10202
+ color: #60aaff;
10230
10203
  }
10231
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10232
- border-left: 1px solid #31373e;
10204
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
10205
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
10206
+ background-color: rgba(98, 102, 108, 0.4);
10233
10207
  }
10234
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10235
- background-color: #0d0f0e;
10236
- color: #fff;
10237
- border: 1px solid rgba(255, 255, 255, 0.3);
10208
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
10209
+ border: none;
10210
+ background-color: transparent;
10238
10211
  }
10239
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10240
- color: #fff;
10212
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10241
10213
  background-color: #0d0f0e;
10242
10214
  }
10243
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
10244
- background-color: rgba(98, 102, 108, 0.6) !important;
10245
- color: #fff;
10215
+ .tsi-legend.tsi-light {
10216
+ color: #000;
10217
+ fill: #000;
10246
10218
  }
10247
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10248
- background-color: #1e2223;
10219
+ .tsi-legend.tsi-light path {
10220
+ stroke: #000;
10249
10221
  }
10250
- .tsi-dateTimePicker.tsi-dark .tsi-select,
10251
- .tsi-dateTimePicker.tsi-dark .tsi-select option {
10252
- color: #fff;
10253
- background-color: #0d0f0e;
10222
+ .tsi-legend.tsi-light:not(.compact) {
10223
+ border-right: 1px solid #f2f2f2;
10254
10224
  }
10255
- .tsi-dateTimePicker.tsi-dark .pika-table th {
10256
- color: #fff;
10225
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10226
+ color: #136bfb;
10227
+ opacity: 1;
10228
+ }
10229
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
10230
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10231
+ fill: #000;
10232
+ color: #000;
10233
+ }
10234
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
10235
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10236
+ color: #000;
10257
10237
  opacity: 0.6;
10238
+ background-color: transparent;
10239
+ border: 1px solid transparent;
10258
10240
  }
10259
- .tsi-dateTimePicker.tsi-dark .pika-single {
10260
- color: #fff;
10261
- background-color: #0d0f0e;
10241
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
10242
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
10243
+ background: #ffffff;
10262
10244
  }
10263
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
10264
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
10265
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
10266
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
10267
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
10268
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
10269
- color: #fff;
10270
- background-color: #0d0f0e;
10245
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
10246
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
10247
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
10248
+ color: #136bfb;
10271
10249
  }
10272
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
10273
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
10274
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
10275
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
10276
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
10277
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
10278
- border: 1px solid #60aaff;
10250
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
10251
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
10252
+ background-color: rgba(179, 214, 242, 0.4);
10279
10253
  }
10280
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
10281
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
10282
- color: #60aaff;
10283
- background-color: white;
10254
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
10255
+ border: none;
10256
+ background-color: transparent;
10284
10257
  }
10285
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10286
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10287
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
10288
- color: #60aaff;
10258
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10259
+ background-color: #ffffff;
10289
10260
  }
10290
- .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
10291
- background-color: rgba(48, 157, 144, 0.4) !important;
10261
+ .tsi-legend.hidden {
10262
+ display: none;
10292
10263
  }
10293
- .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
10294
- box-shadow: unset;
10264
+ .tsi-legend:not(.hidden) {
10265
+ display: block;
10295
10266
  }
10296
- .tsi-dateTimePicker.tsi-light {
10297
- background-color: #ffffff;
10298
- color: #000;
10267
+ .tsi-legend.compact {
10268
+ margin-left: 20px;
10269
+ margin-right: 20px;
10270
+ top: 8px;
10271
+ height: 48px !important;
10272
+ width: calc(100% - 40px) !important;
10273
+ position: absolute;
10274
+ display: flex;
10275
+ justify-content: center;
10276
+ border-right: none;
10277
+ padding: 0;
10278
+ padding-left: 0px;
10299
10279
  }
10300
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10301
- border-left: 1px solid #dcdcdc;
10280
+ .tsi-legend.compact .tsi-seriesLabel {
10281
+ overflow-y: hidden;
10282
+ overflow-x: hidden;
10302
10283
  }
10303
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10304
- background-color: #ffffff;
10305
- color: #000;
10306
- border: 1px solid rgba(0, 0, 0, 0.3);
10284
+ .tsi-legend.compact .tsi-seriesLabel:hover {
10285
+ overflow-x: auto;
10307
10286
  }
10308
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10309
- color: #000;
10310
- background-color: #ffffff;
10287
+ .tsi-legend.compact .tsi-seriesLabel {
10288
+ white-space: nowrap;
10289
+ flex-basis: auto;
10290
+ flex-shrink: 1;
10311
10291
  }
10312
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
10313
- background-color: rgba(179, 214, 242, 0.6) !important;
10314
- color: #000;
10292
+ .tsi-legend.compact .tsi-seriesLabel {
10293
+ border: none;
10294
+ padding: 0;
10295
+ text-align: center;
10296
+ margin: 4px;
10315
10297
  }
10316
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10317
- background-color: #f2f2f2;
10298
+ .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
10299
+ border: none;
10318
10300
  }
10319
- .tsi-dateTimePicker.tsi-light .tsi-select,
10320
- .tsi-dateTimePicker.tsi-light .tsi-select option {
10321
- color: #000;
10322
- background-color: #ffffff;
10301
+ .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
10302
+ display: none;
10323
10303
  }
10324
- .tsi-dateTimePicker.tsi-light .pika-table th {
10325
- color: #000;
10326
- opacity: 0.6;
10304
+ .tsi-legend.compact .tsi-seriesLabel select {
10305
+ display: none;
10327
10306
  }
10328
- .tsi-dateTimePicker.tsi-light .pika-single {
10329
- color: #000;
10330
- background-color: #ffffff;
10307
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
10308
+ max-height: 140px;
10309
+ display: inline-block;
10331
10310
  }
10332
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select,
10333
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
10334
- .tsi-dateTimePicker.tsi-light .pika-single .pika-label,
10335
- .tsi-dateTimePicker.tsi-light .pika-single .pika-day,
10336
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
10337
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
10338
- color: #000;
10339
- background-color: #ffffff;
10311
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10312
+ display: inline-block;
10313
+ margin: 0 4px;
10314
+ padding: 0 4px 1px 4px;
10315
+ height: 20px;
10316
+ margin-top: 1px;
10317
+ overflow: hidden;
10340
10318
  }
10341
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
10342
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
10343
- .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
10344
- .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
10345
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
10346
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
10347
- border: 1px solid #136bfb;
10319
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10320
+ display: none;
10348
10321
  }
10349
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
10350
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
10351
- color: #136bfb;
10352
- background-color: white;
10322
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
10323
+ display: block;
10324
+ position: absolute;
10325
+ height: 10px;
10326
+ width: 10px;
10327
+ top: -3px;
10328
+ forced-color-adjust: none;
10353
10329
  }
10354
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10355
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10356
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
10357
- color: #136bfb;
10330
+ .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 {
10331
+ height: 12px;
10332
+ width: 12px;
10333
+ top: unset;
10334
+ margin-top: 4px;
10335
+ margin-left: 0px;
10358
10336
  }
10359
- .tsi-dateTimePicker .tsi-dateTimeGroup {
10360
- display: inline-flex;
10337
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10338
+ max-width: 100px;
10339
+ margin-left: 16px;
10340
+ margin-right: 0px;
10341
+ text-align: left;
10342
+ width: initial;
10343
+ font-size: 12px;
10361
10344
  }
10362
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
10345
+ .tsi-legend:not(.compact).tsi-flexLegend {
10363
10346
  display: flex;
10364
10347
  flex-direction: column;
10365
- width: 152px;
10366
- float: left;
10367
- height: auto;
10368
10348
  }
10369
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10370
- text-align: left;
10349
+ .tsi-legend:not(.compact) {
10350
+ height: 100%;
10351
+ }
10352
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10353
+ background: none;
10371
10354
  border: none;
10372
- height: 10%;
10373
- padding-left: 20px;
10374
- width: 100%;
10355
+ visibility: visible;
10356
+ margin: 8px auto;
10375
10357
  cursor: pointer;
10376
10358
  }
10377
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10378
- float: right;
10379
- width: 460px;
10380
- padding-left: 8px;
10359
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
10360
+ text-decoration: underline;
10381
10361
  }
10382
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
10383
- border: none;
10384
- height: 250px;
10362
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
10363
+ overflow-y: auto;
10364
+ visibility: hidden;
10365
+ min-height: 42px;
10366
+ height: calc(100% - 25px);
10385
10367
  }
10386
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
10387
- box-shadow: unset;
10368
+ .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 {
10369
+ visibility: visible;
10370
+ }
10371
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10372
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10373
+ display: block;
10374
+ background-size: 17px 11px;
10375
+ background-repeat: no-repeat;
10376
+ background-position: center;
10377
+ position: absolute;
10378
+ height: 100%;
10379
+ width: 17px;
10380
+ right: 17px;
10388
10381
  }
10389
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
10390
- width: 100%;
10391
- margin-top: 8px;
10382
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
10383
+ display: inherit;
10384
+ cursor: pointer;
10385
+ border: none;
10386
+ background-color: transparent;
10392
10387
  }
10393
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
10394
- top: 4px;
10395
- margin: 0px;
10396
- padding-right: 28px;
10397
- width: 100px;
10398
- 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;
10399
- background-position-y: 12px;
10400
- background-position-x: calc(100% - 4px);
10388
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10389
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10390
+ 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");
10401
10391
  }
10402
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
10403
- padding: 6px;
10392
+ @media screen and (-ms-high-contrast: white-on-black) {
10393
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10394
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10395
+ 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");
10396
+ }
10404
10397
  }
10405
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
10406
- align-items: stretch;
10407
- width: calc(100% - 28px);
10408
- margin-left: 12px;
10409
- margin-right: 12px;
10398
+ .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10399
+ .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10400
+ 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");
10410
10401
  }
10411
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
10412
- display: inline-flex;
10413
- width: 100%;
10402
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
10403
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
10404
+ opacity: 0.3;
10414
10405
  }
10415
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
10416
- padding-right: 10px;
10406
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
10407
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
10408
+ opacity: 1;
10417
10409
  }
10418
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10419
- padding-left: 6px;
10410
+ .tsi-legend .tsi-seriesLabel {
10411
+ margin: 8px;
10420
10412
  }
10421
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
10422
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10423
- padding-top: 12px;
10424
- width: 50%;
10425
- position: relative;
10413
+ .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
10414
+ overflow-y: hidden;
10426
10415
  }
10427
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
10428
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
10429
- margin-top: 4px;
10430
- width: 100%;
10431
- padding: 0px 8px 0px 8px;
10432
- height: 30px;
10433
- box-sizing: border-box;
10416
+ .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
10417
+ display: none;
10434
10418
  }
10435
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
10436
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
10437
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
10438
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
10419
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
10420
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10439
10421
  display: flex;
10440
10422
  }
10441
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
10442
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
10443
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
10444
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
10445
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
10446
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
10447
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
10448
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
10449
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
10450
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
10451
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
10452
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
10453
- display: flex;
10454
- width: 33%;
10455
- flex-grow: 1;
10456
- height: 32px;
10457
- padding-left: 12px;
10458
- display: inline-flex;
10459
- text-align: center;
10423
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
10424
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
10425
+ flex-direction: row;
10426
+ align-items: center;
10460
10427
  }
10461
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
10462
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
10428
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10429
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
10430
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
10431
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10432
+ text-overflow: ellipsis;
10433
+ white-space: nowrap;
10434
+ overflow: hidden;
10435
+ margin-top: 2px;
10436
+ margin-bottom: 4px;
10437
+ font-weight: 400;
10438
+ margin-right: 36px;
10439
+ }
10440
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10441
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
10442
+ cursor: pointer;
10463
10443
  font-weight: 600;
10444
+ font-size: 15px;
10445
+ font-family: "Segoe UI", sans-serif;
10446
+ }
10447
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
10448
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10449
+ cursor: default;
10450
+ overflow-x: hidden;
10451
+ text-overflow: ellipsis;
10464
10452
  font-size: 14px;
10465
- margin: 0;
10466
- text-transform: capitalize;
10467
- height: 20px;
10468
- line-height: 20px;
10469
- opacity: 1;
10470
10453
  }
10471
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
10472
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
10473
- text-decoration: underline;
10474
- background: transparent;
10454
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
10455
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10456
+ left: 20px;
10457
+ max-width: calc(100% - 64px);
10458
+ margin: 2px;
10475
10459
  border: none;
10476
- line-height: 20px;
10477
- cursor: pointer;
10478
- margin-left: 8px;
10479
- padding: 0px;
10480
- text-transform: capitalize;
10481
10460
  position: absolute;
10482
- top: 0px;
10483
- right: 0px;
10484
- margin-top: 12px;
10461
+ top: 16px;
10462
+ -webkit-appearance: none;
10463
+ -moz-appearance: none;
10464
+ appearance: none;
10465
+ padding: 2px;
10466
+ 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");
10467
+ background-repeat: no-repeat;
10468
+ background-position-x: calc(100% - 4px);
10469
+ background-position-y: 7px;
10470
+ background-size: 18px;
10471
+ padding-right: 28px;
10485
10472
  }
10486
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
10487
- padding-bottom: 12px;
10488
- width: calc(100% - 32px);
10489
- margin: 0 16px 16px 16px;
10473
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
10474
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
10475
+ display: none; /* remove default arrow on ie10 and ie11 */
10490
10476
  }
10491
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
10492
- width: 100%;
10493
- height: 100%;
10477
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
10478
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
10479
+ height: 24px;
10494
10480
  }
10495
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
10496
- width: 100%;
10497
- 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;
10498
- background-position-y: 12px;
10499
- background-position-x: calc(100% - 4px);
10481
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
10482
+ display: inline-block;
10500
10483
  }
10501
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
10484
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
10485
+ cursor: pointer;
10486
+ padding: 0 4px;
10487
+ position: relative;
10502
10488
  width: 100%;
10503
- height: 48px;
10504
- margin-top: 12px;
10505
10489
  }
10506
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
10507
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
10508
- width: 92px;
10509
- border: none;
10510
- float: right;
10511
- margin-right: 16px;
10512
- height: 32px;
10513
- padding: 8px;
10514
- border-radius: 2px;
10515
- line-height: 14px;
10490
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
10491
+ height: 17px;
10492
+ width: 50px;
10493
+ position: absolute;
10494
+ right: 4px;
10495
+ top: 6px;
10496
+ display: none;
10516
10497
  }
10517
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
10518
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
10519
- background-color: grey !important;
10498
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10499
+ font-size: 16px;
10500
+ padding: 0 4px;
10501
+ position: relative;
10502
+ height: 40px;
10503
+ border-radius: 3px;
10520
10504
  }
10521
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
10522
- background-color: #309d90;
10523
- color: white;
10505
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
10506
+ height: 0px;
10507
+ display: none;
10508
+ padding: 0;
10524
10509
  }
10525
- .tsi-dateTimePicker .tsi-errorMessageContainer {
10526
- background-color: #b36200;
10527
- color: white;
10510
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
10511
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
10512
+ flex-shrink: 0;
10513
+ width: 12px;
10514
+ height: 12px;
10515
+ margin-top: 8px;
10516
+ margin-right: 8px;
10517
+ border-radius: 6px;
10518
+ position: relative;
10519
+ top: -2px;
10520
+ forced-color-adjust: none;
10528
10521
  }
10529
- @media screen and (-ms-high-contrast: active) {
10530
- .tsi-dateTimePicker .tsi-errorMessageContainer {
10531
- -ms-high-contrast-adjust: none;
10532
- background-color: #b36200;
10533
- }
10522
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
10523
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
10524
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
10525
+ height: 16px;
10526
+ width: 16px;
10527
+ margin-top: unset;
10534
10528
  }
10535
- .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
10536
- padding: 8px;
10529
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
10530
+ margin: 0;
10531
+ cursor: pointer;
10532
+ font-weight: normal;
10533
+ padding-left: 8px;
10534
+ }
10535
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
10536
+ display: none;
10537
10537
  }
10538
10538
  div[class^=tsi-] {
10539
10539
  box-sizing: border-box;
@@ -14952,6 +14952,9 @@ select::-ms-expand {
14952
14952
  line-height: 85%;
14953
14953
  font-weight: 300;
14954
14954
  }
14955
+ .tsi-clickableYAxis {
14956
+ cursor: pointer;
14957
+ }
14955
14958
  div[class^=tsi-] {
14956
14959
  box-sizing: border-box;
14957
14960
  font-family: "Segoe UI", sans-serif;
@@ -15524,9 +15527,6 @@ select::-ms-expand {
15524
15527
  .tsi-eventsGroup.tsi-light .tsi-baseMono {
15525
15528
  background: #f2f2f2;
15526
15529
  }
15527
- .tsi-clickableYAxis {
15528
- cursor: pointer;
15529
- }
15530
15530
  div[class^=tsi-] {
15531
15531
  box-sizing: border-box;
15532
15532
  font-family: "Segoe UI", sans-serif;