tsichart-core 1.0.3 → 1.0.5

package/dist/tsiclient.css

@@ -9575,380 +9575,326 @@ select::-ms-expand {
   font-weight: 300;
 }
 
-.tsi-legend {
-  overflow-y: auto;
-  overflow-x: hidden;
-  height: calc(100% - 16px);
-  padding-left: 8px;
+.tsi-timeRequired {
+  color: #a80000;
 }
-.tsi-legend.tsi-dark {
+
+.tsi-dateTimePicker {
+  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
+  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+  align-items: stretch;
+  width: 616px;
+}
+.tsi-dateTimePicker.tsi-dark {
+  background-color: #0d0f0e;
   color: #fff;
-  fill: #fff;
 }
-.tsi-legend.tsi-dark path {
-  stroke: #fff;
+.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
+  border-left: 1px solid #31373e;
 }
-.tsi-legend.tsi-dark:not(.compact) {
-  border-right: 1px solid #1e2223;
+.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
+  background-color: #0d0f0e;
+  color: #fff;
+  border: 1px solid rgba(255, 255, 255, 0.3);
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
-  color: #60aaff;
-  opacity: 1;
+.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
+  color: #fff;
+  background-color: #0d0f0e;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
-  fill: #fff;
+.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
+  background-color: rgba(98, 102, 108, 0.6) !important;
   color: #fff;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
+.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
+  background-color: #1e2223;
+}
+.tsi-dateTimePicker.tsi-dark .tsi-select,
+.tsi-dateTimePicker.tsi-dark .tsi-select option {
+  color: #fff;
+  background-color: #0d0f0e;
+}
+.tsi-dateTimePicker.tsi-dark .pika-table th {
   color: #fff;
   opacity: 0.6;
-  background-color: transparent;
-  border: 1px solid transparent;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
-  background: #0d0f0e;
+.tsi-dateTimePicker.tsi-dark .pika-single {
+  color: #fff;
+  background-color: #0d0f0e;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
-  color: #60aaff;
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
+  color: #fff;
+  background-color: #0d0f0e;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
-  background-color: rgba(98, 102, 108, 0.4);
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
+  border: 1px solid #60aaff;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
-  border: none;
-  background-color: transparent;
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
+.tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
+  color: #60aaff;
+  background-color: white;
 }
-.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
-  background-color: #0d0f0e;
+.tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
+.tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
+.tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
+  color: #60aaff;
 }
-.tsi-legend.tsi-light {
-  color: #000;
-  fill: #000;
+.tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
+  background-color: rgba(48, 157, 144, 0.4) !important;
 }
-.tsi-legend.tsi-light path {
-  stroke: #000;
+.tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
+  box-shadow: unset;
 }
-.tsi-legend.tsi-light:not(.compact) {
-  border-right: 1px solid #f2f2f2;
+.tsi-dateTimePicker.tsi-light {
+  background-color: #ffffff;
+  color: #000;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
-  color: #136bfb;
-  opacity: 1;
+.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
+  border-left: 1px solid #dcdcdc;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
-  fill: #000;
+.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
+  background-color: #ffffff;
   color: #000;
+  border: 1px solid rgba(0, 0, 0, 0.3);
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
+.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
   color: #000;
-  opacity: 0.6;
-  background-color: transparent;
-  border: 1px solid transparent;
+  background-color: #ffffff;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
-  background: #ffffff;
+.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
+  background-color: rgba(179, 214, 242, 0.6) !important;
+  color: #000;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
-  color: #136bfb;
+.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
+  background-color: #f2f2f2;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
-  background-color: rgba(179, 214, 242, 0.4);
+.tsi-dateTimePicker.tsi-light .tsi-select,
+.tsi-dateTimePicker.tsi-light .tsi-select option {
+  color: #000;
+  background-color: #ffffff;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
-  border: none;
-  background-color: transparent;
+.tsi-dateTimePicker.tsi-light .pika-table th {
+  color: #000;
+  opacity: 0.6;
 }
-.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
+.tsi-dateTimePicker.tsi-light .pika-single {
+  color: #000;
   background-color: #ffffff;
 }
-.tsi-legend.hidden {
-  display: none;
+.tsi-dateTimePicker.tsi-light .pika-single .pika-select,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-label,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-day,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-next {
+  color: #000;
+  background-color: #ffffff;
 }
-.tsi-legend:not(.hidden) {
-  display: block;
+.tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
+  border: 1px solid #136bfb;
 }
-.tsi-legend.compact {
-  margin-left: 20px;
-  margin-right: 20px;
-  top: 8px;
-  height: 48px !important;
-  width: calc(100% - 40px) !important;
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  border-right: none;
-  padding: 0;
-  padding-left: 0px;
+.tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
+.tsi-dateTimePicker.tsi-light .pika-single .pika-next {
+  color: #136bfb;
+  background-color: white;
 }
-.tsi-legend.compact .tsi-seriesLabel {
-  overflow-y: hidden;
-  overflow-x: hidden;
+.tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
+.tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
+.tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
+  color: #136bfb;
 }
-.tsi-legend.compact .tsi-seriesLabel:hover {
-  overflow-x: auto;
+.tsi-dateTimePicker .tsi-dateTimeGroup {
+  display: inline-flex;
 }
-.tsi-legend.compact .tsi-seriesLabel {
-  white-space: nowrap;
-  flex-basis: auto;
-  flex-shrink: 1;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
+  display: flex;
+  flex-direction: column;
+  width: 152px;
+  float: left;
+  height: auto;
 }
-.tsi-legend.compact .tsi-seriesLabel {
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
+  text-align: left;
   border: none;
-  padding: 0;
-  text-align: center;
-  margin: 4px;
+  height: 10%;
+  padding-left: 20px;
+  width: 100%;
+  cursor: pointer;
 }
-.tsi-legend.compact .tsi-seriesLabel:not(.shown) {
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
+  float: right;
+  width: 460px;
+  padding-left: 8px;
+}
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
   border: none;
+  height: 250px;
 }
-.tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
-  display: none;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
+  box-shadow: unset;
 }
-.tsi-legend.compact .tsi-seriesLabel select {
-  display: none;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
+  width: 100%;
+  margin-top: 8px;
 }
-.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
-  max-height: 140px;
-  display: inline-block;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
+  top: 4px;
+  margin: 0px;
+  padding-right: 28px;
+  width: 100px;
+  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;
+  background-position-y: 12px;
+  background-position-x: calc(100% - 4px);
 }
-.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
-  display: inline-block;
-  margin: 0 4px;
-  padding: 0 4px 1px 4px;
-  height: 20px;
-  margin-top: 1px;
-  overflow: hidden;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
+  padding: 6px;
 }
-.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
-  display: none;
-}
-.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
-  display: block;
-  position: absolute;
-  height: 10px;
-  width: 10px;
-  top: -3px;
-  forced-color-adjust: none;
-}
-.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 {
-  height: 12px;
-  width: 12px;
-  top: unset;
-  margin-top: 4px;
-  margin-left: 0px;
-}
-.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
-  max-width: 100px;
-  margin-left: 16px;
-  margin-right: 0px;
-  text-align: left;
-  width: initial;
-  font-size: 12px;
-}
-.tsi-legend:not(.compact).tsi-flexLegend {
-  display: flex;
-  flex-direction: column;
-}
-.tsi-legend:not(.compact) {
-  height: 100%;
-}
-.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
-  background: none;
-  border: none;
-  visibility: visible;
-  margin: 8px auto;
-  cursor: pointer;
-}
-.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
-  text-decoration: underline;
-}
-.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
-  overflow-y: auto;
-  visibility: hidden;
-  min-height: 42px;
-  height: calc(100% - 25px);
-}
-.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 {
-  visibility: visible;
-}
-.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
-.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
-  display: block;
-  background-size: 17px 11px;
-  background-repeat: no-repeat;
-  background-position: center;
-  position: absolute;
-  height: 100%;
-  width: 17px;
-  right: 17px;
-}
-.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
-  display: inherit;
-  cursor: pointer;
-  border: none;
-  background-color: transparent;
-}
-.tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
-.tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
-  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");
-}
-@media screen and (-ms-high-contrast: white-on-black) {
-  .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
-  .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
-    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");
-  }
-}
-.tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
-.tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
-  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");
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
+  align-items: stretch;
+  width: calc(100% - 28px);
+  margin-left: 12px;
+  margin-right: 12px;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
-  opacity: 0.3;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
+  display: inline-flex;
+  width: 100%;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
-  opacity: 1;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
+  padding-right: 10px;
 }
-.tsi-legend .tsi-seriesLabel {
-  margin: 8px;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
+  padding-left: 6px;
 }
-.tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
-  overflow-y: hidden;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
+  padding-top: 12px;
+  width: 50%;
+  position: relative;
 }
-.tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
-  display: none;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
+  margin-top: 4px;
+  width: 100%;
+  padding: 0px 8px 0px 8px;
+  height: 30px;
+  box-sizing: border-box;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
   display: flex;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
-  flex-direction: row;
-  align-items: center;
-}
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  margin-top: 2px;
-  margin-bottom: 4px;
-  font-weight: 400;
-  margin-right: 36px;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
+  display: flex;
+  width: 33%;
+  flex-grow: 1;
+  height: 32px;
+  padding-left: 12px;
+  display: inline-flex;
+  text-align: center;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
-  cursor: pointer;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
   font-weight: 600;
-  font-size: 15px;
-  font-family: "Segoe UI", sans-serif;
-}
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
-  cursor: default;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
   font-size: 14px;
+  margin: 0;
+  text-transform: capitalize;
+  height: 20px;
+  line-height: 20px;
+  opacity: 1;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
-  left: 20px;
-  max-width: calc(100% - 64px);
-  margin: 2px;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
+  text-decoration: underline;
+  background: transparent;
   border: none;
+  line-height: 20px;
+  cursor: pointer;
+  margin-left: 8px;
+  padding: 0px;
+  text-transform: capitalize;
   position: absolute;
-  top: 16px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  padding: 2px;
-  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");
-  background-repeat: no-repeat;
-  background-position-x: calc(100% - 4px);
-  background-position-y: 7px;
-  background-size: 18px;
-  padding-right: 28px;
-}
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
-  display: none; /* remove default arrow on ie10 and ie11 */
+  top: 0px;
+  right: 0px;
+  margin-top: 12px;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
-  height: 24px;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
+  padding-bottom: 12px;
+  width: calc(100% - 32px);
+  margin: 0 16px 16px 16px;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
-  display: inline-block;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
+  width: 100%;
+  height: 100%;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
-  cursor: pointer;
-  padding: 0 4px;
-  position: relative;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
   width: 100%;
+  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;
+  background-position-y: 12px;
+  background-position-x: calc(100% - 4px);
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
-  height: 17px;
-  width: 50px;
-  position: absolute;
-  right: 4px;
-  top: 6px;
-  display: none;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
+  width: 100%;
+  height: 48px;
+  margin-top: 12px;
 }
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
-  font-size: 16px;
-  padding: 0 4px;
-  position: relative;
-  height: 40px;
-  border-radius: 3px;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
+  width: 92px;
+  border: none;
+  float: right;
+  margin-right: 16px;
+  height: 32px;
+  padding: 8px;
+  border-radius: 2px;
+  line-height: 14px;
 }
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
-  height: 0px;
-  display: none;
-  padding: 0;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
+  background-color: grey !important;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
-  flex-shrink: 0;
-  width: 12px;
-  height: 12px;
-  margin-top: 8px;
-  margin-right: 8px;
-  border-radius: 6px;
-  position: relative;
-  top: -2px;
-  forced-color-adjust: none;
+.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
+  background-color: #309d90;
+  color: white;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
-.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
-  height: 16px;
-  width: 16px;
-  margin-top: unset;
+.tsi-dateTimePicker .tsi-errorMessageContainer {
+  background-color: #b36200;
+  color: white;
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
-  margin: 0;
-  cursor: pointer;
-  font-weight: normal;
-  padding-left: 8px;
+@media screen and (-ms-high-contrast: active) {
+  .tsi-dateTimePicker .tsi-errorMessageContainer {
+    -ms-high-contrast-adjust: none;
+    background-color: #b36200;
+  }
 }
-.tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
-  display: none;
+.tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
+  padding: 8px;
 }
 div[class^=tsi-] {
   box-sizing: border-box;
@@ -10214,326 +10160,380 @@ select::-ms-expand {
   font-weight: 300;
 }
 
-.tsi-timeRequired {
-  color: #a80000;
+.tsi-legend {
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: calc(100% - 16px);
+  padding-left: 8px;
 }
-
-.tsi-dateTimePicker {
-  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
-  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-  align-items: stretch;
-  width: 616px;
+.tsi-legend.tsi-dark {
+  color: #fff;
+  fill: #fff;
+}
+.tsi-legend.tsi-dark path {
+  stroke: #fff;
+}
+.tsi-legend.tsi-dark:not(.compact) {
+  border-right: 1px solid #1e2223;
+}
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
+  color: #60aaff;
+  opacity: 1;
+}
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
+  fill: #fff;
+  color: #fff;
+}
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
+  color: #fff;
+  opacity: 0.6;
+  background-color: transparent;
+  border: 1px solid transparent;
+}
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
+  background: #0d0f0e;
+}
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
+  color: #60aaff;
 }
-.tsi-dateTimePicker.tsi-dark {
-  background-color: #0d0f0e;
-  color: #fff;
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
+  background-color: rgba(98, 102, 108, 0.4);
 }
-.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
-  border-left: 1px solid #31373e;
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
+  border: none;
+  background-color: transparent;
 }
-.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
+.tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
   background-color: #0d0f0e;
-  color: #fff;
-  border: 1px solid rgba(255, 255, 255, 0.3);
 }
-.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
-  color: #fff;
-  background-color: #0d0f0e;
+.tsi-legend.tsi-light {
+  color: #000;
+  fill: #000;
 }
-.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
-  background-color: rgba(98, 102, 108, 0.6) !important;
-  color: #fff;
+.tsi-legend.tsi-light path {
+  stroke: #000;
 }
-.tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
-  background-color: #1e2223;
+.tsi-legend.tsi-light:not(.compact) {
+  border-right: 1px solid #f2f2f2;
 }
-.tsi-dateTimePicker.tsi-dark .tsi-select,
-.tsi-dateTimePicker.tsi-dark .tsi-select option {
-  color: #fff;
-  background-color: #0d0f0e;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
+  color: #136bfb;
+  opacity: 1;
 }
-.tsi-dateTimePicker.tsi-dark .pika-table th {
-  color: #fff;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
+  fill: #000;
+  color: #000;
+}
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
+  color: #000;
   opacity: 0.6;
+  background-color: transparent;
+  border: 1px solid transparent;
 }
-.tsi-dateTimePicker.tsi-dark .pika-single {
-  color: #fff;
-  background-color: #0d0f0e;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
+  background: #ffffff;
 }
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
-  color: #fff;
-  background-color: #0d0f0e;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
+  color: #136bfb;
 }
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
-  border: 1px solid #60aaff;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
+  background-color: rgba(179, 214, 242, 0.4);
 }
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
-.tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
-  color: #60aaff;
-  background-color: white;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
+  border: none;
+  background-color: transparent;
 }
-.tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
-.tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
-.tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
-  color: #60aaff;
+.tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
+  background-color: #ffffff;
 }
-.tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
-  background-color: rgba(48, 157, 144, 0.4) !important;
+.tsi-legend.hidden {
+  display: none;
 }
-.tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
-  box-shadow: unset;
+.tsi-legend:not(.hidden) {
+  display: block;
 }
-.tsi-dateTimePicker.tsi-light {
-  background-color: #ffffff;
-  color: #000;
+.tsi-legend.compact {
+  margin-left: 20px;
+  margin-right: 20px;
+  top: 8px;
+  height: 48px !important;
+  width: calc(100% - 40px) !important;
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  border-right: none;
+  padding: 0;
+  padding-left: 0px;
 }
-.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
-  border-left: 1px solid #dcdcdc;
+.tsi-legend.compact .tsi-seriesLabel {
+  overflow-y: hidden;
+  overflow-x: hidden;
 }
-.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
-  background-color: #ffffff;
-  color: #000;
-  border: 1px solid rgba(0, 0, 0, 0.3);
+.tsi-legend.compact .tsi-seriesLabel:hover {
+  overflow-x: auto;
 }
-.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
-  color: #000;
-  background-color: #ffffff;
+.tsi-legend.compact .tsi-seriesLabel {
+  white-space: nowrap;
+  flex-basis: auto;
+  flex-shrink: 1;
 }
-.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
-  background-color: rgba(179, 214, 242, 0.6) !important;
-  color: #000;
+.tsi-legend.compact .tsi-seriesLabel {
+  border: none;
+  padding: 0;
+  text-align: center;
+  margin: 4px;
 }
-.tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
-  background-color: #f2f2f2;
+.tsi-legend.compact .tsi-seriesLabel:not(.shown) {
+  border: none;
 }
-.tsi-dateTimePicker.tsi-light .tsi-select,
-.tsi-dateTimePicker.tsi-light .tsi-select option {
-  color: #000;
-  background-color: #ffffff;
+.tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
+  display: none;
 }
-.tsi-dateTimePicker.tsi-light .pika-table th {
-  color: #000;
-  opacity: 0.6;
+.tsi-legend.compact .tsi-seriesLabel select {
+  display: none;
 }
-.tsi-dateTimePicker.tsi-light .pika-single {
-  color: #000;
-  background-color: #ffffff;
+.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
+  max-height: 140px;
+  display: inline-block;
 }
-.tsi-dateTimePicker.tsi-light .pika-single .pika-select,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-label,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-day,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-next {
-  color: #000;
-  background-color: #ffffff;
+.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
+  display: inline-block;
+  margin: 0 4px;
+  padding: 0 4px 1px 4px;
+  height: 20px;
+  margin-top: 1px;
+  overflow: hidden;
 }
-.tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
-  border: 1px solid #136bfb;
+.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
+  display: none;
 }
-.tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
-.tsi-dateTimePicker.tsi-light .pika-single .pika-next {
-  color: #136bfb;
-  background-color: white;
+.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
+  display: block;
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -3px;
+  forced-color-adjust: none;
 }
-.tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
-.tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
-.tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
-  color: #136bfb;
+.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 {
+  height: 12px;
+  width: 12px;
+  top: unset;
+  margin-top: 4px;
+  margin-left: 0px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup {
-  display: inline-flex;
+.tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
+  max-width: 100px;
+  margin-left: 16px;
+  margin-right: 0px;
+  text-align: left;
+  width: initial;
+  font-size: 12px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
+.tsi-legend:not(.compact).tsi-flexLegend {
   display: flex;
   flex-direction: column;
-  width: 152px;
-  float: left;
-  height: auto;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
-  text-align: left;
+.tsi-legend:not(.compact) {
+  height: 100%;
+}
+.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
+  background: none;
   border: none;
-  height: 10%;
-  padding-left: 20px;
-  width: 100%;
+  visibility: visible;
+  margin: 8px auto;
   cursor: pointer;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
-  float: right;
-  width: 460px;
-  padding-left: 8px;
+.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
+  text-decoration: underline;
+}
+.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
+  overflow-y: auto;
+  visibility: hidden;
+  min-height: 42px;
+  height: calc(100% - 25px);
+}
+.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 {
+  visibility: visible;
+}
+.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
+.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
+  display: block;
+  background-size: 17px 11px;
+  background-repeat: no-repeat;
+  background-position: center;
+  position: absolute;
+  height: 100%;
+  width: 17px;
+  right: 17px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
+.tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
+  display: inherit;
+  cursor: pointer;
   border: none;
-  height: 250px;
-}
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
-  box-shadow: unset;
-}
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
-  width: 100%;
-  margin-top: 8px;
+  background-color: transparent;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
-  top: 4px;
-  margin: 0px;
-  padding-right: 28px;
-  width: 100px;
-  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;
-  background-position-y: 12px;
-  background-position-x: calc(100% - 4px);
+.tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
+.tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
+  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");
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
-  padding: 6px;
+@media screen and (-ms-high-contrast: white-on-black) {
+  .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
+  .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
+    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");
+  }
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
-  align-items: stretch;
-  width: calc(100% - 28px);
-  margin-left: 12px;
-  margin-right: 12px;
+.tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
+.tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
+  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");
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
-  display: inline-flex;
-  width: 100%;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
+  opacity: 0.3;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
-  padding-right: 10px;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
+  opacity: 1;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
-  padding-left: 6px;
+.tsi-legend .tsi-seriesLabel {
+  margin: 8px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
-  padding-top: 12px;
-  width: 50%;
-  position: relative;
+.tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
+  overflow-y: hidden;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
-  margin-top: 4px;
-  width: 100%;
-  padding: 0px 8px 0px 8px;
-  height: 30px;
-  box-sizing: border-box;
+.tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
+  display: none;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
   display: flex;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
-  display: flex;
-  width: 33%;
-  flex-grow: 1;
-  height: 32px;
-  padding-left: 12px;
-  display: inline-flex;
-  text-align: center;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
+  flex-direction: row;
+  align-items: center;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  margin-top: 2px;
+  margin-bottom: 4px;
+  font-weight: 400;
+  margin-right: 36px;
+}
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
+  cursor: pointer;
   font-weight: 600;
+  font-size: 15px;
+  font-family: "Segoe UI", sans-serif;
+}
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
+  cursor: default;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
   font-size: 14px;
-  margin: 0;
-  text-transform: capitalize;
-  height: 20px;
-  line-height: 20px;
-  opacity: 1;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
-  text-decoration: underline;
-  background: transparent;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
+  left: 20px;
+  max-width: calc(100% - 64px);
+  margin: 2px;
   border: none;
-  line-height: 20px;
-  cursor: pointer;
-  margin-left: 8px;
-  padding: 0px;
-  text-transform: capitalize;
   position: absolute;
-  top: 0px;
-  right: 0px;
-  margin-top: 12px;
+  top: 16px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding: 2px;
+  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");
+  background-repeat: no-repeat;
+  background-position-x: calc(100% - 4px);
+  background-position-y: 7px;
+  background-size: 18px;
+  padding-right: 28px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
-  padding-bottom: 12px;
-  width: calc(100% - 32px);
-  margin: 0 16px 16px 16px;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
+  display: none; /* remove default arrow on ie10 and ie11 */
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
-  width: 100%;
-  height: 100%;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
+  height: 24px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
-  width: 100%;
-  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;
-  background-position-y: 12px;
-  background-position-x: calc(100% - 4px);
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
+  display: inline-block;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
+  cursor: pointer;
+  padding: 0 4px;
+  position: relative;
   width: 100%;
-  height: 48px;
-  margin-top: 12px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
-  width: 92px;
-  border: none;
-  float: right;
-  margin-right: 16px;
-  height: 32px;
-  padding: 8px;
-  border-radius: 2px;
-  line-height: 14px;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
+  height: 17px;
+  width: 50px;
+  position: absolute;
+  right: 4px;
+  top: 6px;
+  display: none;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
-  background-color: grey !important;
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
+  font-size: 16px;
+  padding: 0 4px;
+  position: relative;
+  height: 40px;
+  border-radius: 3px;
 }
-.tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
-  background-color: #309d90;
-  color: white;
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
+  height: 0px;
+  display: none;
+  padding: 0;
 }
-.tsi-dateTimePicker .tsi-errorMessageContainer {
-  background-color: #b36200;
-  color: white;
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
+  flex-shrink: 0;
+  width: 12px;
+  height: 12px;
+  margin-top: 8px;
+  margin-right: 8px;
+  border-radius: 6px;
+  position: relative;
+  top: -2px;
+  forced-color-adjust: none;
 }
-@media screen and (-ms-high-contrast: active) {
-  .tsi-dateTimePicker .tsi-errorMessageContainer {
-    -ms-high-contrast-adjust: none;
-    background-color: #b36200;
-  }
+.tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
+.tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
+  height: 16px;
+  width: 16px;
+  margin-top: unset;
 }
-.tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
-  padding: 8px;
+.tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
+  margin: 0;
+  cursor: pointer;
+  font-weight: normal;
+  padding-left: 8px;
+}
+.tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
+  display: none;
 }
 div[class^=tsi-] {
   box-sizing: border-box;