.IconLayer {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
}
.IconLayer > i {
  display: block;
  cursor: inherit;
}
.Icon {
  display: inline-block;
  color: #f0f2f4;
  margin: 0;
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 1em;
}
.Icon > .IconLayer.inverse {
  color: #323535;
}
.Icon > .count {
  background-color: #0082ca;
  border-radius: 8px;
  color: white;
  display: inline-block;
  padding: 4px;
  position: absolute;
  font-size: 8px;
  z-index: 10;
}
.Desktop.ui-size\@extra-large .Icon {
  font-size: 1.6em;
}
@media screen and (max-width: 640px) {
  .Desktop.ui-size\@extra-large {
    font-size: 14px;
  }
}
.ToolBar .Icon {
  font-size: 1.4em;
}
.TitleBar .Icon {
  font-size: 1.3em;
}
.TitleBar .TitleIcon .Icon {
  font-size: 1.5em;
}
.FinderColumn .Icon,
.FinderListCell .Icon {
  font-size: 1.25em;
}
.ListItem .Icon {
  font-size: 1.3em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}
.Window {
  background-color: #575c5c;
  border-radius: 2px;
  overflow: hidden;
  display: grid;
  grid-template-rows: 3em 3em auto 3em;
  /* TitleBar ToolBar ContentArea ToolBar */
  grid-template-columns: 100%;
  min-width: 200px;
  min-height: 200px;
  width: 100%;
  height: 100%;
}
.Window[data-focus] {
  background-color: #575c5c;
}
.Window > .TitleBar {
  grid-row-start: 1;
  grid-row-end: 2;
}
.Window > .ToolBar {
  grid-row-start: 2;
  grid-row-end: 3;
}
.Window > .ContentArea {
  grid-row-start: 1;
  grid-row-end: 5;
  /*
		&.belowToolBar {
			grid-row-start: 2;
		}
		*/
}
.Window > .ContentArea.aboveToolBar {
  grid-row-end: 4;
}
.Window > .TitleBar + .ContentArea {
  grid-row-start: 2;
}
.Window > .TitleBar + .ToolBar + .ContentArea {
  grid-row-start: 3;
}
.Window > .TitleBar + .ContentArea + .ToolBar,
.Window > .TitleBar + .ToolBar + .ContentArea + .ToolBar {
  grid-row-start: 4;
  grid-row-end: 5;
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .Window {
    border-radius: 0;
  }
}
@media print {
  .Window {
    overflow: auto;
    height: auto;
    background-color: white;
  }
}
.HelpEnabled {
  grid-template-columns: 80% 20%;
}
.HelpEnabled > .TitleBar {
  grid-column-start: 1;
  grid-column-end: 3;
}
.HelpEnabled > .TitleBar .icon-help-with-circle {
  color: #00bfff;
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .HelpEnabled {
    grid-template-columns: 50% 50%;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}aside.Tag {
  height: 1.5em;
  padding: 2px 6px;
  border-radius: 4px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /** ON CLICK **/
  /** ON CANCEL **/
  /** STYLES **/
  /** SELECTION? **/
  /** BADGE **/
}
aside.Tag[hidden] {
  display: none !important;
}
aside.Tag > .label {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: inherit;
}
aside.Tag:not(.styled) {
  background-color: #ccc;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
aside.Tag:not(.styled) > .label {
  font-weight: 700;
}
aside.Tag.has-onclick,
aside.Tag.has-onclick > .label {
  cursor: pointer;
}
aside.Tag > .label + .Button.cancel {
  color: white;
  text-shadow: 0 0 1px black;
  padding-right: 0;
  justify-content: flex-end;
}
aside.Tag.device {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
aside.Tag.device.high-high {
  background-color: #ED6F61;
  color: black;
}
aside.Tag.device.high {
  background-color: #EC9E84;
  color: black;
}
aside.Tag.device.low {
  background-color: #EC9E84;
  color: black;
}
aside.Tag.device.low-low {
  background-color: #ED6F61;
  color: black;
}
aside.Tag.device.offline {
  background-color: #323535;
  color: #f0f2f4;
}
aside.Tag.device.online {
  background-color: green;
  color: #f0f2f4;
}
aside.Tag.user-priv {
  font-size: 0.8em;
}
aside.Tag.user-priv > .label {
  text-transform: uppercase;
}
aside.Tag.beta {
  background-color: #0f0;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
aside.Tag.admin {
  background-color: #ccc;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
aside.Tag.site-admin {
  background-color: #b00;
  color: #f0f2f4;
  border: 1px solid rgba(240, 242, 244, 0.25);
}
aside.Tag.selected:not(.no-hover):hover,
aside.Tag.not-selected:not(.no-hover):hover {
  border: 1px solid white !important;
}
aside.Tag.selected {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
}
aside.Tag.not-selected {
  background-color: transparent !important;
  color: white !important;
}
aside.Tag.has-badge {
  position: relative;
}
aside.Tag > .Badge {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 90px;
  border: 2px solid #f0f2f4;
  background-color: black;
  color: #f0f2f4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: inherit;
}
aside.Tag > .Badge > .value {
  font-weight: 700;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.SpinnerIcon.has-size {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
}
.SpinnerIcon.has-size > i {
  display: block;
  font-size: 30px;
  margin: 0 8px;
}
.SpinnerIcon i {
  animation: spin-0-360 500ms linear infinite;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Button {
  background-color: #1e2020;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  min-width: 32px;
}
.Button:hover {
  background-color: #141616;
}
.Button.no-hover:hover {
  background-color: #1e2020;
}
.Button:active {
  background-color: #3e4242;
}
.Button * {
  pointer-events: none;
}
.Button.square {
  border-radius: 0px !important;
  height: 3em;
}
.Button:not(.square) {
  border-radius: 90px;
}
.Button.bold {
  background-color: #0082ca;
}
.Button.bold:hover {
  background-color: #0092e3;
}
.Button.bold:active {
  background-color: #00a3fd;
}
.Button.blend {
  background-color: transparent;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  min-width: 32px;
}
.Button.blend:active {
  color: #fff;
}
.Button.blend:hover {
  background-color: transparent;
}
.Button.blend:active {
  background-color: transparent;
}
.Button.blend.toggled {
  background-color: #1e2020;
}
.Button.link {
  color: #0082ca;
  background-color: transparent;
  display: inline-block;
  padding: 0;
  text-decoration: underline;
}
.Button.link:hover {
  color: #0092e3;
}
.Button.link:active {
  color: #00a3fd;
}
.Button.action {
  border-radius: 4px;
}
.Button.action:not(.only-icon) {
  min-width: 65px;
  padding-left: 12px;
  padding-right: 12px;
}
.Button.rounded {
  border-radius: 4px;
}
.Button.form-button.back {
  background-color: #1e2020;
  min-width: 150px;
  max-width: max-content;
  height: 3em;
}
.Button.form-button.back:hover {
  background-color: #141616;
}
.Button.form-button.back.no-hover:hover {
  background-color: #1e2020;
}
.Button.form-button.back:active {
  background-color: #3e4242;
}
.Button.form-button.submit {
  background-color: #0082ca;
  min-width: 150px;
  max-width: max-content;
  height: 3em;
}
.Button.form-button.submit:hover {
  background-color: #0092e3;
}
.Button.form-button.submit:active {
  background-color: #00a3fd;
}
.Button.has-icon-and-label > .Icon {
  margin: 0 12px 0 8px;
}
.Button > .button-label {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Button > .Icon + .button-label {
  justify-content: left;
  margin-right: 8px;
}
.Button.iconRight.has-icon-and-label > .Icon {
  margin: 0 8px 0 12px;
}
.Button.iconRight > .button-label {
  justify-content: right;
  margin-left: 8px;
}
.Button[disabled] {
  opacity: 0.3333;
  cursor: not-allowed;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Help_DeviceStatusBar.online,
.Help_DeviceStatusBar.offline {
  background-color: #999;
  padding: 0px 2px;
}
.Help_DeviceStatusBar.online > .Icon {
  color: #0e0 !important;
}
.Help_DeviceStatusBar.online > span {
  color: #0e0;
}
.Help_DeviceStatusBar.offline > .Icon {
  color: #f00 !important;
}
.Help_DeviceStatusBar.offline > span {
  color: #f00;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Help_LiveWaveformToolbar_Timeline {
  background-color: #575c5c;
  padding: 4px;
  border-radius: 10px;
}
.Help_LiveWaveformToolbar_Timeline > .timeline {
  display: block;
  border-radius: 10px;
  height: 12px;
  position: relative;
  background-color: #141616;
  overflow: hidden;
  cursor: default;
}
.Help_LiveWaveformToolbar_Timeline > .timeline.controls {
  cursor: pointer;
}
.Help_LiveWaveformToolbar_Timeline > .timeline > div {
  border-radius: 6px 0 0 6px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}
.Help_LiveWaveformToolbar_Timeline > .timeline > div.hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.Help_LiveWaveformToolbar_Timeline > .timeline > div.position {
  background-color: #0082ca;
  border-radius: 6px 0 0 6px;
  top: 1px;
  left: 1px;
  height: 10px;
}
.Help_LiveWaveformToolbar_Timeline > .timeline > aside.frames {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.Help_LiveWaveformToolbar_Timeline > .timeline > aside.frames > b {
  background-color: rgba(255, 255, 255, 0.15);
  display: block;
  height: 100%;
  position: absolute;
  width: 1px;
}
.Help_LiveWaveformToolbar_Timeline > .timeline > .hover {
  width: 57%;
}
.Help_LiveWaveformToolbar_Timeline > .timeline > .position {
  width: 45%;
}
.ToolBar {
  align-items: center;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 32px;
  padding: 0;
}
.ToolBar.center {
  justify-content: center;
}
.ToolBar > s:empty {
  flex-grow: 1;
}
.ToolBar > b:empty {
  background-color: rgba(255, 255, 255, 0.15);
  height: 50%;
  margin: 0 2px;
  min-height: 16px;
  width: 1px;
}
.ToolBar > .Button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  min-width: 2.5em;
  height: 2.5em;
  font-size: 1em;
}
.ToolBar > .Button.active {
  border-radius: 4px;
}
.ToolBar > .Button.active > .Icon {
  transition: transform 0.1s ease-in-out;
}
.ToolBar > .Button.active.above {
  border-radius: 0;
}
.ToolBar > .Button.active.active,
.ToolBar > .Button.active.active:hover {
  background-color: #1e2020;
}
.ToolBar > .Button.active.rotate {
  background-color: #1e2020;
}
.ToolBar > .Button.active.rotate > .Icon {
  transform: rotate(45deg);
}
.ToolBar > .Button.toggle {
  border-radius: 4px;
}
.ToolBar.WaveformCapture_MeterView_ToolBar {
  min-height: 42px;
}
.HelpOverlay {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  grid-row-start: 2;
  grid-row-end: 5;
}
.HelpOverlay .HelpContent {
  overflow-y: auto;
  border-left: solid rgba(0, 0, 0, 0.8) 1px;
  background-color: #f0f2f4;
}
.HelpOverlay .HelpHeader {
  color: #0082ca;
  cursor: pointer;
  padding-top: 5px;
  padding-right: 10px;
  text-align: right;
}
.HelpOverlay .HelpHeader:hover {
  color: #0092e3;
  text-decoration: underline;
}
.HelpOverlay .HelpComponent {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 15px;
  border-bottom: solid rgba(0, 0, 0, 0.1) 1px;
}
.HelpOverlay .HelpComponent > * {
  color: #323535;
}
.HelpOverlay .HelpComponent .Icon {
  color: #323535;
}
.HelpOverlay .HelpComponent > h4 {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 0.8em;
  margin: 0;
}
.HelpOverlay .HelpComponent > .Info {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.HelpOverlay .HelpComponent > .Details {
  font-weight: 300;
  margin-top: 10px;
  margin-left: 13px;
  margin-right: 13px;
}
.HelpOverlay .HelpComponent > .Details .Description {
  margin-bottom: 10px;
}
.HelpOverlay .HelpComponent > .Details .DescriptionWithLabel,
.HelpOverlay .HelpComponent > .Details .DescriptionWithIcon {
  display: grid;
  grid-template-columns: 30px 4fr;
  align-items: center;
  margin-bottom: 8px;
}
.HelpOverlay .HelpComponent > .Details .DescriptionWithLabel .label {
  font-weight: 700;
}
.HelpOverlay .HelpComponent > .Details .DescriptionWithIcon {
  display: grid;
  grid-template-columns: 30px 4fr;
  align-items: center;
  margin-bottom: 8px;
}
.HelpOverlay .HelpComponent > .Details .DescriptionWithIcon .Icon {
  font-size: 1.3em;
  margin-left: 0;
}
.HelpOverlay .HelpComponent > .Details .DescriptionWithIcon .Icon .icon-circle-down {
  color: orange;
}
.HelpOverlay .HelpComponent > .Details .DescriptionWithIcon .Icon .icon-filled-circle {
  color: red;
}
.HelpOverlay .HelpComponent .DetailsList {
  font-weight: 300;
  margin-top: 10px;
  margin-right: 10px;
}
.HelpOverlay .HelpComponent .DetailsList .DescriptionList {
  margin-bottom: 5px;
}
.HelpOverlay .HelpComponent > .Button {
  margin-right: 0;
  padding: 0;
}
.HelpOverlay .HelpComponent > .Button:active {
  color: #0a0b0b;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ErrorIcon i {
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.TitleBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.025);
  position: relative;
}
.TitleBar > span.TitleIcon {
  display: flex;
}
.TitleBar > span.TitleIcon > .Icon {
  margin: 0 8px;
}
.TitleBar > * {
  z-index: 2;
  /* Keep anything that isnt the title, in front of the title. */
}
.TitleBar > span.TitleHeader {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  margin: 0 8px;
}
.TitleBar > span.TitleHeader.LongTitle {
  flex-direction: column;
}
.TitleBar > span.TitleHeader.AbsolutelyCenteredTitle {
  z-index: 1;
  /* Keep the title behind anything that *isnt* the title. */
  position: absolute;
  flex-grow: 0;
  margin: 0;
  width: 100%;
}
.TitleBar > span.TitleHeader > h1 {
  font-size: 1em;
  font-weight: 100;
}
.TitleBar > span.TitleHeader > h1.LongTitle {
  font-size: 0.9em;
}
.TitleBar > .TitleIcon + .TitleHeader {
  margin: 0;
}
.TitleBar > .HelpButton {
  margin-left: auto;
}
.TitleBar > .PinClose {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.TitleBar > .PinClose.PinButton:active {
  background: none;
}
.TitleBar > .PinClose .pinned .Icon {
  color: #18acff;
}
.ContentArea {
  background-color: inherit;
  position: relative;
  height: 100%;
}
.ContentArea > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  color: inherit;
  background-color: inherit;
}
.ContentArea.scrollX > div {
  overflow-x: auto;
}
.ContentArea.scrollY > div {
  overflow-y: auto;
}
.ContentArea.scrollX > div,
.ContentArea.scrollY > div {
  -webkit-overflow-scrolling: touch;
}
@media print {
  .ContentArea > div {
    position: relative;
    overflow: auto;
  }
}
.DotProgress {
  display: flex;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.DotProgress > span {
  width: 6px;
  height: 6px;
  border: 1px solid #f0f2f4;
  border-radius: 3px;
  margin: 0 10px;
}
.DotProgress > span.fill {
  background-color: #f0f2f4;
}
.Busy {
  background-color: inherit;
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 6;
}
.Busy > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
}
.Busy > div > i {
  display: block;
  font-size: 30px;
  opacity: 0.4;
  animation: spin-0-360 500ms linear infinite;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Busy > div > span {
  display: block;
  margin-top: 8px;
  white-space: pre-wrap;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.Busy.compact:not(.inline) > div > i {
  font-size: 16px;
}
.Busy.compact:not(.inline) > div > span {
  margin-top: 2px;
}
.Busy.inline {
  color: inherit;
  background-color: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: auto;
}
.Busy.inline > div {
  flex-direction: row;
  justify-content: space-between;
}
.Busy.inline > div > i {
  color: #ddd;
  font-size: 16px;
  margin-right: 8px;
}
.Busy.inline > div > span {
  flex-grow: 1;
  margin-top: 0;
}
.Busy.inline.compact {
  width: max-content;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.Busy.within {
  position: relative;
}
.Error {
  background-color: #f0f2f4;
  border-right: 4px solid #ff6600;
  border-left: 4px solid #ff6600;
  color: #323535;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 6;
}
.Error > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Error > div > i {
  display: block;
  font-size: 32px;
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.Error > div > span {
  display: block;
  margin-top: 8px;
  white-space: pre-wrap;
}
.Error > div > .Button {
  margin-top: 24px;
  padding: 8px 16px;
}
.Error.compact:not(.inline) > div > i {
  font-size: 16px;
}
.Error.compact:not(.inline) > div > span {
  margin-top: 2px;
}
.Error.compact:not(.inline) > div > .Button {
  margin-top: 4px;
  padding: 4px 8px;
}
.Error.inline {
  color: inherit;
  background-color: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: auto;
}
.Error.inline > div {
  flex-direction: row;
  justify-content: space-between;
}
.Error.inline > div > i {
  color: #ff6600;
  font-size: 16px;
  margin-right: 8px;
}
.Error.inline > div > span {
  flex-grow: 1;
  margin-top: 0;
}
.Error.inline > div > .Button {
  margin-top: 0;
  padding: 4px 8px;
}
.Error.inline.compact {
  width: max-content;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.Error.inline.compact > div > .Button {
  margin-left: 8px;
}
.Error.within {
  position: relative;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}/**
 * Hide overlay Modal's close button,
 * and hide Window's pin & re-open buttons.
 */
.hideWindowButtons > .close-button {
  display: none;
}
.hideWindowButtons > .Window > .TitleBar > .PinClose > .ReOpenButton,
.hideWindowButtons > .Window > .TitleBar > .PinClose > .PinButton {
  display: none;
}
.Modal {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Overlays overtop of the current app window,
	 * darkening the area around the modal dialog. */
  /* Use default window widths & heights if
	 * none were given to the component. */
  /* Should be hiding some Modal & Window buttons */
}
.Modal .close-button {
  z-index: 98;
  background-color: #323535;
  border-radius: 90px;
  width: 24px;
  height: 24px;
  position: relative;
  top: 0;
  left: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
}
.Modal .close-button > .Button {
  justify-content: center;
}
.Modal .close-button > .Button > .Icon {
  font-size: 16px;
}
.Modal > .Window,
.Modal > .container > .Window {
  border: 1px solid rgba(255, 255, 255, 0.025);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3333);
}
.Modal:not(.overlay) {
  background-color: rgba(45, 48, 48, 0.95);
}
.Modal.overlay {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
}
.Modal.overlay > .overlay-bg {
  background-color: #323535;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 98;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
}
.Modal.overlay > .overlay-bg.no-dim {
  opacity: 0;
}
.Modal.overlay > .container {
  z-index: 99;
  /* if CloseButton, hide close-button */
}
.Modal.overlay > .container > .close-button {
  top: 0.75em;
  left: calc(100% - 0.75em);
}
.Modal.overlay > .container > .Window {
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.3333);
  border: 1px solid rgba(255, 255, 255, 0.025);
  min-height: 100px;
}
.Modal.overlay > .container > .Window:not:has(> .ContentArea) {
  padding: 8px;
}
.Modal.overlay > .container:has(> .Window > .TitleBar > .PinClose > .CloseButton) > .close-button {
  display: none;
}
.Modal.overlay > .container:has(> .Window > .TitleBar > .PinClose > .CloseButton) > .Window > .TitleBar > .PinClose > .ReOpenButton,
.Modal.overlay > .container:has(> .Window > .TitleBar > .PinClose > .CloseButton) > .Window > .TitleBar > .PinClose > .PinButton {
  display: none;
}
.Modal.contained {
  position: absolute;
}
.Modal.contained > .Window {
  min-height: 100px;
}
.Modal.defaultWindowWidth.contained > .Window,
.Modal.defaultWindowWidth.overlay > .container > .Window {
  width: 500px;
}
.Modal.defaultWindowHeight.contained > .Window,
.Modal.defaultWindowHeight.overlay > .container > .Window {
  min-height: 100px;
  height: 300px;
}
.Modal.overlay.hide-modal-close > .container > .close-button {
  display: none;
}
.Modal.overlay.hide-modal-close > .container > .Window > .TitleBar > .PinClose > .ReOpenButton,
.Modal.overlay.hide-modal-close > .container > .Window > .TitleBar > .PinClose > .PinButton {
  display: none;
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .Modal > .container {
    width: 90%;
    height: 50%;
    max-height: 225px;
  }
  .Modal > .container .close-button {
    top: unset;
    right: unset;
  }
  .Modal > .Window,
  .Modal > .container > .Window {
    /* Override component dimensions to
			 * fill small screens if modal window. */
    width: 100% !important;
    height: 100% !important;
    border: none;
    box-shadow: none;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.List {
  /** COMPACT **/
  /** CARD **/
}
.List.compact {
  margin: 10px 10px 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 250px);
  justify-content: space-evenly;
  grid-gap: 20px;
}
.List.card {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
.List.card.flowDown {
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.List.card.flowRight {
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.List > b {
  display: block;
  clear: both;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.05);
  margin: 0;
}
.List > i {
  display: block;
  text-align: center;
  padding: 12px;
}
.List > header {
  display: block;
  clear: both;
  padding: 8px 12px;
  font-weight: 100;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 500px /*560px*/) {
  .List.compact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin: 10px;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ListItem {
  align-items: center;
  background-color: transparent;
  display: flex;
  clear: both;
  justify-content: start;
  padding: 0 12px;
  text-align: left;
  width: 100%;
  height: 3.5em;
  /** COMPACT **/
  /** CARD **/
  /** CHEVRON  **/
  /** LABEL **/
  /* Hide check marks? */
}
.ListItem.checked {
  background-color: #2d3030;
}
.ListItem:not(.no-hover):hover {
  background-color: #373a3a;
}
.ListItem:focus {
  background-color: #373a3a;
  outline: 1px dotted rgba(255, 255, 255, 0.1);
  outline-offset: -3px;
}
.ListItem:active,
.ListItem.active {
  background-color: #2d3030;
}
.ListItem.compact {
  width: 19%;
  min-width: 250px;
  text-align: center;
  border-radius: 90px;
  background-color: #1e2020;
  border: 1px solid rgba(181, 191, 201, 0.2);
}
.ListItem.compact:not(.no-hover):hover {
  background-color: #141616;
}
.ListItem.compact.bold {
  background-color: #0082ca;
}
.ListItem.compact.bold:hover {
  background-color: #0092e3;
}
.ListItem.card {
  min-width: 250px;
  width: 20%;
  min-height: 100px;
  border-radius: 4px;
  background-color: #1e2020;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.025);
}
.ListItem.card:not(.no-hover):hover {
  background-color: #2d3030;
}
.ListItem.card.checked {
  background-color: #0082ca;
}
.ListItem.card.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.ListItem > i.chevron,
.ListItem > i.chevron-left,
.ListItem > i.chevron-right {
  font-size: 1.1em;
}
.ListItem > i.chevron.icon-chevron-small-right {
  float: right;
  margin-left: 12px;
}
.ListItem > i.chevron-left {
  float: left;
  margin-right: 12px;
}
.ListItem > i.chevron-right {
  float: right;
  margin-left: 12px;
}
.ListItem > span.label,
.ListItem > span.label-right {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListItem > .cancel {
  padding: 0;
  min-width: unset;
}
.ListItem > span.content {
  flex-grow: 1;
  padding: 4px 0;
}
.ListItem > .Icon:first-child {
  margin-right: 12px;
}
.ListItem.disabled {
  cursor: not-allowed;
}
.ListItem.disabled * {
  cursor: not-allowed;
}
.ListItem.disabled > * {
  opacity: 0.5;
}
.ListItem.no-check > .check {
  visibility: hidden;
}
@media screen and (max-width: 500px /*560px*/) {
  .ListItem.compact {
    width: 100%;
    border: 1px solid rgba(181, 191, 201, 0.2);
    text-align: center;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.inner-cost {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.selectable-type {
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  display: flex;
  padding: 6px 12px;
}
.selectable-type.checked > .Icon.check {
  display: none;
}
.selectable-type .content {
  height: 100%;
}
.selectable-type .type-content {
  height: 100%;
  padding: 6px 0px;
  display: grid;
  grid-template-rows: 2em
					1fr;
}
.selectable-type .type-content > .name {
  grid-row-start: 1;
  grid-row-end: 2;
  text-align: center;
  font-weight: 700;
}
.selectable-type .type-content > .description {
  grid-row-start: 2;
  grid-row-end: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectable-type .type-content > .description > span {
  font-style: italic;
  font-weight: 150;
}
.selectable-type .type-content > .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.selectable-type .type-content > .info > .cost {
  flex-grow: 1;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.selectable-type .type-content > .info > .cost > .price,
.selectable-type .type-content > .info > .cost > .subscription {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.selectable-type .type-content > .info > .cost > .price {
  color: black;
  background-color: #ff9900;
}
.selectable-type .type-content > .info > .cost > .price > s {
  color: red;
}
.selectable-type .type-content > .info > .cost > .subscription:not(.expired) {
  color: black;
  background-color: #00ff00;
}
.selectable-type .type-content > .info > .cost > .subscription.expired {
  color: black;
  background-color: #ff9900;
}
.selectable-type .type-content > .info > .cost > .subscription.warn {
  background-color: #ff9900;
}
.selectable-type .type-content > .info > .cost > .subscription.worry {
  background-color: yellow;
}
.selectable-type .type-content > .info > .Button {
  min-width: 24px;
  padding-right: 0px;
}
.selectable-type .type-content > .info > .Button > .Icon {
  background-color: black;
  border-radius: 90px;
  color: #0082ca;
}
.Report_Analytics_Selector > .Header {
  padding: 0px 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Report_Analytics_Selector > .Header > .description {
  font-style: italic;
}
.Report_Analytics_Selector > .Types.Zone {
  margin: 10px;
}
.Report_Analytics_Selector > .Types.Zone > .Types {
  height: 100%;
  padding: 6px 0px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  grid-template-rows: repeat(auto-fill, 12em);
  justify-content: space-evenly;
  flex-wrap: wrap;
  grid-gap: 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type {
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  display: flex;
  padding: 6px 12px;
  min-height: 12em;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type.checked > .Icon.check {
  display: none;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .content {
  height: 100%;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content {
  height: 100%;
  padding: 6px 0px;
  display: grid;
  grid-template-rows: 2em
					1fr;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .name {
  grid-row-start: 1;
  grid-row-end: 2;
  text-align: center;
  font-weight: 700;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .description {
  grid-row-start: 2;
  grid-row-end: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .description > span {
  font-style: italic;
  font-weight: 150;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost {
  flex-grow: 1;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .price,
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .subscription {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .price {
  color: black;
  background-color: #ff9900;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .price > s {
  color: red;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .subscription:not(.expired) {
  color: black;
  background-color: #00ff00;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .subscription.expired {
  color: black;
  background-color: #ff9900;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .subscription.warn {
  background-color: #ff9900;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .cost > .subscription.worry {
  background-color: yellow;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .Button {
  min-width: 24px;
  padding-right: 0px;
}
.Report_Analytics_Selector > .Types.Zone > .Types > .Type .type-content > .info > .Button > .Icon {
  background-color: black;
  border-radius: 90px;
  color: #0082ca;
}
.Report_Analytics_Selector > .Tree {
  margin: 10px;
}
.Report_Analytics_Selector > .Tree .List {
  padding: 6px 0px;
}
.Report_Analytics_Selector > .Tree .Type {
  min-width: 300px;
  max-width: 300px;
  height: 100%;
  display: flex;
  padding: 6px 12px;
}
.Report_Analytics_Selector > .Tree .Type.checked > .Icon.check {
  display: none;
}
.Report_Analytics_Selector > .Tree .Type .content {
  height: 100%;
}
.Report_Analytics_Selector > .Tree .Type .type-content {
  height: 100%;
  padding: 6px 0px;
  display: grid;
  grid-template-rows: 2em
					1fr;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .name {
  grid-row-start: 1;
  grid-row-end: 2;
  text-align: center;
  font-weight: 700;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .description {
  grid-row-start: 2;
  grid-row-end: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .description > span {
  font-style: italic;
  font-weight: 150;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost {
  flex-grow: 1;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .price,
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .subscription {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .price {
  color: black;
  background-color: #ff9900;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .price > s {
  color: red;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .subscription:not(.expired) {
  color: black;
  background-color: #00ff00;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .subscription.expired {
  color: black;
  background-color: #ff9900;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .subscription.warn {
  background-color: #ff9900;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .cost > .subscription.worry {
  background-color: yellow;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .Button {
  min-width: 24px;
  padding-right: 0px;
}
.Report_Analytics_Selector > .Tree .Type .type-content > .info > .Button > .Icon {
  background-color: black;
  border-radius: 90px;
  color: #0082ca;
}
.Report_Analytics_Selector > .Tree .GroupTypes {
  height: 100%;
}
.Report_Analytics_Selector > .Tree .Group {
  height: 12em;
  background-color: #3e4242;
  padding-right: 4px;
  display: grid;
  grid-gap: 4px;
  grid-template-columns: 200px 1fr;
  /* Subgroups */
}
.Report_Analytics_Selector > .Tree .Group:not(.subgroup) {
  margin-top: 16px;
}
.Report_Analytics_Selector > .Tree .Group > .head {
  background-color: #323535;
  border-right: 1px solid rgba(181, 191, 201, 0.2);
  padding: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Report_Analytics_Selector > .Tree .Group > .head > .name {
  text-align: center;
  font-weight: 700;
  font-size: 1.25em;
  align-self: center;
  margin-top: 8px;
}
.Report_Analytics_Selector > .Tree .Group > .head > .description {
  font-style: italic;
  font-weight: 150;
}
.Report_Analytics_Selector > .Tree .Group > .head > .group-info {
  width: 100%;
  padding-top: 8px;
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.Report_Analytics_Selector > .Tree .Group > .head > .group-info th {
  text-align: left;
}
.Report_Analytics_Selector > .Tree .Group > .head > .group-info td {
  text-align: right;
}
.Report_Analytics_Selector > .Tree .Group > .head > .group-info > tbody th,
.Report_Analytics_Selector > .Tree .Group > .head > .group-info > tbody td {
  padding: 2px;
  font-weight: 100;
}
.Report_Analytics_Selector > .Tree .Group > .body {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.Report_Analytics_Selector > .Tree .Group.subgroup > .head {
  background-color: #373a3a;
}
.Report_Analytics_Selector > .Tree .Group.subgroup > .body {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.Report_Analytics_Selector > .Tree .Group.subgroup + .Group.subgroup > .head {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.Report_Analytics_Selector > .TypeInformation .Window {
  padding: 8px;
  grid-template-rows: 3em auto 3em;
}
.Report_Analytics_Selector > .TypeInformation .name {
  grid-row-start: 1;
  grid-row-end: 2;
  text-align: center;
  font-weight: 700;
  font-size: 1.2em;
}
.Report_Analytics_Selector > .TypeInformation .description {
  grid-row-start: 2;
  grid-row-end: 3;
  padding: 12px 0px;
  font-weight: 100;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Report_Analytics_Selector > .TypeInformation .cost {
  grid-row-start: 3;
  grid-row-end: 4;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.Report_Analytics_Selector > .TypeInformation .cost .price,
.Report_Analytics_Selector > .TypeInformation .cost .subscription {
  font-weight: 300;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.Report_Analytics_Selector > .TypeInformation .cost .price {
  color: black;
  background-color: #ff9900;
}
.Report_Analytics_Selector > .TypeInformation .cost .price > s {
  color: red;
}
.Report_Analytics_Selector > .TypeInformation .cost .subscription {
  color: black;
  background-color: #00ff00;
}
.Report_Analytics_Selector > .TypeInformation .cost .subscription.expired {
  color: black;
  background-color: #ff9900;
}
.Report_Analytics_Selector > .TypeInformation .cost .subscription.warn {
  background-color: #ff9900;
}
.Report_Analytics_Selector > .TypeInformation .cost .subscription.worry {
  background-color: yellow;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Input.readonly {
  cursor: pointer;
  pointer-events: none;
}
.Input.disabled {
  opacity: 0.3333;
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
}
.Input[type="color"] {
  padding: 0 2px 0 4px;
}
.Input:focus[type="color"] {
  padding-left: 2px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Transaction_CreditCard {
  display: grid;
  grid-template-rows: 4em auto;
  color: #f0f2f4;
}
.Transaction_CreditCard > header {
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.Transaction_CreditCard > header > h2 {
  font-weight: 500;
}
.Transaction_CreditCard > form {
  padding: 8px;
  display: grid;
  grid-gap: 8px;
  grid-template-rows: 5em 5em 8em 5em 4em;
  /** NAME ON CARD **/
  /** ADDRESS - STREETS 1 & 2 **/
  /** ACTION ZONE **/
}
.Transaction_CreditCard > form > .Zone,
.Transaction_CreditCard > form > .ZoneContainer > .Zone {
  padding: 4px;
  margin: 0;
}
.Transaction_CreditCard > form > .Zone > label,
.Transaction_CreditCard > form > .ZoneContainer > .Zone > label {
  align-self: center;
  padding: 0 4px;
}
.Transaction_CreditCard > form > .Zone .Input,
.Transaction_CreditCard > form > .ZoneContainer > .Zone .Input {
  width: 100%;
  min-height: 2.5em;
  height: 2.5em;
}
.Transaction_CreditCard > form > .Zone .Input.error,
.Transaction_CreditCard > form > .ZoneContainer > .Zone .Input.error {
  border: 1px solid #a20000;
}
.Transaction_CreditCard > form > .Name.Zone {
  grid-row-start: 1;
  grid-row-end: 2;
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails {
  grid-row-start: 2;
  grid-row-end: 3;
  display: grid;
  justify-content: space-between;
  grid-column-gap: 4px;
  grid-template-columns: 50%
				30%
				15%;
  /** CARD NUMBER **/
  /** EXPIRATION DATE **/
  /** CV2 CODE **/
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails > .Number.Zone {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails > .Expiry.Zone {
  grid-column-start: 2;
  grid-column-end: 3;
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: auto
					1em
					auto;
  /** Month **/
  /** Separator **/
  /** Year **/
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails > .Expiry.Zone > .expiry.month {
  max-width: 3em;
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails > .Expiry.Zone > span {
  height: calc(2.5em / 1.4);
  font-size: 1.4em;
  font-weight: 100;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails > .Expiry.Zone > .expiry.year {
  max-width: 5em;
}
.Transaction_CreditCard > form > .ZoneContainer.CardDetails > .CV2.Zone {
  grid-column-start: 3;
  grid-column-end: 4;
}
.Transaction_CreditCard > form > .Address.Streets.Zone {
  grid-row-start: 3;
  grid-row-end: 4;
  display: grid;
  align-items: center;
}
.Transaction_CreditCard > form > .Address.Streets.Zone > .street1 {
  grid-row-start: 1;
  grid-row-end: 2;
}
.Transaction_CreditCard > form > .Address.Streets.Zone > .street2 {
  grid-row-start: 2;
  grid-row-end: 3;
}
.Transaction_CreditCard > form > .ZoneContainer.Address {
  grid-row-start: 4;
  grid-row-end: 5;
  display: grid;
  grid-column-gap: 4px;
  grid-template-columns: auto 6em 11em;
  /** ADDRESS - CITY **/
  /** ADDRESS - STATE **/
  /** ADDRESS - ZIP **/
}
.Transaction_CreditCard > form > .ZoneContainer.Address > .Address.City.Zone {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Transaction_CreditCard > form > .ZoneContainer.Address > .Address.State.Zone {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Transaction_CreditCard > form > .ZoneContainer.Address > .Address.Zip.Zone {
  grid-column-start: 3;
  grid-column-end: 4;
}
.Transaction_CreditCard > form > .Action.Zone {
  grid-row-start: 5;
  grid-row-end: 6;
  padding: 0 4px;
  display: grid;
  justify-content: space-between;
  align-items: end;
  grid-column-gap: 8px;
  grid-template-columns: 30%
				30%
				30%;
}
.Transaction_CreditCard > form > .Action.Zone > .Button {
  height: 3em;
}
.Transaction_CreditCard > form > .Action.Zone > .cancel {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Transaction_CreditCard > form > .Action.Zone > .clear {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Transaction_CreditCard > form > .Action.Zone > .save {
  grid-column-start: 3;
  grid-column-end: 4;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}/* Creates grid rows for zones based on what's present. */
.Transaction_Cart {
  height: 100%;
  display: grid;
  background-color: #575c5c;
  color: #f0f2f4;
  grid-template-rows: 3em auto 5em 3em;
  /** CART **/
  /** PAYMENT **/
  /** COST **/
  /** ACTION **/
  /* No Cost, No Action */
  /* No Cost */
  /* No Action */
  /** MODAL **/
}
.Transaction_Cart > header {
  grid-row-start: 1;
  grid-row-end: 2;
  padding: 0 10px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Transaction_Cart > header > .description {
  font-style: italic;
}
.Transaction_Cart > .Zone {
  padding: 8px;
}
.Transaction_Cart > .Cart.Zone {
  grid-row-start: 2;
  grid-row-end: 3;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Transaction_Cart > .Cart.Zone > .CartItem {
  width: 100%;
}
.Transaction_Cart > .Cart.Zone > .CartItem > .content {
  display: grid;
  grid-template-columns: 5em 5em 200px auto;
}
.Transaction_Cart > .Cart.Zone > .CartItem > .content > .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Transaction_Cart > .Cart.Zone > .CartItem + .CartItem {
  margin-top: 8px;
}
.Transaction_Cart > .Payment.Zone {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  gap: 8px;
  position: absolute;
  bottom: calc(5em + 3em + 8px);
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Transaction_Cart > .Payment.Zone > .ListItem {
  min-height: unset;
  height: 4em;
}
.Transaction_Cart > .Payment.Zone > .wallet > .content > .funds {
  display: flex;
  flex-direction: row;
}
.Transaction_Cart > .Payment.Zone > .wallet > .content > .funds > .vbucks {
  color: #ff9900;
}
.Transaction_Cart > .Payment.Zone > .wallet > .content > .funds > .vbucks.was {
  color: #a0a0a0;
  text-decoration: line-through;
  text-shadow: 0 0 #f0f2f4;
}
.Transaction_Cart > .Payment.Zone > .wallet > .content > .funds > .vbucks.now {
  color: #f0f2f4;
}
.Transaction_Cart > .Payment.Zone > .wallet > .content > .funds > .vbucks.was + .vbucks {
  margin-left: 4px;
}
.Transaction_Cart > .Cost.Zone {
  grid-row-start: 3;
  grid-row-end: 4;
  padding: 8px 10px;
  background-color: #373a3a;
  display: grid;
  grid-template-columns: repeat(4, 150px) auto;
}
.Transaction_Cart > .Cost.Zone > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  font-size: 1.15em;
}
.Transaction_Cart > .Cost.Zone .number {
  color: #ff9900;
}
.Transaction_Cart > .Cost.Zone .vbucks {
  color: #ff9900;
}
.Transaction_Cart > .Cost.Zone .price .was-total + .now-total {
  margin-left: 4px;
}
.Transaction_Cart > .Cost.Zone .price .vbucks.strike {
  text-decoration: line-through;
}
.Transaction_Cart > .Cost.Zone .price .vbucks.highlight {
  color: #00ff00;
}
.Transaction_Cart > .Cost.Zone .subscriptions {
  color: #00ff00;
}
.Transaction_Cart > .Action.Zone {
  grid-row-start: 4;
  grid-row-end: 5;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  padding: 4px;
}
.Transaction_Cart.no-cost-zone.no-action-zone {
  grid-template-rows: 3em auto 0px 0px;
}
.Transaction_Cart.no-cost-zone.no-action-zone > .Payment.Zone {
  bottom: 0;
}
.Transaction_Cart.no-cost-zone:not(.no-action-zone) {
  grid-template-rows: 3em auto 0px 3em;
}
.Transaction_Cart.no-cost-zone:not(.no-action-zone) > .Payment.Zone {
  bottom: calc(3em + 8px);
}
.Transaction_Cart.no-action-zone:not(.no-cost-zone) {
  grid-template-rows: 3em auto 5em 0px;
}
.Transaction_Cart.no-action-zone:not(.no-cost-zone) > .Payment.Zone {
  bottom: calc(5em + 8px);
}
.Transaction_Cart > .Modal {
  /** Credit Card **/
  /** Status **/
}
.Transaction_Cart > .Modal.CreditCard > .container > .Window {
  grid-template-rows: auto;
}
.Transaction_Cart > .Modal.Status > .container > .Window {
  padding: 8px;
  grid-template-rows: 33% 33% 33%;
}
.Transaction_Cart > .Modal.Status > .container > .Window > .message {
  grid-row-start: 1;
  grid-row-end: 2;
  place-self: center;
  font-size: 1.5em;
}
.Transaction_Cart > .Modal.Status > .container > .Window > .Icon {
  grid-row-start: 2;
  grid-row-end: 3;
  place-self: center;
  font-size: 3em;
}
.Transaction_Cart > .Modal.Status > .container > .Window > .Icon.success {
  color: #00aa00;
}
.Transaction_Cart > .Modal.Status > .container > .Window > .Icon.failure {
  color: #aa0000;
}
.Transaction_Cart > .Modal.Status > .container > .Window > .actions {
  grid-row-start: 3;
  grid-row-end: 4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.Transaction_Cart > .Modal.Status > .container > .Window > .actions > .Button {
  height: 2.5em;
  width: 65px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DateTime {
  width: 100%;
  min-width: 270px;
  display: flex;
  flex-direction: column;
}
.DateTime .datetime-inputs {
  display: inline-flex;
  flex-direction: row;
  column-gap: 5px;
  width: 100%;
}
.DateTime .datetime-inputs > .time {
  width: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.DateTime .datetime-inputs > .date {
  width: 50%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.DateTime .error-message {
  color: #ff6600;
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
}
.DateTime .invalid {
  outline: 1px solid #ff6600;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Report_Analytics_Configuration {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Report_Analytics_Configuration > .Header {
  padding: 0px 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.Report_Analytics_Configuration > .Header > .description {
  font-style: italic;
}
.Report_Analytics_Configuration > .Fields th,
.Report_Analytics_Configuration > .Fields td {
  padding: 16px;
}
.Report_Analytics_Configuration > .Fields th {
  text-align: left;
}
.Report_Analytics_Configuration > .Fields .Field {
  /** Special Fields **/
}
.Report_Analytics_Configuration > .Fields .Field.error {
  border: 1px solid #ff0000;
}
.Report_Analytics_Configuration > .Fields .Field > .value {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
}
.Report_Analytics_Configuration > .Fields .Field > .value > .Input:not(.checkbox) {
  flex-grow: 1;
}
.Report_Analytics_Configuration > .Fields .Field > .value > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.Report_Analytics_Configuration > .Fields .Field > .value > div > .Input.checkbox {
  height: 100%;
}
.Report_Analytics_Configuration > .Fields .Field > .value > div:last-child:not(:has(> .Input.checkbox)) {
  flex-grow: 1;
}
.Report_Analytics_Configuration > .Fields .Field > .value > div:last-child > .Input:not(.checkbox) {
  width: 100%;
}
.Report_Analytics_Configuration > .Fields .Field > .unit {
  font-style: italic;
  font-weight: 100;
}
.Report_Analytics_Configuration > .Fields .Field > .unit > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.Report_Analytics_Configuration > .Fields .Field > .unit > div > span.hidden {
  visibility: hidden;
}
.Report_Analytics_Configuration > .Fields .Field > .unit > div > span + span {
  font-style: italic;
  font-weight: 100;
}
.Report_Analytics_Configuration > .Fields .Field.time-range > th {
  vertical-align: text-top;
}
.Report_Analytics_Configuration > .Fields .Field.time-range > td > div {
  flex-direction: row-reverse;
  gap: 8px;
}
.Report_Analytics_Configuration > .Fields .Field.range-limits > th,
.Report_Analytics_Configuration > .Fields .Field.use_channels_flags > th {
  vertical-align: bottom;
}
.rounded-border {
  border-radius: 4px;
}
.rounded-inner {
  border-radius: 3px;
  overflow: hidden;
}
.ProgressBar {
  display: block;
  height: 1em;
  background-color: #141616;
  border: 1px solid #f0f2f4;
  padding: 1px;
  position: relative;
  border-radius: 4px;
}
.ProgressBar.hasInner {
  height: 2em;
}
.ProgressBar:not(.hasInner) {
  height: 1em;
}
.ProgressBar > .bar {
  height: 100%;
  border-radius: 4px;
}
.ProgressBar > .bar > .innerBar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  overflow: hidden;
}
.ProgressBar > .bar > .innerBar > .block {
  width: 100%;
  height: 100%;
}
.ProgressBar > .bar > .innerBar > .block > .innerBlock {
  height: 100%;
  transition: width 0.25s linear;
}
.ProgressBar > .bar > .innerBar > .block > .innerBlock.done {
  background-color: #0082ca;
}
.ProgressBar > .bar > .innerBar > .block > .innerBlock.good {
  background-color: #00cc00;
}
.ProgressBar > .bar > .innerBar > .block > .innerBlock.bad {
  background-color: #aa0000;
}
.ProgressBar.segment > .bar > .innerBar > .block + .block {
  border-left: 1px solid #777;
}
.ProgressBar:not(.hasInner) > .bar {
  background-color: #0082ca;
  transition: width 0.5s ease-in-out;
}
.ProgressBar > .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  overflow: hidden;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Link.disabled {
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: unset;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Report_Analytics_Status {
  padding: 8px;
}
.Report_Analytics_Status > .Zone {
  padding: 8px 0px;
}
.Report_Analytics_Status > .Zone > .head {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.Report_Analytics_Status > .Details.Zone > .head > h1 {
  min-width: 250px;
}
.Report_Analytics_Status > .Details.Zone > .head > .ProgressBar {
  height: 2em;
  width: 200px;
}
.Report_Analytics_Status > .Details.Zone > .head > div.overall-progress > .Icon {
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr > th,
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr > td {
  display: inline-flex;
  align-items: center;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr > th {
  padding: 2px 8px 2px 0px;
  font-size: 1.5em;
  font-weight: 500;
  min-width: 250px;
  justify-content: flex-start;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr > td {
  padding: 2px 8px;
  justify-content: center;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr > td .Icon {
  font-size: 1.3em;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr > td.message {
  font-style: italic;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr.success > td .Icon.status {
  color: #00cc00;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr.error > .name {
  color: orange;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr.error:not(.timeout) > td .Icon.status {
  color: #aa0000;
}
.Report_Analytics_Status > .Details.Zone > .body table > tbody > tr.error.timeout > td .Icon.status {
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Report_Analytics_Editor {
  grid-template-rows: 3em 3em auto 5em 3em;
}
.Report_Analytics_Editor.hide-cost-zone > .ContentArea {
  grid-row-start: 3;
  grid-row-end: 5;
}
.Report_Analytics_Editor > .Cost.Zone {
  grid-row-start: 4;
  grid-row-end: 5;
  padding: 8px 10px;
  background-color: #373a3a;
  display: grid;
  grid-template-columns: 150px 150px 150px 150px auto;
}
.Report_Analytics_Editor > .Cost.Zone > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  font-size: 1.15em;
}
.Report_Analytics_Editor > .Cost.Zone .number {
  color: #ff9900;
}
.Report_Analytics_Editor > .Cost.Zone .vbucks {
  color: #ff9900;
}
.Report_Analytics_Editor > .Cost.Zone .price .was-total + .now-total {
  margin-left: 4px;
}
.Report_Analytics_Editor > .Cost.Zone .price .vbucks.strike {
  text-decoration: line-through;
}
.Report_Analytics_Editor > .Cost.Zone .price .vbucks.highlight {
  color: #00ff00;
}
.Report_Analytics_Editor > .Cost.Zone .subscriptions {
  color: #00ff00;
}
.Report_Analytics_Editor > .ToolBar {
  grid-row-start: 5 !important;
  grid-row-end: 6 !important;
  padding: 0px 4px;
}
.Report_Analytics_Editor > .ToolBar .Button + .Button {
  margin-left: 8px;
}
.Report_Analytics_Editor > .ToolBar .Button.action {
  min-width: 65px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 4px;
}
.Report_Analytics_Editor > .ToolBar .Button.action.error {
  border: 2px solid #ff0000;
}
.Report_Analytics_Editor > .ToolBar > .spacer {
  visibility: hidden;
  pointer-events: none;
}
.Report_Analytics_Editor > .ContentArea + .ToolBar {
  grid-row-start: 5;
  grid-row-end: 6;
}
.Article .ContentArea {
  background-color: white;
}
.Article .ContentArea .ArticleMain {
  display: grid;
  grid-template-columns: min(25%, 300px) 1fr;
  background-color: white;
  color: #323535;
  overflow-y: auto;
  max-height: 100%;
}
@media screen and (max-width: 640px) {
  .Article .ContentArea .ArticleMain {
    grid-template-columns: 0 100%;
  }
  .Article .ContentArea .ArticleMain .ArticleSidebar {
    visibility: hidden;
  }
  .Article .ContentArea .ArticleMain .ArticleBody,
  .Article .ContentArea .ArticleMain .RelatedArticles {
    padding-left: 35px;
  }
}
.Article .ContentArea .ArticleMain .ArticleHeader {
  background-color: #323535;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 20px;
  padding-left: 20px;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 20px;
}
.Article .ContentArea .ArticleMain .ArticleHeader .ArticleHeaderTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Article .ContentArea .ArticleMain .ArticleHeader .ArticleHeaderTop img {
  width: 100px;
}
.Article .ContentArea .ArticleMain .ArticleHeader .ArticleHeaderTop .ArticleHeaderTopContainer {
  display: flex;
  gap: 1px;
}
.Article .ContentArea .ArticleMain .ArticleHeader .ArticleHeaderTop .ArticleHeaderTopContainer > span {
  color: #00a3fd;
}
.Article .ContentArea .ArticleMain .ArticleHeader .ArticleHeaderTop .ArticleHeaderTopContainer > span:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #18acff;
}
.Article .ContentArea .ArticleMain .ArticleHeader .ArticleHeaderBottom {
  color: whitesmoke;
  font-weight: 300;
  font-size: 3em;
  line-height: normal;
  padding-bottom: 5px;
}
.Article .ContentArea .ArticleMain .ArticleBody {
  padding-left: 5px;
  max-width: 750px;
  padding-right: 35px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleTitle {
  font-size: 2.3em;
  line-height: 1.5em;
  padding-bottom: 4px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleSummary {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 1.15em;
  line-height: 1.1em;
  font-weight: 300;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleContentList {
  font-size: 1.1em;
  line-height: 1.2em;
  padding-bottom: 10px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleContentList li {
  margin-bottom: 8px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleContentHeader {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 12px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleContentParagraph {
  font-size: 1.05em;
  margin-bottom: 12px;
  font-weight: 300;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleTip {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  font-weight: 300;
  margin-top: 22px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleTip .Icon {
  color: #323535;
  margin-right: 7px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleScreenshot {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleScreenshot > img {
  max-width: 100%;
  border-radius: 5px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleScreenshot.Slim {
  margin-top: 10px;
  margin-bottom: 10px;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleContentLink {
  color: #0082ca;
  font-weight: 400;
}
.Article .ContentArea .ArticleMain .ArticleBody .ArticleContent .ArticleContentLink em:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #0092e3;
}
.Article .ContentArea .ArticleMain .ArticleSidebar {
  marign-top: 20px;
  padding-left: 35px;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarItem,
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarTitle {
  color: #0082ca;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarItem:hover,
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarTitle:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #0092e3;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarTitle {
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 8px;
  margin-right: 50px;
  border-bottom: solid 1px #cbcece;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarContent .ArticleSidebarItem {
  color: #0082ca;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarContent .ArticleSidebarItem:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #0092e3;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarContent .ArticleSidebarItem.Selected {
  color: #323535;
  font-weight: 600;
}
.Article .ContentArea .ArticleMain .ArticleSidebar .ArticleSidebarContent .ArticleSidebarItem.Selected:hover {
  cursor: default;
  text-decoration: none;
  color: #323535;
}
.Article .ContentArea .ArticleMain .RelatedArticles {
  grid-column-start: 2;
  grid-column-end: 3;
  max-width: 750px;
  padding-right: 35px;
  padding-bottom: 10px;
}
.Article .ContentArea .ArticleMain .RelatedArticles .RelatedArticlesTitle {
  font-size: 1.5em;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #cbcece;
}
.Article .ContentArea .ArticleMain .RelatedArticles .RelatedArticlesContent .RelatedArticlesItem {
  color: #0082ca;
  font-size: 1.15em;
  margin-bottom: 10px;
}
.Article .ContentArea .ArticleMain .RelatedArticles .RelatedArticlesContent .RelatedArticlesItem:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #0092e3;
}
.Highlight > span.h {
  display: inline-block;
  padding: 0;
  background-color: rgba(255, 255, 0, 0.5);
  border-radius: 2px;
}
.FinderListCell {
  padding: 0 8px;
}
.FinderListCell > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
  padding-left: 0;
  padding-right: 0;
}
.FinderListCell.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.FinderListCell > input,
.FinderListCell > textarea,
.FinderListCell > select {
  background-color: #fff;
  color: #323535;
  width: 100%;
}
.FinderListCell > input,
.FinderListCell > textarea {
  cursor: text;
}
.FinderListCell.left {
  justify-content: flex-start;
}
.FinderListCell.center {
  justify-content: center;
}
.FinderListCell.right {
  justify-content: flex-end;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Tooltip {
  position: relative;
}
.Tooltip > .blinder {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.Tooltip > .tooltip-message {
  position: absolute;
  opacity: 0;
  width: 0px;
  height: 0px;
  color: transparent;
  background-color: transparent;
  border-radius: 4px;
  z-index: 99;
  white-space: pre-wrap;
  transition: opacity 0.15s ease-in-out;
  cursor: inherit;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.Tooltip > .tooltip-message.visible {
  opacity: 1;
  width: max-content;
  height: unset;
  padding: 0.5em 1em 0.5em 1em;
  color: unset;
  background-color: #eaedf0;
  border: 1px solid #d8dee3;
  box-shadow: 1px 1px 4px 1px rgba(20, 23, 26, 0.25);
}
.Tooltip > .tooltip-message.visible.fader {
  animation: tooltipFadeInOut 2s forwards;
}
.Tooltip > .tooltip-message:not(.visible) {
  display: none;
}
.Tooltip > .tooltip-message.center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@keyframes tooltipFadeInOut {
  0% {
    opacity: 1;
  }
  10%,
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.FinderList {
  background-color: #eaedf0;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  /*
	background-color: darken(@color-text-primary, 2%);
	display: grid;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	*/
}
@media print {
  .FinderList {
    position: relative;
    height: auto;
  }
  /*
	.FinderList {
		position: relative;
		height: auto;
	}
	*/
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.FinderListHeader {
  align-items: center;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3em;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  min-width: fit-content;
  /* Webkit browsers */
  /*
	align-items:	center;
	display:		grid;
	position:		absolute;
	top:			0;
	left:			0;
	right:			0;
	height:			@titlebarHeight;
	width:			100%;

	& > .FinderColumn {
		border-right:	1px solid darken(@color-text-primary, 8%);
		padding:		0 7px 0 8px;
		overflow:		hidden;
		text-overflow:	ellipsis;
		white-space:	nowrap;

		&:last-child {
			border-right: none;
		}

		& > .Icon {
			color: @color-bg-primary;
		}

		&.clickable {
			//box-shadow:		0px -23px 0px 0px @color-bg-primary;
		}

		&.showLabel {
			&.right > .Icon {
				margin-right: 8px;
			}

			&.left > .Icon {
				margin-left: 8px;
			}
		}
	}
	*/
}
.FinderListHeader::-webkit-scrollbar {
  visibility: hidden;
}
@media (any-pointer: coarse) {
  .FinderListHeader::-webkit-scrollbar {
    width: 0px;
  }
}
.FinderListHeader::-webkit-scrollbar-track {
  background: transparent;
}
.FinderListHeader::-webkit-scrollbar-track-piece {
  background: transparent;
}
.FinderListHeader::-webkit-scrollbar-thumb {
  background: transparent;
}
.FinderListHeader::-webkit-scrollbar-button {
  display: none;
}
.FinderListHeader > .FinderColumn {
  border-right: 1px solid #d8dee3;
  padding: 0 7px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.FinderListHeader > .FinderColumn:last-child {
  border-right: none;
}
.FinderListHeader > .FinderColumn > .Icon {
  color: #323535;
}
.FinderListHeader > .FinderColumn.clickable {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.FinderListHeader > .FinderColumn.clickable.blank {
  width: 100%;
  height: 100%;
}
.FinderListHeader > .FinderColumn.showLabel.right > .Icon {
  margin-right: 8px;
}
.FinderListHeader > .FinderColumn.showLabel.left > .Icon {
  margin-left: 8px;
}
.FinderListHeader > .FinderColumn.left {
  justify-content: flex-start;
}
.FinderListHeader > .FinderColumn.center {
  justify-content: center;
}
.FinderListHeader > .FinderColumn.right {
  justify-content: flex-end;
}
.FinderListHeader .FinderColumn.onlyIcon {
  text-overflow: clip;
}
@media (any-pointer: coarse) {
  .FinderListHeader {
    width: unset !important;
  }
}
@media print {
  .FinderListHeader {
    position: relative;
  }
  /*
	.FinderListHeader {
		position: relative;
	}
	*/
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.FinderListEmpty {
  align-items: center;
  display: flex;
  grid-column-start: 1;
  grid-column-end: -1;
  grid-column-gap: 0;
  height: 48px;
  font-style: italic;
  justify-content: center;
  padding: 0 8px;
  /*
	align-items: center;
	display: flex;
	grid-column-start: 1;
	grid-column-end: -1;
	grid-column-gap: 0;
	height: 48px;
	font-style: italic;
	justify-content: center;
	padding: 0 8px;
	*/
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.FinderListBody {
  background-color: #f0f2f4;
  border-top: 1px solid #d8dee3;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 3em;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  /*
	background-color: @color-text-primary;
	border-top: 1px solid darken(@color-text-primary, 8%);
	display: block;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	top: @titlebarHeight;
	left: 0;
	right: 0;
	bottom: 0;

	& > *:not(.FinderListEmpty) {
		grid-column-gap: 0;
		align-items: center;
		height: @finderRowHeight;
		border-bottom: 1px solid darken(@color-text-primary, 8%);
		transition: background-color .1s linear;

		&:hover {
			background-color: darken(@color-text-primary, 8%);
			transition: background-color 0s;
		}

		&:active {
			background-color: #fff;
		}

		&.editing {
			background-color: darken(@color-text-primary, 8%);

			&:hover,
			&:active {
				background-color: darken(@color-text-primary, 8%);
			}
		}
	}
	*/
}
@media (max-width: 500px) {
  .FinderListBody {
    left: unset;
    right: unset;
  }
}
.FinderListBody > *:not(.FinderListEmpty) {
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
}
.FinderListBody > *:not(.FinderListEmpty):hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.FinderListBody > *:not(.FinderListEmpty).editing:hover {
  background-color: #d8dee3;
}
.FinderListBody > *:not(.FinderListEmpty):active {
  background-color: #fff;
}
.FinderListBody > *:not(.FinderListEmpty).editing {
  background-color: #d8dee3;
}
.FinderListBody > *:not(.FinderListEmpty).editing:active {
  background-color: #d8dee3;
}
@media (max-width: 500px) {
  .FinderListBody {
    left: unset;
    right: unset;
    min-width: 450px;
  }
}
.FinderListBody .FinderListControl {
  display: flex;
  justify-content: center;
}
.FinderListBody .FinderListControl > .control-content {
  display: flex;
  align-items: center;
  min-width: 200px;
}
.FinderListBody .FinderListControl > .control-content > .page-numbers {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.FinderListBody .FinderListControl > .control-content > .page-numbers > .ellipsis {
  padding: 0 8px;
  color: unset;
  font-size: 30px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
}
.FinderListBody .FinderListControl > .control-content > .page-numbers > button {
  margin: 0 4px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FinderListBody .FinderListControl > .control-content > .page-numbers > button > .current {
  cursor: unset;
}
.FinderListBody .FinderListControl > .control-content > .control-label {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FinderListBody .FinderListControl > .control-content > button {
  padding: 10px;
}
.FinderListBody .FinderListControl:hover {
  background-color: #f0f2f4;
}
@media print {
  .FinderListBody {
    overflow: auto;
    position: static;
  }
  /*
	.FinderListBody {
		overflow: auto;
		position: static;
	}
	*/
}
.Search {
  display: flex;
  flex-direction: row;
}
.Search > .Button {
  min-width: auto;
}
.Search > input {
  background-color: #f0f2f4;
  color: #323535;
  padding: 4px 8px;
}
@media (max-width: 500px) {
  .Search > input {
    width: 30vw;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}@media screen and (max-width: 650px) {
}.DeviceFinderGroup {
  grid-template-columns: 2.5em 2.5em 2.5em 85px minmax(130px, 0.95fr) minmax(110px, 2fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  height: auto !important;
  display: grid;
}
@media screen and (max-width: 650px) {
  .DeviceFinderGroup {
    grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  }
}
.DeviceFinderGroup:hover {
  background-color: unset !important;
}
.DeviceFinderGroup > div {
  border-bottom: unset !important;
}
.DeviceFinderGroup > header {
  grid-column-start: 1;
  grid-column-end: 10;
  display: inline-grid;
  grid-template-columns: 2.5em 2.5em 2.5em 85px minmax(130px, 0.95fr) minmax(110px, 2fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  height: 3em;
  background-color: #3e4242;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));
}
@media screen and (max-width: 650px) {
  .DeviceFinderGroup > header {
    grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  }
}
.DeviceFinderGroup > header > .expand {
  grid-column-start: 1;
  grid-column-end: 2;
}
.DeviceFinderGroup > header > .expand > .Button {
  width: 100%;
  height: 100%;
}
.DeviceFinderGroup > header > .expand > .Button > .Icon {
  width: 100%;
  font-size: 1.25em;
}
.DeviceFinderGroup > header > .title {
  grid-column-start: 3;
  grid-column-end: 10;
  color: #f0f2f4;
  font-size: 1em;
  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  align-self: center;
}
.DeviceFinderGroup > .list {
  height: auto !important;
  grid-column-start: 1;
  grid-column-end: 10;
}
.DeviceFinderGroup > .list:hover {
  background-color: unset !important;
}
.DeviceFinderGroup > .list > .DeviceFinderItem {
  height: auto !important;
}
.DeviceFinderGroup > .list > .DeviceFinderItem,
.DeviceFinderGroup > .list > .DeviceFinderItem > div.actions {
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
}
.DeviceFinderGroup > .list > .DeviceFinderItem:hover,
.DeviceFinderGroup > .list > .DeviceFinderItem > div.actions:hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.DeviceFinderGroup > .list > .DeviceFinderItem.editing:hover,
.DeviceFinderGroup > .list > .DeviceFinderItem > div.actions.editing:hover {
  background-color: #d8dee3;
}
.DeviceFinderGroup > .list > .DeviceFinderItem:active,
.DeviceFinderGroup > .list > .DeviceFinderItem > div.actions:active {
  background-color: #fff;
}
.DeviceFinderGroup > .list > .DeviceFinderItem.editing,
.DeviceFinderGroup > .list > .DeviceFinderItem > div.actions.editing {
  background-color: #d8dee3;
}
.DeviceFinderGroup > .list > .DeviceFinderItem.editing:active,
.DeviceFinderGroup > .list > .DeviceFinderItem > div.actions.editing:active {
  background-color: #d8dee3;
}
.DeviceFinderGroup > .list > .DeviceFinderItem.expanded {
  border: unset;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}@media screen and (max-width: 650px) {
}.DeviceFinder > .ToolBar > .multiburst {
  padding: 0px 2px;
}
.DeviceFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.DeviceFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader {
  grid-template-columns: 2.5em 2.5em 2.5em 85px minmax(130px, 0.95fr) minmax(110px, 2fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
}
@media screen and (max-width: 650px) {
  .DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader {
    grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  }
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader > .FinderColumn {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader > .FinderColumn > .Icon > .IconLayer > i {
  cursor: pointer;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader > .FinderColumn.status-header {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  flex-direction: row-reverse;
  padding: unset;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader > .FinderColumn.status-header > .Icon {
  min-width: 2em;
  max-width: 2em;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader > .FinderColumn.favorite-header.filtered > .Icon {
  color: #0082ca;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListHeader > .FinderColumn.favorite-header.hide > .Icon {
  opacity: 0.4;
}
.DeviceFinder > .ContentArea > div > .FinderList > .FinderListBody > .DeviceFinderItem.expanded + .DeviceFinderItem.expanded {
  border-top: unset !important;
}
.DeviceFinder.small-screen > .ContentArea > div > .FinderList > .FinderListHeader {
  grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.TotalDemandDistortion {
  /* Buttons */
}
.TotalDemandDistortion > fieldset {
  /* Fields */
}
.TotalDemandDistortion > fieldset > span.row {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.TotalDemandDistortion > fieldset > span.row > .Input {
  width: 50%;
  text-align: center;
}
.TotalDemandDistortion > span.buttons {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Demand {
  /* Buttons */
}
.Demand > fieldset {
  /* Fields */
}
.Demand > fieldset > span.row {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.Demand > fieldset > span.row > .Input {
  width: 50%;
  text-align: center;
}
.Demand > span.buttons {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.PLTFlicker {
  /* Buttons */
}
.PLTFlicker > fieldset {
  /* Fields */
}
.PLTFlicker > fieldset > span.row {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.PLTFlicker > fieldset > span.row > .Input {
  width: 50%;
  text-align: center;
}
.PLTFlicker > span.buttons {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Interharmonics {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.Interharmonics > fieldset.harmonics {
  flex-grow: 1;
}
.Harmonics {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.Harmonics > fieldset {
  flex-grow: 1;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphConfigurator_Band {
  /* Buttons */
}
.GraphConfigurator_Band > fieldset {
  /* Fields */
}
.GraphConfigurator_Band > fieldset > span.row {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.GraphConfigurator_Band > fieldset > span.row > .Input {
  width: 50%;
  text-align: center;
}
.GraphConfigurator_Band > span.buttons {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}@media screen and (max-width: 650px) {
}.DeviceFinderItem,
.DeviceFinderItem > main {
  display: grid;
  grid-template-columns: 2.5em 2.5em 2.5em 85px minmax(130px, 0.95fr) minmax(110px, 2fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  cursor: pointer;
  /** FAVORITE **/
  /** ASSOCIATION **/
  /** PLATFORM **/
  /** SERIAL-NUMBER **/
  /** LABEL **/
  /** STATUS **/
  /** LATEST READINGS **/
  /** BUTTONS **/
}
.DeviceFinderItem *,
.DeviceFinderItem > main * {
  transition: all 0.1s linear;
}
@media screen and (max-width: 650px) {
  .DeviceFinderItem,
  .DeviceFinderItem > main {
    grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  }
}
.DeviceFinderItem > .FinderListCell,
.DeviceFinderItem > main > .FinderListCell {
  max-height: 4em;
  cursor: pointer;
  transition: background-color 0s !important;
}
.DeviceFinderItem > .FinderListCell > .Icon,
.DeviceFinderItem > main > .FinderListCell > .Icon {
  color: #323535;
  cursor: pointer;
}
.DeviceFinderItem > .FinderListCell > .Icon.is-favorite > .IconLayer > .icon-pin,
.DeviceFinderItem > main > .FinderListCell > .Icon.is-favorite > .IconLayer > .icon-pin {
  color: #323535;
}
.DeviceFinderItem > .FinderListCell > .Icon.is-not-favorite > .IconLayer > .icon-pin,
.DeviceFinderItem > main > .FinderListCell > .Icon.is-not-favorite > .IconLayer > .icon-pin {
  color: transparent;
}
.DeviceFinderItem > .FinderListCell > .Icon > .IconLayer > .icon-spinner5,
.DeviceFinderItem > main > .FinderListCell > .Icon > .IconLayer > .icon-spinner5 {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.DeviceFinderItem > .FinderListCell > .Icon > .IconLayer > .icon-satellite,
.DeviceFinderItem > main > .FinderListCell > .Icon > .IconLayer > .icon-satellite {
  opacity: 0.3333;
  margin-right: 5px !important;
}
.DeviceFinderItem > .FinderListCell > .Icon > .IconLayer > .warning,
.DeviceFinderItem > main > .FinderListCell > .Icon > .IconLayer > .warning {
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.DeviceFinderItem > .FinderListCell > .Icon > .IconLayer > .icon-offline,
.DeviceFinderItem > main > .FinderListCell > .Icon > .IconLayer > .icon-offline {
  opacity: 0.3333;
}
.DeviceFinderItem > .FinderListCell > .Icon > .IconLayer > .icon-device-offline-associated,
.DeviceFinderItem > main > .FinderListCell > .Icon > .IconLayer > .icon-device-offline-associated {
  opacity: 0.3333;
}
.DeviceFinderItem:hover > .FinderListCell > .Icon > .IconLayer .icon-pin,
.DeviceFinderItem > main:hover > .FinderListCell > .Icon > .IconLayer .icon-pin {
  color: #0082ca;
}
.DeviceFinderItem:hover > .FinderListCell > .Icon > .IconLayer .icon-pin:hover,
.DeviceFinderItem > main:hover > .FinderListCell > .Icon > .IconLayer .icon-pin:hover {
  color: #0092e3;
}
.DeviceFinderItem:hover > .FinderListCell > .Icon > .IconLayer .icon-pin:active,
.DeviceFinderItem > main:hover > .FinderListCell > .Icon > .IconLayer .icon-pin:active {
  color: #00a3fd;
}
.DeviceFinderItem.alert,
.DeviceFinderItem > main.alert {
  background-color: rgba(255, 102, 0, 0.1);
}
.DeviceFinderItem .favorite,
.DeviceFinderItem > main .favorite {
  width: 100%;
  height: 100%;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.DeviceFinderItem .association,
.DeviceFinderItem > main .association {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  cursor: pointer;
}
.DeviceFinderItem .association > .arrow,
.DeviceFinderItem > main .association > .arrow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.DeviceFinderItem .association > .arrow > svg,
.DeviceFinderItem > main .association > .arrow > svg {
  z-index: 2;
  width: 101%;
  height: 4em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  cursor: pointer;
}
.DeviceFinderItem .association > .arrow > svg > g,
.DeviceFinderItem > main .association > .arrow > svg > g {
  stroke: black;
  fill: none;
}
.DeviceFinderItem .association > .arrow > svg > g.lines > line,
.DeviceFinderItem > main .association > .arrow > svg > g.lines > line,
.DeviceFinderItem .association > .arrow > svg > g.paths > path,
.DeviceFinderItem > main .association > .arrow > svg > g.paths > path {
  cursor: pointer;
}
.DeviceFinderItem .association > .arrow > svg > .svg-button,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button {
  /* Add New Device */
  /* Remove Device */
  /* Cancel Adding Device */
}
.DeviceFinderItem .association > .arrow > svg > .svg-button > circle,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button > circle,
.DeviceFinderItem .association > .arrow > svg > .svg-button > .icon > line,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button > .icon > line {
  cursor: pointer;
}
.DeviceFinderItem .association > .arrow > svg > .svg-button > .icon,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button > .icon {
  stroke: #f0f2f4;
  stroke-width: 5;
}
.DeviceFinderItem .association > .arrow > svg > .svg-button.add > circle,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button.add > circle {
  fill: #00aa00;
}
.DeviceFinderItem .association > .arrow > svg > .svg-button.remove > circle,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button.remove > circle {
  fill: darkred;
}
.DeviceFinderItem .association > .arrow > svg > .svg-button.cancel > circle,
.DeviceFinderItem > main .association > .arrow > svg > .svg-button.cancel > circle {
  fill: #777;
}
.DeviceFinderItem .association > .arrow > svg > .device-busy > div,
.DeviceFinderItem > main .association > .arrow > svg > .device-busy > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.DeviceFinderItem .association > .arrow > svg > .device-busy > div > .SpinnerIcon,
.DeviceFinderItem > main .association > .arrow > svg > .device-busy > div > .SpinnerIcon {
  color: black;
  font-size: 50px;
}
.DeviceFinderItem > .platform,
.DeviceFinderItem > main > .platform {
  display: flex;
  align-items: center;
}
.DeviceFinderItem > .serial-number,
.DeviceFinderItem > main > .serial-number {
  height: 100%;
  padding-top: 0.65em;
}
.DeviceFinderItem > .label,
.DeviceFinderItem > main > .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  display: flex;
  flex-direction: column;
}
.DeviceFinderItem > .label > label,
.DeviceFinderItem > main > .label > label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}
.DeviceFinderItem > .label > menu,
.DeviceFinderItem > main > .label > menu {
  width: 100%;
  margin-left: -9px;
  display: flex;
  flex: auto;
  align-items: flex-end;
  cursor: pointer;
}
.DeviceFinderItem > .label > menu > .Button > .Icon,
.DeviceFinderItem > main > .label > menu > .Button > .Icon {
  color: #323535;
}
.DeviceFinderItem > .status,
.DeviceFinderItem > main > .status {
  display: flex;
  align-items: center;
}
.DeviceFinderItem > .status > .gps,
.DeviceFinderItem > main > .status > .gps {
  min-width: 2em;
  max-width: 2em;
}
.DeviceFinderItem > .status > .gps.hidden,
.DeviceFinderItem > main > .status > .gps.hidden {
  visibility: hidden;
}
.DeviceFinderItem > .status > .gps.Lock > .IconLayer > i,
.DeviceFinderItem > main > .status > .gps.Lock > .IconLayer > i {
  opacity: 1;
}
.DeviceFinderItem > .status > .gps.Unknown,
.DeviceFinderItem > main > .status > .gps.Unknown,
.DeviceFinderItem > .status > .gps.Excellent,
.DeviceFinderItem > main > .status > .gps.Excellent,
.DeviceFinderItem > .status > .gps.Good,
.DeviceFinderItem > main > .status > .gps.Good,
.DeviceFinderItem > .status > .gps.Fair,
.DeviceFinderItem > main > .status > .gps.Fair,
.DeviceFinderItem > .status > .gps.Poor,
.DeviceFinderItem > main > .status > .gps.Poor {
  color: green;
}
.DeviceFinderItem > .status > .Tooltip,
.DeviceFinderItem > main > .status > .Tooltip {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
.DeviceFinderItem > .status > .Tooltip > .Tag,
.DeviceFinderItem > main > .status > .Tooltip > .Tag {
  cursor: pointer;
}
.DeviceFinderItem > .status > .alerts-container,
.DeviceFinderItem > main > .status > .alerts-container {
  margin-left: 1em;
  display: flex;
  flex-direction: column;
  row-gap: 0.25em;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DeviceFinderItem > .status > .alerts-container > .primary-alert,
.DeviceFinderItem > main > .status > .alerts-container > .primary-alert {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  cursor: pointer;
}
.DeviceFinderItem > .status > .alerts-container > .plus-alerts,
.DeviceFinderItem > main > .status > .alerts-container > .plus-alerts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.7777;
  cursor: pointer;
}
.DeviceFinderItem > .voltageChannel,
.DeviceFinderItem > main > .voltageChannel,
.DeviceFinderItem > .kilowatts,
.DeviceFinderItem > main > .kilowatts {
  display: flex;
  justify-content: center;
  align-items: center;
}
.DeviceFinderItem > .button > .Button,
.DeviceFinderItem > main > .button > .Button {
  height: 100%;
}
.DeviceFinderItem > .button > .Button > .Icon,
.DeviceFinderItem > main > .button > .Button > .Icon {
  color: #323535;
}
.DeviceFinderItem.small-screen,
.DeviceFinderItem.small-screen > main {
  grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
}
/* When a device with children has been expanded */
.DeviceFinderItem.expanded {
  height: auto !important;
  border-bottom: unset;
}
.DeviceFinderItem.expanded:active {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.DeviceFinderItem.expanded > main {
  grid-column-start: 1;
  grid-column-end: none;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
}
.DeviceFinderItem.expanded > .AssociatedDevices {
  grid-column-start: 1;
  grid-column-end: none;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}@media screen and (max-width: 650px) {
}.AssociatedDevices > .zone {
  background-color: #f0f2f4;
  border-top: 1px solid #d8dee3;
  display: block;
  overflow: hidden;
  top: 3em;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: unset;
  display: grid;
  grid-template-rows: repeat(auto-fit, 4em);
  /** Device Selector (Edit Mode) **/
  /** Device Finder Item **/
}
@media (max-width: 500px) {
  .AssociatedDevices > .zone {
    left: unset;
    right: unset;
  }
}
.AssociatedDevices > .zone > *:not(.FinderListEmpty) {
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
}
.AssociatedDevices > .zone > *:not(.FinderListEmpty):hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.AssociatedDevices > .zone > *:not(.FinderListEmpty).editing:hover {
  background-color: #d8dee3;
}
.AssociatedDevices > .zone > *:not(.FinderListEmpty):active {
  background-color: #fff;
}
.AssociatedDevices > .zone > *:not(.FinderListEmpty).editing {
  background-color: #d8dee3;
}
.AssociatedDevices > .zone > *:not(.FinderListEmpty).editing:active {
  background-color: #d8dee3;
}
.AssociatedDevices > .zone > .device-selector {
  position: relative;
  display: inline-grid;
  grid-template-columns: 2.5em 2.5em 2.5em 85px minmax(130px, 0.95fr) minmax(110px, 2fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  width: 100%;
  /** Arrow **/
  /** Selector **/
  /** Actions **/
  /* Save */
}
@media screen and (max-width: 650px) {
  .AssociatedDevices > .zone > .device-selector {
    grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
  }
}
.AssociatedDevices > .zone > .device-selector:hover {
  background-color: #c1c9d1;
}
.AssociatedDevices > .zone > .device-selector > .arrow {
  grid-column-start: 2;
  grid-column-end: 3;
  max-height: 4em;
  padding: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg {
  z-index: 2;
  width: 101%;
  height: 4em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  cursor: pointer;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > g {
  stroke: black;
  fill: none;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > g.lines > line,
.AssociatedDevices > .zone > .device-selector > .arrow > svg > g.paths > path {
  cursor: pointer;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button {
  /* Add New Device */
  /* Remove Device */
  /* Cancel Adding Device */
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button > circle,
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button > .icon > line {
  cursor: pointer;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button > .icon {
  stroke: #f0f2f4;
  stroke-width: 5;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button.add > circle {
  fill: #00aa00;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button.remove > circle {
  fill: darkred;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .svg-button.cancel > circle {
  fill: #777;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .device-busy > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AssociatedDevices > .zone > .device-selector > .arrow > svg > .device-busy > div > .SpinnerIcon {
  color: black;
  font-size: 50px;
}
.AssociatedDevices > .zone > .device-selector > .selector {
  grid-column-start: 3;
  grid-column-end: 6;
  width: 100%;
  height: 80%;
  /* select */
}
.AssociatedDevices > .zone > .device-selector > .selector > .device-selector-input {
  width: 100%;
  height: 100%;
  /* option */
}
.AssociatedDevices > .zone > .device-selector > .Button {
  height: 100%;
  width: 100%;
  justify-content: center;
}
.AssociatedDevices > .zone > .device-selector > .Button > .Icon {
  color: #323535;
}
.AssociatedDevices > .zone > .device-selector > .Button.save {
  grid-column-start: 6;
  grid-column-end: 7;
}
.AssociatedDevices > .zone > .DeviceFinderItem {
  /** Arrow **/
}
.AssociatedDevices > .zone > .DeviceFinderItem:hover {
  background-color: #c1c9d1;
}
.AssociatedDevices > .zone > .DeviceFinderItem:hover > .FinderListCell:hover {
  background-color: #c1c9d1;
}
.AssociatedDevices > .zone > .DeviceFinderItem .FinderListCell.arrow {
  width: 100%;
  height: 100%;
  padding: 0px;
}
.AssociatedDevices > .zone > .DeviceFinderItem .FinderListCell.arrow span.arrow > svg {
  max-height: 4em;
}
.AssociatedDevices > .zone > .DeviceFinderItem .FinderListCell.arrow span.arrow > svg > g {
  fill: black;
  stroke: black;
}
.AssociatedDevices:not(.small-screen) > .zone > .device-selector > .Button.save {
  justify-content: flex-start;
  padding-left: 18px;
}
.AssociatedDevices.small-screen > .zone > .device-selector {
  grid-template-columns: 2.5em minmax(110px, 0.75fr) minmax(110px, 0.75fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr) minmax(50px, 0.3fr);
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.EntryGrid {
  display: grid;
  grid-template-columns: 32px 1fr 32px 64px;
}
.DeviceGrid {
  display: inline-grid;
  grid-template-columns: 32px 1fr 96px 60px;
}
.QuickAccessView_Associated > .ContentArea > div {
  padding: 0px 16px;
  /** APP HEADER **/
}
.QuickAccessView_Associated > .ContentArea > div > header {
  display: inline-grid;
  grid-template-columns: 1fr repeat(4, 4em);
  /** Reset Button **/
  /** Save Button **/
}
.QuickAccessView_Associated > .ContentArea > div > header > h1 {
  grid-column-start: 1;
  grid-column-end: 2;
  margin: 20px 0px 24px 0px;
  font-weight: 100;
  font-size: 1.9em;
}
.QuickAccessView_Associated > .ContentArea > div > header > .Button {
  width: 100%;
  height: 100%;
  font-size: 1.75em;
  justify-content: center;
}
.QuickAccessView_Associated > .ContentArea > div > header > .reset-button {
  grid-column-start: 3;
  grid-column-end: 4;
}
.QuickAccessView_Associated > .ContentArea > div > header > .save-button {
  grid-column-start: 5;
  grid-column-end: 6;
}
.QuickAccessView_Associated > .ContentArea > div > header > .save-button > .Icon {
  color: #0082ca;
}
.QuickAccessView_Associated > .ContentArea > div > div {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 600px);
  grid-auto-rows: max-content;
  gap: 3em;
  /** ZONE **/
  /** ZONE - PARENT **/
  /** ZONE - CHILD **/
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone {
  /** Header **/
  /** Add New Button **/
  /** Entry **/
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin-bottom: 12px;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > header > h1 {
  font-weight: 100;
  font-size: 1.5em;
  margin-bottom: 6px;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > * {
  margin: 6px 4px;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > .add-new {
  height: 4em;
  display: grid;
  grid-template-columns: 32px 1fr 32px 64px;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > .add-new > .Button {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-top: 12px;
  width: 60%;
  height: 80%;
  place-self: left;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > .add-new > .Button > .button-label {
  justify-content: center;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main {
  display: grid;
  grid-template-columns: 32px 1fr 32px 64px;
  height: 4em;
  /** DEPRECATED: Arrow **/
  /** Node **/
  /** Actions **/
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .arrow {
  grid-column-start: 1;
  grid-column-end: 1;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node {
  grid-column-start: 1;
  grid-column-end: 3;
  /** Device **/
  /** Selector **/
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device {
  display: inline-grid;
  grid-template-columns: 32px 1fr 96px 60px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.025);
  cursor: pointer;
  background-color: #2d3030;
  border-radius: 4px;
  transition: background-color 0.1s linear;
  padding-right: 8px;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device.added {
  padding-right: unset;
  border-right: 8px solid #0e0;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device.removed {
  padding-right: unset;
  border-right: 8px solid #f00;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device:hover {
  background-color: #373a3a;
  transition: background-color 0s;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > span {
  cursor: pointer;
  align-self: center;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .status {
  grid-column-start: 1;
  grid-column-end: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .status > .status-icon > .IconLayer > i {
  cursor: pointer;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .status > .status-icon.online {
  color: #0e0;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .status > .status-icon.offline {
  color: #f00;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .status > .status-icon.unknown {
  color: #777;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .status > .status-icon.none {
  color: #777;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .serial {
  grid-column-start: 3;
  grid-column-end: 4;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .label {
  grid-column-start: 2;
  grid-column-end: 3;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .device > .platform {
  grid-column-start: 4;
  grid-column-end: 5;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .node > .selector {
  width: 100%;
  height: 100%;
  /** option **/
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .actions {
  grid-column-start: 4;
  grid-column-end: 5;
  display: flex;
  flex-direction: row;
  font-size: 2em;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .actions > .Button {
  margin-right: 1em;
}
.QuickAccessView_Associated > .ContentArea > div > div > .zone > main > .actions > .Button.blank {
  cursor: unset;
}
.AtomDiscoveryItem {
  display: grid;
  grid-template-columns: 1.5em 1fr 1fr 2fr 1.5fr 1.5fr 2fr 1fr;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  min-height: 50px;
}
.AtomDiscoveryItem .dashempty-light:empty::before {
  content: "\2014";
  color: rgba(240, 242, 244, 0.6);
}
.AtomDiscoveryItem .DiscoveryItem {
  grid-column-start: 1;
}
.AtomDiscoveryItem .DiscoveryLabel {
  grid-column-start: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.AtomDiscoveryItem .DiscoverySerial {
  grid-column-start: 3;
}
.AtomDiscoveryItem .DiscoveryTime {
  grid-column-start: 4;
}
.AtomDiscoveryItem > .DiscoveryRSSI {
  grid-column-start: 5;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.AtomDiscoveryItem > .DiscoveryRSSI > .DiscoveryRSSI-container {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.AtomDiscoveryItem .TXPower {
  grid-column-start: 6;
}
.AtomDiscoveryItem > .Associated {
  grid-column-start: 7;
  overflow: hidden;
}
.AtomDiscoveryItem > .Associated Button {
  margin: auto;
}
.AtomDiscoveryItem > .Associated .Loading {
  animation: spin-0-360 500ms linear infinite;
}
.AtomDiscoveryItem > .Associated .another-device {
  overflow: hidden;
  text-overflow: ellipsis;
}
.AtomDiscoveryItem > .Associated .foreign-parent {
  font-style: italic;
  color: rgba(240, 242, 244, 0.6);
}
.AtomDiscoveryItem .Associate {
  display: flex;
  justify-content: center;
  flex-direction: row;
  height: 25px;
}
.AtomDiscoveryListHeader {
  display: grid;
  grid-template-columns: 1.5em 1fr 1fr 2fr 1.5fr 1.5fr 2fr 1fr;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin-bottom: 8px;
  text-align: center;
}
.AtomDiscoveryListHeader :hover {
  cursor: pointer;
}
.AtomDiscoveryListHeader > div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.AtomDiscoveryListHeader .sort-icon {
  padding-bottom: 4px;
}
.AtomDiscoveryListHeader .label-icon-container {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.AtomDiscoveryListHeader .DiscoveryItem {
  grid-column-start: 1;
}
.AtomDiscoveryListHeader .DiscoveryLabel {
  grid-column-start: 2;
}
.AtomDiscoveryListHeader .DiscoverySerial {
  grid-column-start: 3;
}
.AtomDiscoveryListHeader .DiscoveryTime {
  grid-column-start: 4;
}
.AtomDiscoveryListHeader .DiscoveryRSSI {
  grid-column-start: 5;
}
.AtomDiscoveryListHeader .TXPower {
  grid-column-start: 6;
}
.AtomDiscoveryListHeader .Associated {
  grid-column-start: 7;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}/**
 * Maximum buttons accounted for in a ButtonBar.
 */
/**
 * Derive the calculation required for width 'calc' of a button.
 */
/**
 * Create recipes for data-count up to N.
 */
.ButtonBar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 2px;
  height: 48px;
  gap: 8px;
  /** Content Justification **/
}
.ButtonBar.justify-evenly {
  justify-content: space-evenly;
}
.ButtonBar.justify-between {
  justify-content: space-between;
}
.ButtonBar.justify-around {
  justify-content: space-around;
}
.ButtonBar.justify-start {
  justify-content: flex-start;
}
.ButtonBar.justify-end {
  justify-content: flex-end;
}
.ButtonBar > .Button {
  height: 100%;
  max-width: 300px;
}
.ButtonBar > s {
  flex-grow: 1;
}
.ButtonBar[data-count]:not([data-count="1"]) > .Button {
  margin: 0 2px 0 0;
}
.ButtonBar[data-count]:not([data-count="1"]) > .Button:last-child {
  margin: 0;
}
.ButtonBar[data-count="1"] > .Button {
  justify-content: center;
}
.ButtonBar[data-count="1"] > .Button {
  width: 100%;
}
.ButtonBar[data-count="2"] > .Button {
  width: calc(50% - 2px);
}
.ButtonBar[data-count="3"] > .Button {
  width: calc(33.33333333333333% - 2px);
}
.ButtonBar[data-count="4"] > .Button {
  width: calc(25% - 2px);
}
.ButtonBar[data-count="5"] > .Button {
  width: calc(20% - 2px);
}
.ButtonBar[data-count="6"] > .Button {
  width: calc(16.666666666666664% - 2px);
}
.ButtonBar[data-count="7"] > .Button {
  width: calc(14.285714285714285% - 2px);
}
.ButtonBar[data-count="8"] > .Button {
  width: calc(12.5% - 2px);
}
.ButtonBar[data-count="9"] > .Button {
  width: calc(11.11111111111111% - 2px);
}
.ButtonBar[data-count="10"] > .Button {
  width: calc(10% - 2px);
}
/* ButtonBar configuration so that the buttons
 * align to the left and are sized to content. */
.ButtonBar.narrow-left {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
  justify-content: flex-start;
}
.ButtonBar.narrow-left > .Button {
  width: unset;
  min-width: 100px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Toggle {
  position: relative;
  cursor: pointer;
}
.Toggle.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3333;
}
.Toggle * {
  cursor: pointer;
}
.Toggle .toggle-switch {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #323535;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.Toggle .toggle-switch:hover {
  background-color: #373a3a;
}
.Toggle .toggle-switch .toggle-labels {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.Toggle .toggle-switch .toggle-labels .label {
  flex: 1;
  text-align: center;
  z-index: 1;
  color: #fff;
  cursor: pointer;
  user-select: none;
  pointer-events: none;
}
.Toggle .toggle-switch .toggle-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  transition: left 0.1s;
  padding: 4px;
  cursor: pointer;
}
.Toggle .toggle-switch .toggle-indicator .indicator-inner {
  width: 100%;
  height: 100%;
  background-color: #1e2020;
  border-radius: 4px;
  cursor: pointer;
  z-index: 99;
}
.Toggle .toggle-switch.right-active .toggle-indicator {
  left: 50%;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ChannelMapperModal {
  color: white;
}
.ChannelMapperModal .PinClose > .CloseButton .Icon,
.ChannelMapperModal .TitleIcon > .CloseButton .Icon {
  color: white;
}
.ChannelMapperModal .PinClose > figure.Icon,
.ChannelMapperModal .TitleIcon > figure.Icon {
  color: white;
}
.ChannelMapperModal .Window > .ContentArea > div {
  height: 100%;
  padding: 8px;
}
.ChannelMapperModal .Window > .ContentArea > div > .Device_ChannelMapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ChannelMapperModal .Window > .ContentArea > div > .Device_ChannelMapper > main {
  grid-template-columns: min-content auto min-content;
}
.ChannelMapperModal .Window > .ContentArea > div > .Device_ChannelMapper > .ButtonBar {
  margin-top: 16px;
}
.ChannelMapperModal .Window > .ContentArea > div menu.empty-menu {
  margin-top: 16px;
}
.ChannelMapperModal .Window > .ToolBar {
  justify-content: space-evenly;
}
.Device_ChannelMapper {
  height: 100%;
  /** ACTIONS **/
}
.Device_ChannelMapper > .toolbar {
  column-gap: 8px;
  min-height: 40px;
  margin-top: 15px;
  margin-left: 3px;
  margin-bottom: -10px;
  display: flex;
}
.Device_ChannelMapper > .toolbar.view-only {
  margin-left: 27px;
  min-height: 0px;
}
.Device_ChannelMapper > .toolbar > .Toggle {
  width: 160px;
}
.Device_ChannelMapper > .toolbar > .Mode {
  border-radius: 4px;
}
.Device_ChannelMapper > .toolbar > .Mode-Description {
  flex: 1;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.15);
  border-left: 2px solid #0082ca;
  padding: 0px 8px;
  padding-right: 50px;
  border-radius: 4px;
}
.Device_ChannelMapper > main {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: min-content 0.5fr min-content;
}
.Device_ChannelMapper > main > .Zone.Physical,
.Device_ChannelMapper > main > .Zone.Virtual,
.Device_ChannelMapper > main > .Zone.Sketch {
  grid-row-start: 1;
  grid-row-end: 2;
  height: 100%;
  display: grid;
  grid-template-rows: 50px auto;
}
.Device_ChannelMapper > main > .Zone.Physical > header,
.Device_ChannelMapper > main > .Zone.Virtual > header,
.Device_ChannelMapper > main > .Zone.Sketch > header {
  grid-row-start: 1;
  grid-row-end: 2;
}
.Device_ChannelMapper > main > .Zone.Physical > .measure-header,
.Device_ChannelMapper > main > .Zone.Virtual > .measure-header,
.Device_ChannelMapper > main > .Zone.Sketch > .measure-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Device_ChannelMapper > main > .Zone.Null {
  height: 0 !important;
}
.Device_ChannelMapper > main > .Zone.Physical > .caption,
.Device_ChannelMapper > main > .Zone.Virtual > .caption {
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Device_ChannelMapper > main > .Zone.Physical > .caption > h3,
.Device_ChannelMapper > main > .Zone.Virtual > .caption > h3 {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 0;
}
.Device_ChannelMapper > main > .Zone.Physical > header > .ListItem,
.Device_ChannelMapper > main > .Zone.Virtual > header > .ListItem {
  width: 125px;
  min-width: unset;
  min-height: unset;
  background-color: transparent;
  border: unset;
  box-shadow: unset;
  padding: 0;
  pointer-events: none;
}
.Device_ChannelMapper > main > .Zone.Physical > header > .ListItem .list-header,
.Device_ChannelMapper > main > .Zone.Virtual > header > .ListItem .list-header {
  display: grid;
}
.Device_ChannelMapper > main > .Zone.Physical > header > .ListItem .list-header > span,
.Device_ChannelMapper > main > .Zone.Virtual > header > .ListItem .list-header > span {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  align-self: center;
  font-size: 0.9em;
  text-align: left;
}
.Device_ChannelMapper > main > .Zone.Physical > header > .ListItem .list-header > span.checkbox,
.Device_ChannelMapper > main > .Zone.Virtual > header > .ListItem .list-header > span.checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Device_ChannelMapper > main > .Zone.Physical > header > .ListItem .list-header > span.checkbox > .Input,
.Device_ChannelMapper > main > .Zone.Virtual > header > .ListItem .list-header > span.checkbox > .Input {
  pointer-events: all;
}
.Device_ChannelMapper > main > .Zone.Physical > header > .ListItem .list-header > span.checkbox .Icon,
.Device_ChannelMapper > main > .Zone.Virtual > header > .ListItem .list-header > span.checkbox .Icon {
  color: white;
}
.Device_ChannelMapper > main > .Zone.Physical > header.slim > .ListItem,
.Device_ChannelMapper > main > .Zone.Virtual > header.slim > .ListItem {
  width: 100px;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels {
  grid-row-start: 2;
  grid-row-end: 3;
  display: grid;
  align-content: stretch;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel {
  height: 100%;
  min-height: 60px;
  width: 125px;
  min-width: unset;
  padding: 0;
  position: relative;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content {
  height: 100%;
  display: grid;
  align-items: center;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content > .label,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content > .label {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
  font-size: 0.9em;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content > input.validator,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content > input.validator {
  width: 2px;
  height: 2px;
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  position: relative;
  left: -1em;
  top: 1em;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: calc(50% - (1.5em / 2));
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle {
  fill: transparent;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle[data-channel="1"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle[data-channel="1"] {
  stroke: #000;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle[data-channel="2"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle[data-channel="2"] {
  stroke: #f00;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle[data-channel="3"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle[data-channel="3"] {
  stroke: #00f;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle[data-channel="4"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle[data-channel="4"] {
  stroke: #0f0;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle.editing,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle.editing {
  fill: white;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle.filled[data-channel="1"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle.filled[data-channel="1"] {
  fill: #000;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle.filled[data-channel="2"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle.filled[data-channel="2"] {
  fill: #f00;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle.filled[data-channel="3"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle.filled[data-channel="3"] {
  fill: #00f;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .Dot > circle.filled[data-channel="4"],
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .Dot > circle.filled[data-channel="4"] {
  fill: #0f0;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content .dot-x,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content .dot-x {
  visibility: hidden;
  stroke: gray;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel.slim,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel.slim {
  width: 100px;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel.editing,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel.editing {
  background-color: #0082ca;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel:hover .dot-x,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel:hover .dot-x {
  visibility: visible;
}
.Device_ChannelMapper > main > .Zone.Physical {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-template-columns: 2em
					auto;
}
.Device_ChannelMapper > main > .Zone.Physical > .caption {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_ChannelMapper > main > .Zone.Physical > .caption > h3 {
  transform: rotate(270deg);
}
.Device_ChannelMapper > main > .Zone.Physical > .caption ~ * {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_ChannelMapper > main > .Zone.Physical > header .list-header,
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel > .content {
  grid-template-columns: 30% 70% 0px;
}
.Device_ChannelMapper > main > .Zone.Physical > header h2 {
  margin-bottom: 0;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .invert-ct {
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .invert-ct .inverted-indicator {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #0082ca;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .invert-ct .inverted-indicator:hover {
  background-color: #0092e3;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .invert-ct .inverted-indicator-hollow {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  border: 2px solid #0082ca;
  background-color: transparent;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .invert-ct .inverted-indicator-hollow:hover {
  border: 2px solid #0092e3;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .label {
  text-align: left;
}
.Device_ChannelMapper > main > .Zone.Physical > .Channels > .Channel .Dot {
  right: calc(0% - (1.5em / 2));
}
.Device_ChannelMapper > main > .Zone.Physical.slim > .Channels > .Channel .label {
  padding-left: 1em;
}
.Device_ChannelMapper > main > .Zone.Virtual {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-template-columns: auto
					2em;
}
.Device_ChannelMapper > main > .Zone.Virtual > .caption {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_ChannelMapper > main > .Zone.Virtual > .caption > h3 {
  transform: rotate(90deg);
}
.Device_ChannelMapper > main > .Zone.Virtual > .caption ~ * {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_ChannelMapper > main > .Zone.Virtual > header .list-header,
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel > .content {
  grid-template-columns: 0px auto;
}
.Device_ChannelMapper > main > .Zone.Virtual > header .list-header > span {
  justify-self: center;
}
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel .Dot {
  left: calc(0% - (1.5em / 2));
}
.Device_ChannelMapper > main > .Zone.Virtual > .Channels > .Channel .Dot > circle {
  stroke: #a0a0a0;
}
.Device_ChannelMapper > main > .Zone.Sketch {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  min-width: 75px;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg {
  grid-row-start: 2;
  grid-row-end: 3;
  width: 100%;
  height: 100%;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg .Arrow.active {
  fill: white;
  stroke: white;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg .Arrow[data-channel="1"] {
  fill: #000;
  stroke: #000;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg .Arrow[data-channel="2"] {
  fill: #f00;
  stroke: #f00;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg .Arrow[data-channel="3"] {
  fill: #00f;
  stroke: #00f;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg .Arrow[data-channel="4"] {
  fill: #0f0;
  stroke: #0f0;
}
.Device_ChannelMapper > main > .Zone.Sketch > svg .Arrow > .staff {
  stroke-width: 1;
}
.Device_ChannelMapper > footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.AtomDiscovery {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  max-width: 850px;
  display: block;
}
.AtomDiscovery > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.AtomDiscovery > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.AtomDiscovery > strong,
.AtomDiscovery > strong + span,
.AtomDiscovery > strong + span + .Button {
  margin-top: 5px;
}
.AtomDiscovery > strong,
.AtomDiscovery > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.AtomDiscovery > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.AtomDiscovery > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.AtomDiscovery > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.AtomDiscovery > span > em.offline {
  opacity: 0.5;
}
.AtomDiscovery > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.AtomDiscovery > span > em.online {
  opacity: 1;
}
.AtomDiscovery > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.AtomDiscovery > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.AtomDiscovery > section,
.AtomDiscovery > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.AtomDiscovery > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.AtomDiscovery > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.AtomDiscovery > strong,
.AtomDiscovery > strong + span,
.AtomDiscovery > strong + span + .Button {
  margin-top: 5px;
}
.AtomDiscovery > strong,
.AtomDiscovery > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.AtomDiscovery > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.AtomDiscovery > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.AtomDiscovery > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.AtomDiscovery > span > em.offline {
  opacity: 0.5;
}
.AtomDiscovery > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.AtomDiscovery > span > em.online {
  opacity: 1;
}
.AtomDiscovery > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.AtomDiscovery > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.AtomDiscovery > section,
.AtomDiscovery > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.AtomDiscovery .AtomDiscoveryHeader {
  margin-bottom: 0;
}
.AtomDiscovery .AtomDiscoveryHeader .Loading {
  margin-left: 1em;
  animation: spin-0-360 500ms linear infinite;
}
.AtomDiscovery .AtomDiscoveryHeader .Error {
  padding-left: 1.5em;
}
.AtomDiscovery .AtomDiscoveryHeader Button {
  margin-left: auto;
}
.AtomDiscoveryApp .AtomDiscoveryContent {
  padding-left: 16px;
  padding-right: 16px;
}
.AtomDiscoveryApp .AtomDiscoveryContent > h1 {
  margin-top: 20px;
  font-weight: 100;
  font-size: 1.9em;
  margin-bottom: 24px;
}
.Burst {
  grid-template-rows: 32px 48px auto 32px;
}
.Burst > .ToolBar {
  padding: 0 8px;
}
.Burst > .ToolBar > .Button {
  width: auto;
  padding: 0 10px;
}
.Burst > .ContentArea > div {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
}
.Burst > .ContentArea > div > section {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Recording_Init_ToolBar .selected {
  background-color: #00a3fd !important;
}
.__CBEMA_OLD {
  /** ERRORS **/
  /** SAVE BUTTON **/
  /** GRAPH **/
  /** TABLE **/
}
.__CBEMA_OLD.Window > .ContentArea > div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.__CBEMA_OLD .errors {
  background-color: darkred;
}
.__CBEMA_OLD .errors > div {
  display: flex;
  justify-content: space-around;
  border: 1px solid #00a3fd;
}
.__CBEMA_OLD .errors > div > p {
  margin: 0;
  color: #dfdfdf !important;
  /*
				& :nth-child(n+1),
				& :nth-child(n+2) {
					color:	@color-error-bold;
				}
				*/
}
.__CBEMA_OLD .errors > div > p > span {
  margin: 0 7px 0 7px;
}
.__CBEMA_OLD .errors > div > p b {
  color: #00a3fd;
}
.__CBEMA_OLD .errors > div > p :first-child {
  color: #dfdfdf;
}
.__CBEMA_OLD .error-button {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  margin: 8px 32px 8px 8px;
  pointer-events: none;
  color: #a6b2be !important;
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.__CBEMA_OLD .error-button:hover {
  background-color: #0092e3;
}
.__CBEMA_OLD .error-button:active,
.__CBEMA_OLD .error-button.active {
  background-color: #00a3fd;
}
.__CBEMA_OLD .error-button[disabled]:not(.blend) {
  color: #eee;
}
.__CBEMA_OLD .error-button[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.__CBEMA_OLD .error-button[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.__CBEMA_OLD .error-button > .Icon {
  color: #a6b2be !important;
}
.__CBEMA_OLD .error {
  border: 2px solid #a20000;
}
.__CBEMA_OLD .like-form-button {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  margin: 8px 32px 8px 8px;
}
.__CBEMA_OLD .like-form-button:hover {
  background-color: #0092e3;
}
.__CBEMA_OLD .like-form-button:active,
.__CBEMA_OLD .like-form-button.active {
  background-color: #00a3fd;
}
.__CBEMA_OLD .like-form-button[disabled]:not(.blend) {
  color: #eee;
}
.__CBEMA_OLD .like-form-button[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.__CBEMA_OLD .like-form-button[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.__CBEMA_OLD.svg-content {
  width: 100%;
  height: 100%;
}
.__CBEMA_OLD.svg-content > div {
  display: inline-flex;
}
.__CBEMA_OLD.svg-content > div > svg {
  margin: 10px;
}
.__CBEMA_OLD.svg-content > div > svg rect#cbema-svg-bg {
  fill: #bfbfbf;
}
.__CBEMA_OLD.svg-content > div > svg #x-crosshair,
.__CBEMA_OLD.svg-content > div > svg #y-crosshair,
.__CBEMA_OLD.svg-content > div > svg g[id='polylines'] {
  stroke-width: 5;
}
.__CBEMA_OLD.svg-content > div > svg .selected {
  font-size: xx-large;
}
.__CBEMA_OLD.svg-content > div > svg #selected-dot {
  animation: grow-circle 1500ms linear infinite alternate;
}
@keyframes grow-circle {
  from {
    r: 5px;
  }
  to {
    r: 10px;
  }
}
.__CBEMA_OLD.table-content {
  width: 100%;
  height: 100%;
}
.__CBEMA_OLD.table-content > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.__CBEMA_OLD.table-content > div > table {
  width: 100%;
}
.__CBEMA_OLD.table-content > div > table > thead > tr > th {
  width: 50%;
  text-align: left;
  font-size: larger;
}
.__CBEMA_OLD.table-content > div > table > tbody > tr > td {
  padding: 4px;
}
.__CBEMA_OLD.table-content > div > table > tbody > tr > td > .Input {
  width: 85%;
  padding: 4px;
  margin: 0 10px 0 10px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .CBEMA.Window > .ContentArea > div {
    flex-direction: column;
  }
  .CBEMA.table-content > div {
    flex-direction: row;
  }
}
@media screen and (min-width: 600px) {
  .CBEMA.Window > .ContentArea > div {
    flex-direction: row;
  }
  .CBEMA.table-content > div {
    flex-direction: column;
  }
}
@media screen and (min-height: 600px) {
  .table-content > div > table > tbody > tr > td > .Input {
    height: 2.5em;
  }
}
@media screen and (min-width: 601px) and (min-height: 600px) {
  .table-content > div > table > tbody > tr > td > .Input {
    font-size: larger;
  }
  .errors > div > p {
    font-size: larger;
  }
}
@media screen and (min-height: 800px) {
  .table-content > div > table > tbody > tr > td > .Input {
    height: 3em;
    font-size: larger;
  }
  .errors > div > p {
    font-size: larger;
  }
}
@media screen and (min-height: 1000px) {
  .table-content > div > table > tbody > tr > td > .Input {
    height: 3.5em;
    font-size: larger;
  }
  .errors > div > p {
    font-size: larger;
  }
}
@media screen and (min-height: 1200px) {
  .table-content > div > table > tbody > tr > td > .Input {
    height: 4em;
    font-size: large;
  }
  .errors > div > p {
    font-size: large;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
}
.Table.fast {
  table-layout: fixed;
}
.Table th,
.Table td {
  font-size: 1em;
  text-align: left;
}
.Table th.left,
.Table td.left {
  text-align: left;
}
.Table th.center,
.Table td.center {
  text-align: center;
}
.Table th.right,
.Table td.right {
  text-align: right;
}
.Table th.w20,
.Table td.w20 {
  width: 20%;
}
.Table th.w25,
.Table td.w25 {
  width: 25%;
}
.Table th.w33,
.Table td.w33 {
  width: 33.33333%;
}
.Table th.w50,
.Table td.w50 {
  width: 50%;
}
.Table th.w66,
.Table td.w66 {
  width: 66.66666%;
}
.Table th.w75,
.Table td.w75 {
  width: 75%;
}
.Table th.dashempty:empty::before,
.Table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.Table th {
  font-weight: 600;
  padding: 4px 8px;
}
.Table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.Table td {
  font-weight: 400;
  padding: 8px;
}
.Table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.Table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.Table > tbody.stripe > tr:nth-child(odd) > th,
.Table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.Table > tbody.cstripe > th:nth-child(odd),
.Table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.Table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.Table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.Table td > table.info td:first-child,
.Table td > table.info th:first-child {
  padding-left: 0;
}
.Table td > table.info td:last-child,
.Table td > table.info th:last-child {
  padding-right: 0;
}
.Table thead > tr > th {
  font-size: 1em;
  font-weight: 300;
}
.Table thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.Table tbody.stripe > tr:nth-child(odd) > th,
.Table tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.Table tbody.cstripe > th:nth-child(odd),
.Table tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.Table tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.Table tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.Table > div.outer > div.inner {
  display: inline-table;
}
.Table .TableSection.innerTable {
  display: contents;
}
.Table:not(.compact) th,
.Table:not(.compact) td {
  padding: 2px 8px;
}
.Table:not(.compact) thead > tr > th {
  padding-top: 16px !important;
}
.Table.compact {
  width: unset;
}
.Table.compact thead th {
  padding: 0px 2px;
}
.Table.compact tbody th,
.Table.compact tbody td {
  padding: 2px 8px;
}
.Table.headerBorder thead > tr > th {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.CBEMA_ToolBar .Button.buffer {
  visibility: hidden;
}
.CBEMA.Window > .ContentArea > div {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.CBEMA .graphViewer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.CBEMA .graphViewer svg.CBEMA {
  overflow: visible;
}
.CBEMA .graphViewer svg.CBEMA .svg-background {
  fill: #bfbfbf;
}
.CBEMA .graphViewer svg.CBEMA .event.ch1 {
  fill: #0f0;
}
.CBEMA .graphViewer svg.CBEMA .event.ch2 {
  fill: #080;
}
.CBEMA .graphViewer svg.CBEMA .event.ch3 {
  fill: #f90;
}
.CBEMA .graphViewer svg.CBEMA .event.ch4 {
  fill: #808;
}
.CBEMA .graphViewer svg.CBEMA .event.highlight.Circle {
  animation: grow-shrink-circle-5px-10px 1500ms linear infinite alternate;
  stroke: red;
  fill: red;
}
@keyframes grow-shrink-circle-5px-10px {
  from {
    r: 5px;
  }
  to {
    r: 10px;
  }
}
.CBEMA .graphViewer svg.CBEMA .event.highlight.Polygon {
  stroke: red;
  fill: red;
}
.CBEMA .graphViewer svg.CBEMA .event.no-highlight {
  opacity: 0.5;
}
.CBEMA .graphViewer svg.CBEMA .tick.Line {
  stroke: #000000;
  stroke-width: 2;
}
.CBEMA .graphViewer svg.CBEMA .tick.Line.minor {
  stroke: rgba(0, 0, 0, 0.8);
  stroke-width: 1;
}
.CBEMA .graphViewer svg.CBEMA .tick.Line.grid {
  stroke: rgba(0, 0, 0, 0.4);
  stroke-width: 1;
}
.CBEMA .graphViewer svg.CBEMA .tick.Text {
  fill: white;
  font-size: larger;
  font-weight: 100;
}
.CBEMA .graphViewer svg.CBEMA .tick.Text.minor {
  fill: #ccc;
}
.CBEMA .graphViewer svg.CBEMA .ITIC {
  stroke-width: 3;
  stroke: #008;
}
.CBEMA .graphViewer svg.CBEMA .ITIC.error {
  stroke: #900;
}
.CBEMA .graphViewer svg.CBEMA .crosshair {
  stroke-width: 5;
}
.CBEMA .graphViewer svg.CBEMA .selected {
  font-size: xx-large;
}
.CBEMA .graphViewer svg.CBEMA .setting.highlight {
  animation: grow-shrink-circle-5px-10px 1500ms linear infinite alternate;
  stroke: #ff0000;
  fill: #00ff00;
  z-index: 5;
}
@keyframes grow-shrink-circle-5px-10px {
  from {
    r: 5px;
  }
  to {
    r: 10px;
  }
}
.CBEMA .tableViewer > div .error {
  background-color: #f00 !important;
}
.CBEMA .tableViewer > div .highlight {
  background-color: #0082ca;
}
.CBEMA .tableViewer > div .extra {
  margin-bottom: 20px;
}
.CBEMA .tableViewer > div .Table {
  max-width: unset;
  /* Settings Table */
  /* Events Table */
}
.CBEMA .tableViewer > div .Table > .outer {
  width: 100%;
  min-width: 300px;
  display: flex;
  justify-content: center;
}
.CBEMA .tableViewer > div .Table > .outer > .inner {
  width: 100%;
  min-width: 200px;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.entry > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.entry > .Input {
  width: 100%;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > th.left,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > th.left,
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.left,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.left {
  text-align: left;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > th.left > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > th.left > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.left > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.left > .Input {
  text-align: left;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > th.center,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > th.center,
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.center,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.center {
  text-align: center;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > th.center > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > th.center > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.center > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.center > .Input {
  text-align: center;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > th.right,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > th.right,
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.right,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.right {
  text-align: right;
}
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > th.right > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > th.right > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > thead > tr > td.right > .Input,
.CBEMA .tableViewer > div .Table > .outer > .inner > tbody > tr > td.right > .Input {
  text-align: right;
}
.CBEMA .tableViewer > div .Table.settings {
  /* Un-Rotated Table Viewer */
  /* Rotated Table Viewer */
  /* View Mode */
}
.CBEMA .tableViewer > div .Table.settings.view > .outer > .inner > .low > .outer > .inner > tbody > tr.settings-row:hover:not(.highlight),
.CBEMA .tableViewer > div .Table.settings.view > .outer > .inner > .high > .outer > .inner > tbody > tr.settings-row:hover:not(.highlight),
.CBEMA .tableViewer > div .Table.settings.view > .outer > .inner > .low > .outer > .inner > tbody > tr.settings-row:active:not(.highlight),
.CBEMA .tableViewer > div .Table.settings.view > .outer > .inner > .high > .outer > .inner > tbody > tr.settings-row:active:not(.highlight) {
  background-color: #646969;
}
.CBEMA .tableViewer > div .Table.events > .outer > .inner > tbody > tr.event-row:hover:not(.highlight),
.CBEMA .tableViewer > div .Table.events > .outer > .inner > tbody > tr.event-row:active:not(.highlight) {
  background-color: #646969;
}
.CBEMA.compact-height .graphViewer {
  height: 95%;
}
.CBEMA.compact-height .tableViewer {
  height: 95%;
}
.CBEMA.compact-height .tableViewer > div {
  height: 100%;
}
.CBEMA.compact-height.slim .graphViewer {
  height: 100%;
}
.CBEMA.compact-height.slim .tableViewer {
  height: 100%;
}
.CBEMA:not(.compact-height) .graphViewer {
  height: 80%;
}
.CBEMA:not(.compact-height) .tableViewer {
  height: 80%;
}
.CBEMA:not(.compact-height) .tableViewer > div {
  height: 100%;
}
.CBEMA.compact-width .graphViewer {
  width: 100%;
}
.CBEMA.compact-width .tableViewer {
  width: 100%;
}
.CBEMA.compact-width .tableViewer > div {
  /** Settings **/
}
.CBEMA.compact-width .tableViewer > div .settings {
  /** Thinner Input **/
}
.CBEMA:not(.compact-width).landscape .graphViewer {
  width: 50%;
}
.CBEMA:not(.compact-width).landscape .tableViewer {
  width: 50%;
}
.CBEMA:not(.compact-width).landscape .tableViewer > div .settings.high {
  border-right: 1px solid #676767;
}
.CBEMA:not(.compact-width).landscape .tableViewer > div .settings .high > .outer,
.CBEMA:not(.compact-width).landscape .tableViewer > div .settings .low > .outer {
  min-width: 200px;
}
.CBEMA:not(.compact-width).portrait .graphViewer {
  height: 50%;
}
.CBEMA:not(.compact-width).portrait .tableViewer {
  height: 50%;
}
.CBEMA:not(.compact-width).portrait .tableViewer > div .settings.high {
  border-right: 1px solid #676767;
}
.CBEMA:not(.compact-width).portrait .tableViewer > div .settings .high > .outer,
.CBEMA:not(.compact-width).portrait .tableViewer > div .settings .low > .outer {
  min-width: 200px;
}
.CBEMA.slim .graphViewer {
  width: 100% !important;
  height: 100% !important;
}
.CBEMA.slim .graphViewer svg.CBEMA .event.highlight.Circle {
  animation: grow-shrink-circle-10px-15px 1500ms linear infinite alternate;
}
@keyframes grow-shrink-circle-10px-15px {
  from {
    r: 10px;
  }
  to {
    r: 15px;
  }
}
.CBEMA.slim .graphViewer svg.CBEMA .setting.highlight {
  animation: grow-shrink-circle-5px-10px 1500ms linear infinite alternate;
}
@keyframes grow-shrink-circle-5px-10px {
  from {
    r: 5px;
  }
  to {
    r: 10px;
  }
}
.CBEMA.slim .tableViewer {
  width: 100% !important;
  height: 100% !important;
}
.CBEMA:not(.locked-aspect).slim:not(.forced-slim) .graphViewer {
  justify-content: flex-end;
  padding-right: 10px;
}
.CBEMA.portrait.Window > .ContentArea > div {
  flex-direction: column;
}
.CBEMA.portrait .graphViewer {
  padding-left: 15px;
}
.CBEMA.landscape.Window > .ContentArea > div {
  flex-direction: row;
  align-items: center;
}
.PasswordStrength {
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  height: 2px;
  width: 100%;
  margin: 0 0 8px 0;
  border-radius: 2px;
}
.PasswordStrength > b {
  display: block;
  height: 2px;
  width: 0;
  border-radius: 2px;
  pointer-events: none;
  transition: background-color 500ms ease-in-out, width 500ms ease-in-out;
}
.ChangePassword > .ContentArea {
  padding: 10% 15%;
}
.ChangePassword > .ContentArea > div {
  display: grid;
  grid-template-rows: auto 48px;
  width: 100%;
  height: auto;
}
.ChangePassword > .ContentArea > div form {
  padding: 5px 20px;
}
.ChangePassword > .ContentArea > div form input,
.ChangePassword > .ContentArea > div form button {
  width: 100%;
}
.ChangePassword > .ContentArea > div form .Icon {
  margin-right: 28px;
}
.ContactFinderEmail {
  display: grid;
  cursor: pointer;
}
.ContactFinderEmail * {
  cursor: pointer;
}
.ContactFinderEmail .Icon {
  color: #323535;
}
.ContactFinderEmail > .FinderListCell.title,
.ContactFinderEmail > .FinderListCell.email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContactFinderPhone {
  display: grid;
  cursor: pointer;
}
.ContactFinderPhone * {
  cursor: pointer;
}
.ContactFinderPhone .Icon {
  color: #323535;
}
.ContactFinderPhone > .FinderListCell.title,
.ContactFinderPhone > .FinderListCell.number {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContactFinderAddEmail {
  display: grid;
  cursor: pointer;
}
.ContactFinderAddEmail * {
  cursor: pointer;
}
.ContactFinderAddEmail .Icon {
  color: #323535;
}
.ContactFinderAddEmail > .FinderListCell.title,
.ContactFinderAddEmail > .FinderListCell.email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContactFinderAddPhone {
  display: grid;
  cursor: pointer;
}
.ContactFinderAddPhone * {
  cursor: pointer;
}
.ContactFinderAddPhone .Icon {
  color: #323535;
}
.ContactFinderAddPhone > .FinderListCell.title,
.ContactFinderAddPhone > .FinderListCell.email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ContactFinder {
  grid-template-rows: 3em 3em auto 4em;
}
.ContactFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.ContactFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.ContactFinder > .ContentArea.email .FinderListHeader,
.ContactFinder > .ContentArea.email .ContactFinderEmail,
.ContactFinder > .ContentArea.email .ContactFinderAddEmail {
  grid-template-columns: 2.5em 3fr 5fr 2.5em 2.5em 2.5em;
}
.ContactFinder > .ContentArea.phone .FinderListHeader,
.ContactFinder > .ContentArea.phone .ContactFinderPhone,
.ContactFinder > .ContentArea.phone .ContactFinderAddPhone {
  grid-template-columns: 2.5em 3fr 5fr 2.5em 2.5em 2.5em 2.5em;
}
.ContactFinder > .ContentArea + .ToolBar {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 4px;
  padding: 0 4px;
}
.ContactFinder > .ContentArea + .ToolBar > .Button {
  width: auto;
  height: auto;
  padding: 10px;
}
/**
 * NOTE: Parent component must be position: relative, static, or absolute
 */
.ContextMenu {
  background-color: #1e2020;
  display: none;
  position: absolute;
  top: calc(100% - 0.3em);
  z-index: 3;
}
.ContextMenu.above {
  top: auto;
  bottom: 100%;
}
.ContextMenu.top {
  top: 0px;
}
.ContextMenu.right {
  right: 0px;
}
.ContextMenu.bottom {
  bottom: 0px;
}
.ContextMenu.left {
  left: 0px;
}
.ContextMenu.visible {
  display: initial;
}
.ContextMenu > .ListItem {
  padding: 12px !important;
}
.DatasetBusy {
  fill: #222;
}
.DatasetBusy > symbol > path {
  transform-origin: 50%;
  animation: spin-0-360 500ms linear infinite;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.DatasetBusy > rect {
  fill: rgba(255, 255, 255, 0.95);
  stroke: #cacaca;
  stroke-width: 1px;
}
.DatasetBusy > text {
  fill: #444;
}
.DatasetError {
  fill: #222;
}
.DatasetError > symbol#warning > path {
  fill: #ff6600;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.DatasetError > rect {
  fill: rgba(255, 255, 255, 0.95);
  stroke: #cacaca;
  stroke-width: 1px;
}
.DatasetError > use {
  pointer-events: none;
}
.DatasetError > rect.btn {
  pointer-events: all;
  fill: none;
  stroke: none;
  cursor: pointer;
}
.DatasetError > rect.btn:hover + use {
  fill: #000000;
}
.DatasetError > text {
  fill: #444;
}
.DailyProfileYAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.DailyProfileYAxis > g.labels > text {
  fill: #222;
  dominant-baseline: middle;
}
.DailyProfileYAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.DailyProfileYAxis > g.other > text {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.DailyProfileYAxis > g.labels > text {
  text-anchor: end;
}
.DailyProfileXAxis > g.ticks > line {
  stroke: #cacaca;
  stroke-width: 1px;
}
.DailyProfileXAxis > g.labels > text {
  dominant-baseline: hanging;
  fill: #222;
  text-anchor: middle;
}
.DailyProfileXAxis > g.other > line {
  stroke: #cacaca;
  stroke-width: 1px;
}
.DailyProfileXAxis > g.other > text.ts {
  fill: #222;
}
.DailyProfileXAxis > g.other > text.ts.start {
  text-anchor: start;
}
.DailyProfileXAxis > g.other > text.ts.end {
  text-anchor: end;
}
.DailyProfileDataset > path.deviations {
  stroke: rgba(0, 0, 0, 0.25);
  stroke-width: 4px;
  stroke-linecap: round;
}
.PlotCursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.PlotCursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.PlotCursor > text {
  dominant-baseline: central;
  fill: #fff;
  pointer-events: none;
  text-anchor: middle;
}
.PlotCursor.fixed > line {
  stroke: #1e2020;
}
.PlotCursor.fixed > rect.label-back {
  fill: #1e2020;
}
.PlotSelect > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.PlotSelect > rect {
  fill: rgba(0, 163, 253, 0.5);
  pointer-events: none;
}
.DailyProfileToolArrow > rect.capture {
  pointer-events: all;
  cursor: arrow;
  fill: rgba(0, 0, 0, 0);
  touch-action: pan-x !important;
}
.DailyProfileToolArrow > g.cursor {
  pointer-events: none;
}
.DailyProfileToolArrow > g.cursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.DailyProfileToolArrow > g.cursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.DailyProfileToolArrow > g.cursor > text {
  dominant-baseline: central;
  fill: #fff;
  font-size: 0.8em;
  pointer-events: none;
  text-anchor: middle;
}
.DailyProfileToolArrow > g.cursor.fixed > line {
  stroke: #1e2020;
}
.DailyProfileToolArrow > g.cursor.fixed > rect.label-back {
  fill: #1e2020;
}
.DailyProfileToolArrow > g.select > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.DailyProfileToolArrow > g.select > rect {
  fill: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.PlotLegend {
  pointer-events: none;
}
.PlotLegend > div {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 2px;
  border: 1px solid #cacaca;
  display: inline-flex;
  flex-direction: row;
  font-size: 0.8em;
  margin: 8px;
  padding: 3px;
  white-space: nowrap;
}
.PlotLegend > div > table {
  border-collapse: separate;
  border-spacing: 0.5em;
}
.PlotLegend > div > table > tbody > tr > th {
  line-height: 0.8em;
  text-align: left;
  text-transform: uppercase;
}
.PlotLegend > div > table > tbody > tr > th > .swatch {
  display: inline-block;
  border-radius: 2px;
  width: 0.8em;
  height: 0.8em;
}
.PlotLegend > div > table > tbody > tr > td {
  min-width: 20px;
  text-align: right;
  line-height: 0.8em;
}
.PlotLegend.high-contrast > div {
  background-color: rgba(0, 0, 0, 0.95);
  color: #f0f2f4;
}
.PlotLegend.follow {
  text-align: initial !important;
}
.PlotGrid > path {
  fill: none;
  stroke: #dfdfdf;
  stroke-width: 1px;
}
.DailyProfileTable table {
  table-layout: fixed;
  border: 2px solid black;
  width: 100%;
  font-size: 0.7em;
  padding: 1px;
}
.DailyProfileTable tbody tr:nth-child(even) {
  background: #e7eaee;
}
.DailyProfileTable .TableHeaderColor {
  width: 5%;
}
.DailyProfileTable .TableHeaderDevice {
  width: 20%;
}
.DailyProfileTable .TableHeaderMeasure {
  width: 20%;
}
.DailyProfileTable .TableHeaderValue {
  width: 25%;
}
.DailyProfileTable .TableHeaderTime {
  width: 30%;
}
.DailyProfileTable .TableColor {
  width: 0.6em;
  height: 0.6em;
  margin: auto;
  display: inline-block;
}
.DailyProfileTable th,
.DailyProfileTable td,
.DailyProfileTable tr {
  padding: 2px;
  text-align: center;
  overflow: hidden;
}
.DailyProfilePlot {
  user-select: none;
}
.DailyProfilePlot > * {
  user-select: none;
}
.DailyProfilePlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.DailyProfilePlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.DailyProfilePlot > text.label.nominal {
  text-anchor: start;
}
.DailyProfilePlot > line {
  stroke: #e0e0e0;
}
.DailyProfilePlot > foreignObject {
  overflow: auto;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.StickyAxis {
  position: absolute;
  height: auto;
  bottom: 0px;
  margin-bottom: 3em;
}
.StickyAxis > g.ruler > line.edge {
  stroke: #cacaca;
  stroke-width: 1px;
}
.StickyAxis > g.ruler > line.side {
  stroke: #cacaca;
  stroke-width: 1px;
}
.StickyAxis > g.ruler > rect {
  fill: #f0f2f4;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.StartEnd > section {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.StartEnd > section.left-align {
  display: flex;
  justify-content: flex-start;
  column-gap: 4em;
}
.StartEnd > section > span {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.StartEnd.vertical > .ButtonBar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: auto;
  padding: 0;
}
.StartEnd.vertical > .ButtonBar > .Button {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
  border: 1px solid rgba(181, 191, 201, 0.2);
  padding: 10px 20px;
  width: auto;
}
.StartEnd.vertical > .ButtonBar > .Button:hover {
  background-color: #191b1b;
}
.StartEnd.vertical > .ButtonBar > .Button:active,
.StartEnd.vertical > .ButtonBar > .Button.active {
  background-color: #0d0e0e;
}
.StartEnd.vertical > .ButtonBar > .Button[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.StartEnd.vertical > section {
  flex-direction: column;
}
.StartEnd .DateTime {
  width: auto;
}
.GraphStartEnd {
  width: 100%;
  max-width: 300px;
  padding: 10px 10px 0 10px;
}
.GraphStartEnd > .ToolBar {
  padding: 10px 0;
}
.GraphStartEnd > .ToolBar > .Button {
  padding: 10px;
  width: auto;
  height: auto;
}
.RecordingGraphMenu > button {
  border-radius: 4px;
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.RecordingGraphMenu > button > .Icon {
  transition: transform 0.1s ease-in-out;
}
.RecordingGraphMenu > button.above {
  border-radius: 0;
}
.RecordingGraphMenu > button.active,
.RecordingGraphMenu > button.active:hover {
  background-color: #1e2020;
}
.RecordingGraphMenu > button.rotate {
  background-color: #1e2020;
}
.RecordingGraphMenu > button.rotate > .Icon {
  transform: rotate(45deg);
}
.DeviceGraphMenu {
  position: relative;
}
.DeviceGraphMenu > button {
  border-radius: 4px;
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.DeviceGraphMenu > button > .Icon {
  transition: transform 0.1s ease-in-out;
}
.DeviceGraphMenu > button.above {
  border-radius: 0;
}
.DeviceGraphMenu > button.active,
.DeviceGraphMenu > button.active:hover {
  background-color: #1e2020;
}
.DeviceGraphMenu > button.rotate {
  background-color: #1e2020;
}
.DeviceGraphMenu > button.rotate > .Icon {
  transform: rotate(45deg);
}
.IntervalGraph_ToolMenu {
  position: relative;
}
.IntervalGraph_ToolMenu > button {
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.IntervalGraph_ToolMenu > .ContextMenu {
  left: 0;
}
.GraphDeviceItem {
  color: #f0f2f4;
  grid-template-columns: 2.5em 100px 1fr;
  display: grid;
}
.GraphDeviceItem .FinderListCell .Icon :hover {
  cursor: pointer !important;
}
.GraphDeviceSelector {
  background-color: #323535;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 60px 1fr 60px;
}
.GraphDeviceSelector > header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
}
.GraphDeviceSelector > header > h1 {
  color: #f0f2f4;
  font-weight: 100;
  font-size: 1.4em;
  width: 100%;
}
.GraphDeviceSelector > header > h1 > em {
  float: right;
  font-size: 0.8em;
}
.GraphDeviceSelector .DeviceList {
  overflow: auto;
}
.GraphDeviceSelector .DeviceList > pre {
  color: #f0f2f4;
}
.GraphDeviceSelector .DeviceList .GraphDeviceItem {
  margin: 0;
  padding: 5px;
}
.GraphDeviceSelector .DeviceList .GraphDeviceItem:hover {
  background: #1e2020;
}
.GraphDeviceSelector > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.GraphDeviceSelector > footer > .Button {
  padding: 10px 20px;
}
.GraphDeviceSelector > footer > .Button:first-child {
  margin-right: 10px;
}
.DailyProfileAnnotateSidebar {
  background-color: #646969;
  color: #f0f2f4;
  overflow-y: scroll;
}
.DailyProfileAnnotateSidebar fieldset {
  display: grid;
}
.DailyProfileAnnotateSidebar .AttributeOptions {
  display: grid;
}
.DailyProfileAnnotateSidebar Button {
  margin: auto;
  height: 3em;
  margin-bottom: 10px;
  padding-right: 12px;
}
.DailyProfileAnnotateSidebar Select,
.DailyProfileAnnotateSidebar Input {
  width: 100%;
  height: 3em;
  padding-top: 0;
  padding-bottom: 0;
}
.DailyProfileAnnotateSidebar .AnnotationListItemEdit:hover,
.DailyProfileAnnotateSidebar .AnnotationListItemEdit > :hover {
  background-color: #505454;
}
.DailyProfileAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent {
  height: 3em;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
  grid-template-columns: 2.5em 1fr 2.5em 2.5em;
  align-items: center;
  column-gap: 5px;
}
.DailyProfileAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent div {
  overflow: hidden;
}
.DailyProfileAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent:hover,
.DailyProfileAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent > :hover {
  cursor: pointer;
}
.DailyProfileAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent Button {
  margin: 0;
}
.DailyProfileAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditExpanded {
  height: 3em;
  padding-left: 9px;
  padding-right: 4px;
  margin-left: 2.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 5px;
}
.DailyProfileAnnotate {
  display: grid;
  grid-template-columns: 7fr 3fr;
}
.ButtonMenuWrapper {
  position: relative;
}
.ButtonMenuWrapper .Button {
  height: 2.5em;
}
.ButtonMenuWrapper .ButtonMenu {
  background-color: #323535;
  display: none;
  position: absolute;
  top: auto;
  bottom: 110%;
  z-index: 3;
}
.ButtonMenuWrapper .ButtonMenu .ButtonMenuLine {
  display: flex;
}
.ButtonMenuWrapper .ButtonMenu.Visible {
  display: initial;
}
.GraphTemplateSidebar {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  z-index: 50;
}
.GraphTemplateSidebar .Button {
  padding: 0;
  margin: auto;
  min-width: 0;
  background-color: rgba(240, 242, 244, 0.5);
}
.GraphTemplateSidebar .Button .Icon {
  color: #0082ca;
  font-size: 2.5em;
}
.GraphTemplateSidebar fieldset {
  margin-top: 10px;
}
.GraphTemplateSidebar fieldset legend {
  color: #f0f2f4;
  font-size: 1.2em;
}
.GraphTemplateSidebar.expanded {
  background-color: #323535;
  height: 100%;
  min-width: 230px;
  padding: 7px;
  animation: sidebarSlideIn 250ms linear;
}
@keyframes sidebarSlideIn {
  0% {
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  10% {
    left: -90%;
  }
  20% {
    left: -80%;
  }
  30% {
    left: -70%;
  }
  40% {
    left: -60%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -40%;
  }
  70% {
    left: -30%;
  }
  80% {
    left: -20%;
  }
  90% {
    left: -10%;
  }
  100% {
    left: 0%;
  }
}
.GraphTemplateSidebar.collapsed {
  top: 0;
}
.GraphTemplateSidebar.animate {
  animation: sidebarSlideOut 250ms linear;
}
@keyframes sidebarSlideOut {
  0% {
    left: 0%;
  }
  10% {
    left: -10%;
  }
  20% {
    left: -20%;
  }
  30% {
    left: -30%;
  }
  40% {
    left: -40%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -60%;
  }
  70% {
    left: -70%;
  }
  80% {
    left: -80%;
  }
  90% {
    left: -90%;
  }
  100% {
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
}
.IntervalGraph_DeltaWyeMenu {
  position: relative;
}
.IntervalGraph_DeltaWyeMenu > button {
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.IntervalGraph_DeltaWyeMenu > .ContextMenu {
  left: 0;
}
.DailyProfileGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.DailyProfileGraph > .ContentArea > div > svg {
  user-select: none;
}
.DailyProfileGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.DailyProfileGraph .HeaderMessage {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  color: #666;
}
.DailyProfileGraph > .ToolBar {
  position: relative;
}
.DailyProfileGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.DailyProfileGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.DailyProfileGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.DailyProfileGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.DailyProfileGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.DailyProfileGraph > .ToolBar .Button.add.active,
.DailyProfileGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.DailyProfileGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.DailyProfileGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.DailyProfileGraph > .ToolBar > .Button.toggle {
  padding: 8px;
  justify-content: center;
}
.Device_BasicView_RelayButton .Icon .icon-spinner5 {
  transform-origin: 0.5em 0.5em !important;
  width: auto;
  height: auto;
  animation: spin-0-360 500ms linear infinite;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Device_BasicView_PasswordPrompt {
  background-color: #323535;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.Device_BasicView_PasswordPrompt > header > h1 {
  font-weight: 100;
  text-align: center;
}
.Device_BasicView_PasswordPrompt > section {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.Device_BasicView_PasswordPrompt > section > aside {
  display: flex;
  flex-direction: column;
}
.Device_BasicView_PasswordPrompt > section > aside > .Input {
  font-size: 2em;
  width: 5em;
}
.Device_BasicView_PasswordPrompt > section > aside > div {
  display: flex;
  height: auto;
  margin-top: 8px;
  justify-content: space-between;
}
.Device_BasicView {
  display: grid;
  grid-template-rows: 1fr 48px;
  height: 100%;
}
.Device_BasicView > .ContentArea > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.Device_BasicView > .ContentArea > div > .Button {
  max-width: 600px;
  height: 5em;
  font-size: calc(1em + 3vmin);
  margin: 8px 0;
  width: calc(100% - 8px);
  padding: 1em 0.5em;
  flex-wrap: wrap;
}
.Device_BasicView > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
}
@media screen and (max-width: 600px) {
  .Device_BasicView > .ContentArea > div > .Button {
    max-width: auto;
  }
}
@media screen and (max-height: 600px) {
  .Device_BasicView > .ContentArea > div {
    flex-direction: row;
  }
  .Device_BasicView > .ContentArea > div > .Button {
    flex-direction: column;
    margin: 8px;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Tile {
  display: grid;
  grid-template-columns: 30% 70%;
  background-color: #1e2020;
  border-radius: 8px;
  align-items: center;
  padding: 10px;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
}
.Tile,
.Tile > * {
  cursor: pointer;
}
.Tile:hover {
  border: 1px #0082ca solid;
  padding: 9px;
}
.Tile .TileImage {
  display: flex;
  justify-content: center;
}
.Tile .TileImage .Icon {
  font-size: 2.4em;
}
.Tile .TileText {
  text-align: center;
  font-size: 1.6em;
  line-height: 1.2em;
}
.Tile.Disabled {
  opacity: 0.3333;
}
.Tile.Disabled,
.Tile.Disabled > *,
.Tile.Disabled > * > * {
  cursor: not-allowed;
}
.Tile.Disabled:hover {
  border: none;
  padding: 10px;
}
.Tile.Disabled.Animate {
  animation: fadeIn-333 900ms linear;
}
@keyframes fadeIn-333 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  10% {
    opacity: 0.03333;
  }
  20% {
    opacity: 0.06666;
  }
  30% {
    opacity: 0.09999;
  }
  40% {
    opacity: 0.13332;
  }
  50% {
    opacity: 0.16665;
  }
  60% {
    opacity: 0.19998;
  }
  70% {
    opacity: 0.23331;
  }
  80% {
    opacity: 0.26664;
  }
  90% {
    opacity: 0.29997;
  }
  100% {
    opacity: 0.3333;
  }
}
.Tile:not(.Disabled).Animate {
  animation: fadeIn-1000 900ms linear;
}
@keyframes fadeIn-1000 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  10% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.7;
  }
  80% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.Tile.Invisible {
  opacity: 0;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.quick_access_device_bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 6px 1em;
  margin: 10px auto auto;
  border-radius: 6px;
  min-height: 3em;
  max-width: 51em;
  background-color: #1e2020;
}
.QuickAccessDeviceDetailBar {
  margin: auto;
  padding-top: 20px;
  /* item directly under the DetailBarHeader gets some extra margin */
  /* TODO */
  /* Device's Active Recording */
  /* TODO */
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader > h1 {
  font-size: 2.2em;
  line-height: 1em;
  font-weight: 100;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .gps .Icon {
  font-size: 1.4em;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .gps .Icon .icon-satellite {
  color: #0e0;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .online,
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .offline {
  display: flex;
  gap: 5px;
  align-items: center;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .online > em,
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .offline > em {
  font-size: 1.2em;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .online > em {
  font-size: 1.2em;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .online .Icon {
  font-size: 0.8em;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .online .icon-filled-circle {
  color: #0e0;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .offline .Icon {
  font-size: 0.65em;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader .offline .icon-filled-circle {
  color: #f00;
}
.QuickAccessDeviceDetailBar > :nth-child(2) {
  margin-top: 20px !important;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 6px 1em;
  margin: 10px auto auto;
  border-radius: 6px;
  min-height: 3em;
  max-width: 51em;
  background-color: #1e2020;
  /* Recording Link */
  /* Recording Info */
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar > .recording-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar > .recording-link > .Icon.new {
  color: #ff6600;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar > .recording-link > .message {
  font-style: italic;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar > .recording-link > em.new {
  padding-left: 0.5em;
  font-weight: bold;
  color: #ff6600;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar > .recording-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar > .recording-info > .since {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #00cc00;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 6px 1em;
  margin: 10px auto auto;
  border-radius: 6px;
  min-height: 3em;
  max-width: 51em;
  background-color: #1e2020;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .relay {
  display: flex;
  align-content: flex-end;
  align-items: center;
  gap: 8px;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .relay .icon-spinner5 {
  animation: spin-0-360 500ms linear infinite;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .relay .Button {
  padding: 0;
  min-width: unset;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .relay.on .Icon {
  color: #0e0;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .relay.off .Icon {
  color: #f00;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert {
  display: grid;
  grid-template-columns: 1em 5em 7em 2.5em auto;
  gap: 5px;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > span {
  white-space: nowrap;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > img {
  height: 2em;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > .Icon {
  grid-column-start: 1;
  grid-column-end: 2;
  color: #ff6600;
  align-self: center;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > .title {
  grid-column-start: 2;
  grid-column-end: 3;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > .measure {
  grid-column-start: 3;
  grid-column-end: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > .channel {
  grid-column-start: 4;
  grid-column-end: 5;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts .alert > .timestamp {
  grid-column-start: 5;
  grid-column-end: 6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts > .more {
  color: #0082ca;
  align-self: center;
}
.QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar .alerts > .more:hover {
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 47.5em) {
  .QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar {
    max-width: 33em !important;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5em;
  }
  .QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar {
    max-width: 33em !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5em;
  }
}
@media screen and (max-width: 32em) {
  .QuickAccessDeviceDetailBar {
    font-size: 0.9em;
    width: 85%;
    /* NOTE: what is this stuff? */
  }
  .QuickAccessDeviceDetailBar > .QuickAccessDeviceDetailBarHeader > h1 {
    font-size: 2em;
  }
  .QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.AlertBar,
  .QuickAccessDeviceDetailBar > .QuickAccessDeviceBar.RecordingBar {
    gap: 0.3em;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent {
    grid-template-columns: 1fr 1fr;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent .QuickAccessDeviceDetailsContentTitle {
    grid-column-start: 1;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent .QuickAccessDeviceDetailsContentBody {
    grid-column-start: 2;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent .Status {
    grid-row-start: 1;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent .GPS {
    grid-row-start: 2;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent .Alerts {
    grid-row-start: 3;
  }
  .QuickAccessDeviceDetailBar .QuickAccessDeviceDetailsContent .Relay {
    grid-row-start: 4;
  }
}
.Device_QuickAccessView {
  height: 100%;
  overflow-y: auto;
  /* NOTE: I do not see this anywhere? */
}
.Device_QuickAccessView .Device_BasicView_PasswordPrompt {
  height: 100%;
}
.Device_QuickAccessView .QuickAccessHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
}
.Device_QuickAccessView .QuickAccessHeader .QuickAccessHeaderTitle {
  display: flex;
  font-size: 2.2em;
  line-height: 1em;
  font-weight: 100;
}
.Device_QuickAccessView .QuickAccessHeader .QuickAccessHeaderTitle .QuickAccessHeaderStatus {
  font-size: 0.85rem;
  display: flex;
}
.Device_QuickAccessView .QuickAccessHeader .QuickAccessHeaderTitle .QuickAccessHeaderStatus > span {
  display: flex;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
}
.Device_QuickAccessView .QuickAccessHeader .QuickAccessHeaderTitle .QuickAccessHeaderStatus .offline .Icon {
  color: #f00;
  margin-top: 5px;
}
.Device_QuickAccessView .QuickAccessHeader .QuickAccessHeaderTitle .QuickAccessHeaderStatus .online .Icon {
  color: #0e0;
  margin-top: 5px;
}
.Device_QuickAccessView > .QuickAccessGrid {
  display: grid;
  width: 100%;
  max-width: 56em;
  grid-template-columns: repeat(auto-fill, 15em);
  grid-auto-rows: 6em;
  justify-content: center;
  align-items: center;
  gap: 3em;
  margin: 2em auto;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (max-width: 32em) {
  .Device_QuickAccessView .QuickAccessHeader {
    font-size: 0.8em;
  }
  .Device_QuickAccessView > .QuickAccessGrid {
    grid-template-columns: 1fr;
    grid-auto-rows: 5em;
    padding-left: 2em;
    padding-right: 2em;
    gap: 1em;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.compactList > .ListItem {
  width: 100%;
}
.DeviceSelector > .ListItem {
  height: 3em;
  min-height: unset;
  width: 350px;
  min-width: unset;
  padding: 0 8px;
}
.DeviceSelector > .ListItem > .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  padding: 8px 0;
}
.DeviceSelector > .ListItem > .content > .label {
  font-size: 1.1em;
  margin-bottom: 4px;
}
.DeviceSelector > .ListItem > .content > .tags {
  width: 100%;
  height: calc(3em * 0.8);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  overflow: hidden;
}
.DeviceSelector > .ListItem > .content > .tags > .Tag {
  font-size: 0.8em;
}
.DeviceSelector.showTags > .ListItem {
  height: 5.5em;
}
.DeviceSelector.compact > .ListItem {
  width: 100%;
}
@media screen and (max-width: 570px) {
  .DeviceSelector > .ListItem {
    width: 100%;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateSelectorContainer {
  margin: 10px;
}
.GraphTemplateSelectorContainer > fieldset > legend {
  font-size: 1.4em;
}
.GraphTemplateSelectorContainer > fieldset > legend > .Icon {
  margin-right: 7px;
}
.GraphTemplateSelectorContainer .GraphTemplateSelector .ListItem.custom.last {
  border-bottom: 1px solid rgba(181, 191, 201, 0.2);
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceGraphWizard > .ContentArea > div > .Zone {
  padding: 16px;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector {
  /** TYPE SELECTOR **/
  /** TAG SELECTOR **/
  /** DEVICE SELECTOR **/
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector {
  flex-wrap: wrap;
  padding-bottom: 0;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > legend {
  display: flex;
  gap: 4px;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > legend > .Button {
  justify-content: center;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > .List {
  flex-wrap: wrap;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > .List > *:last-child {
  margin-bottom: 1em;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > .ListItem.selected,
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > .List > .ListItem.selected {
  background-color: #0082ca;
}
.DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector.Type .ListItem.type {
  height: 3em;
  min-height: unset;
  min-width: 150px;
  text-transform: capitalize;
}
.DeviceGraphWizard > .Zone.Action {
  padding-left: 8px;
  padding-right: 8px;
  gap: 8px;
}
.DeviceGraphWizard > .Zone.Action > .hidden {
  display: flex;
  flex-direction: row;
  gap: 8px;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 570px) {
  .DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector > .List > *,
  .DeviceGraphWizard > .ContentArea > div > .Zone.Selector > .Selector .ListItem {
    width: 100% !important;
  }
}
.EditableValue {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.EditableValue > input,
.EditableValue > textarea,
.EditableValue > select {
  background-color: #fff;
  color: #323535;
  width: 100%;
}
.EditableValue > input,
.EditableValue > textarea {
  cursor: text;
}
.EditableValue > input,
.EditableValue > span {
  flex-grow: 1;
}
.EditableValue > .value:empty::after {
  content: "\2014";
  opacity: 0.25;
}
.EditableValue > .value.empty {
  font-weight: 100;
}
.EditableValue > menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.EditableValue > menu > .Button {
  display: inline-block;
}
.Device_AdvancedView_Label > strong {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Label > .EditableValue {
  grid-column-start: 2;
  grid-column-end: 4;
}
.Device_AdvancedView_Customers > strong {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Customers > .EditableValue {
  grid-column-start: 2;
  grid-column-end: 4;
}
.Device_AdvancedView_Firmware {
  display: grid !important;
  grid-template-columns: 64px 1fr 64px;
  grid-column-end: 4;
}
.Device_AdvancedView_Firmware em {
  margin-left: 1em;
}
.Device_AdvancedView_Firmware .Icon {
  margin-right: 10px;
}
.Device_AdvancedView_Firmware .Icon .icon-spinner5 {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Device_AdvancedView_Firmware .Icon .icon-warning,
.Device_AdvancedView_Firmware .Icon .icon-arrow-bold-up {
  color: #ff6600;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.Device_AdvancedView_Firmware .Icon .icon-check {
  color: #af0;
}
.Device_AdvancedView_Firmware .ProgressBar {
  margin-top: 8px;
}
.Device_AdvancedView_Firmware menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.Device_AdvancedView_Firmware > .update > span > .Button {
  margin-left: 0.5em;
}
.Device_AdvancedView_Firmware > .about {
  grid-column-start: 1;
  grid-column-end: 4;
}
.Device_AdvancedView_Firmware > .about:empty {
  display: none;
}
.Device_AdvancedView_Firmware > .about .tip {
  padding: 8px;
}
.Device_AdvancedView_Firmware > .about .tip > strong {
  margin-right: 1em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_GPS {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_GPS > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_GPS > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_GPS > strong,
.Device_AdvancedView_GPS > strong + span,
.Device_AdvancedView_GPS > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_GPS > strong,
.Device_AdvancedView_GPS > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_GPS > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_GPS > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_GPS > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_GPS > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_GPS > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_GPS > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_GPS > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_GPS > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_GPS > section,
.Device_AdvancedView_GPS > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_GPS > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_GPS > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_GPS > strong,
.Device_AdvancedView_GPS > strong + span,
.Device_AdvancedView_GPS > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_GPS > strong,
.Device_AdvancedView_GPS > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_GPS > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_GPS > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_GPS > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_GPS > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_GPS > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_GPS > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_GPS > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_GPS > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_GPS > section,
.Device_AdvancedView_GPS > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_GPS .LocationButton {
  padding-left: 0;
}
.Device_AdvancedView_GPS .icon-check {
  color: #00EF01;
}
.Device_AdvancedView_GPS .icon-cross {
  color: red;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_TagEditor .Window > .ContentArea.has-nothing > div {
  height: 100%;
}
.Device_TagEditor .Window > .ContentArea > div {
  padding: 4px 8px;
}
.Device_TagEditor .Window > .ContentArea > div:has(> section.nothing) {
  height: 100%;
}
.Device_TagEditor .Window > .ContentArea > div > .Zone.Tag {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.Device_TagEditor .Window > .ContentArea > div > .Zone.Tag > legend {
  text-transform: capitalize;
}
.Device_TagEditor .Window > .ContentArea > div > section.Zone.Tag {
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-left: 2px;
  margin-right: 2px;
}
.Device_TagEditor .Window > .ContentArea > div > fieldset.Zone.Tag {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.Device_TagEditor .Window > .ContentArea > div > .Zone.Tag.Selected {
  min-height: 1.5em;
  margin-top: 16px;
  margin-bottom: 16px;
}
.Device_TagEditor .Window > .ContentArea > div > .Zone.Tag:not(.empty) + .Zone.Tag:not(.empty) {
  margin-bottom: 16px;
}
.Device_TagEditor .Window > .ContentArea > div > section.nothing {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.Device_TagEditor .Window > .ContentArea > .Zone.Action {
  padding-left: 4px;
  padding-right: 4px;
  gap: 6px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_TagList {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.Device_TagList > legend {
  text-transform: capitalize;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInfo > .ContentArea > div > .DeviceInfoContent {
  overflow-y: auto;
  max-height: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .DeviceInfoCalReports {
  grid-template-columns: 140px 1fr 6em !important;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .DeviceInfoCalReports > i {
  margin-top: 8px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .DeviceInfoCalReports > header > h1 {
  display: flex;
  align-items: end;
  column-gap: 12px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .DeviceInfoCalReports > .cal-report-actions {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > h1 {
  margin-top: 20px;
  font-weight: 100;
  font-size: 1.9em;
  margin-bottom: 24px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > header,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > header > h1,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > strong,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > strong,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > strong + span,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > strong + span,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > strong + span + .Button,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > strong + span + .Button {
  margin-top: 5px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > strong,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > strong,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > strong,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span:not(.no-empty):empty::after,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span > em.offline,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span > em.offline {
  opacity: 0.5;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span > em.offline::before,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span > em.online,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span > em.online {
  opacity: 1;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > span > em.online::before,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > .Button,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > section,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > section,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > form,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > .subzone > strong,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > .subzone > strong {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > .subzone > .EditableValue,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > .subzone > .EditableValue {
  grid-column-start: 2;
  grid-column-end: 4;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > section > .EditableValue > menu,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > section > .EditableValue > menu {
  width: unset;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone > section > .EditableValue > menu > .Button,
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Device_AdvancedView_GPS > section > .EditableValue > menu > .Button {
  height: 2em;
  width: 2em;
  min-width: unset;
  padding: inherit;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone.Tag > div.area {
  grid-column-start: 1;
  grid-column-end: 3;
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
}
.DeviceInfo > .ContentArea > div > .DeviceInfoContent > .Zone.Tag > .Button {
  height: 2em;
  margin-top: 4px;
}
.DeviceMapMarker {
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-top: -12px;
}
/* Tooltip container */
.DeviceMapMarkerToolTip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.DeviceMapMarkerToolTipText {
  visibility: hidden;
  background-color: #f7f2f2;
  color: black;
  width: 120px;
  padding: 5px ;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 1px solid #a1a1a1;
}
.DeviceMapMarkerToolTipText::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #a1a1a1 transparent;
}
.Visible {
  visibility: visible;
}
.DeviceMapMarkerToolTipText p {
  margin: 0px;
}
.DeviceLocation > .ContentArea form > .input-half {
  display: inline-block;
  width: 48%;
}
.DeviceLocation > .ContentArea form > .input-fourth {
  display: inline-block;
  width: 22%;
  margin-left: 4%;
}
.DeviceLocation > .ContentArea form > .input-half + .input-half {
  margin-left: 4%;
}
.DeviceLocation > .ContentArea form input,
.DeviceLocation > .ContentArea form button {
  width: 100%;
}
.DeviceLocation > .ContentArea .map-form {
  display: grid;
  grid-template-rows: 120px auto;
  height: 100%;
  margin: 10px 15px;
}
.DeviceLocation > .ContentArea .map-form > form {
  grid-row-start: 1;
  grid-row-end: 2;
}
.DeviceLocation > .ContentArea .map-form > .map-container {
  grid-row-start: 2;
  grid-row-end: 3;
  border-radius: 4px;
  overflow: hidden;
  height: calc(100% - 15px);
}
.DeviceLocation > .ContentArea .address-form > form {
  padding: 0 15px;
}
.DeviceLocation > .ContentArea .address-form > form > h1 {
  font-weight: 100;
  font-size: 16px;
}
.DeviceMap > .ContentArea {
  background-color: #f0f2f4;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceRecordings .DeviceRecordingsContent {
  height: 100%;
  overflow-y: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.DeviceRecordings .DeviceRecordingsContent > header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin-bottom: 8;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.header > h1 {
  margin-top: 20px;
  font-weight: 100;
  font-size: 1.9em;
  margin-bottom: 24px;
  line-height: 1.2em;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.header > .Button.enabled > .Icon {
  color: #00a3fd;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.header > .Button > .Icon {
  font-size: 1.5em;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.footer {
  display: flex;
  flex-direction: column;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.footer > span {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.DeviceRecordings .DeviceRecordingsContent > header > span.footer > span:last-child {
  margin-bottom: 12px;
}
.DeviceRecordings .DeviceRecordingsContent > .List > .ListItem.new > .Icon {
  color: #00a3fd;
}
.Device_AdvancedView_ScaleFactors {
  clear: both;
  max-width: 640px;
  width: 100%;
}
.Device_AdvancedView_ScaleFactors > header:not(.columns) {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-bottom: 8px;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_ScaleFactors > header:not(.columns) > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_ScaleFactors > header.columns,
.Device_AdvancedView_ScaleFactors > section > div {
  display: grid;
  grid-gap: 4px;
  margin-bottom: 4px;
}
.Device_AdvancedView_ScaleFactors > header.columns {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Device_AdvancedView_ScaleFactors > header.columns > h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 400;
}
.Device_AdvancedView_ScaleFactors > section > div > strong,
.Device_AdvancedView_ScaleFactors > section > div > span {
  min-height: 2.75em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.Device_AdvancedView_ScaleFactors > section > div > strong {
  justify-content: flex-start;
}
.Device_AdvancedView_ScaleFactors > footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_ConfigurationField {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  margin-bottom: 0;
}
.Device_AdvancedView_ConfigurationField > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_ConfigurationField > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_ConfigurationField > strong,
.Device_AdvancedView_ConfigurationField > strong + span,
.Device_AdvancedView_ConfigurationField > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_ConfigurationField > strong,
.Device_AdvancedView_ConfigurationField > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_ConfigurationField > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_ConfigurationField > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_ConfigurationField > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_ConfigurationField > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_ConfigurationField > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_ConfigurationField > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_ConfigurationField > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_ConfigurationField > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_ConfigurationField > section,
.Device_AdvancedView_ConfigurationField > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_ConfigurationField > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_ConfigurationField > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_ConfigurationField > strong,
.Device_AdvancedView_ConfigurationField > strong + span,
.Device_AdvancedView_ConfigurationField > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_ConfigurationField > strong,
.Device_AdvancedView_ConfigurationField > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_ConfigurationField > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_ConfigurationField > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_ConfigurationField > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_ConfigurationField > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_ConfigurationField > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_ConfigurationField > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_ConfigurationField > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_ConfigurationField > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_ConfigurationField > section,
.Device_AdvancedView_ConfigurationField > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_ConfigurationField > strong,
.Device_AdvancedView_ConfigurationField > span {
  height: 2.5em;
}
.Device_AdvancedView_ConfigurationField > .editing {
  padding: 2px 0px;
}
.Device_AdvancedView_ConfigurationField > span > .Error {
  position: relative;
}
.Device_AdvancedView_ConfigurationField > span > .Busy {
  position: relative;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_CurrentRange {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  margin-bottom: 0;
}
.Device_AdvancedView_CurrentRange > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CurrentRange > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_CurrentRange > strong,
.Device_AdvancedView_CurrentRange > strong + span,
.Device_AdvancedView_CurrentRange > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_CurrentRange > strong,
.Device_AdvancedView_CurrentRange > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CurrentRange > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_CurrentRange > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_CurrentRange > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_CurrentRange > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_CurrentRange > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CurrentRange > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_CurrentRange > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CurrentRange > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_CurrentRange > section,
.Device_AdvancedView_CurrentRange > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_CurrentRange > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CurrentRange > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_CurrentRange > strong,
.Device_AdvancedView_CurrentRange > strong + span,
.Device_AdvancedView_CurrentRange > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_CurrentRange > strong,
.Device_AdvancedView_CurrentRange > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CurrentRange > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_CurrentRange > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_CurrentRange > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_CurrentRange > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_CurrentRange > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CurrentRange > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_CurrentRange > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CurrentRange > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_CurrentRange > section,
.Device_AdvancedView_CurrentRange > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_CurrentRange > .editing {
  padding: 2px 0px;
}
.Device_AdvancedView_CurrentRange > span > .Error {
  position: relative;
}
.Device_AdvancedView_CurrentRange > span > .Busy {
  position: relative;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_CircuitType {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  margin-bottom: 0;
}
.Device_AdvancedView_CircuitType > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CircuitType > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_CircuitType > strong,
.Device_AdvancedView_CircuitType > strong + span,
.Device_AdvancedView_CircuitType > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_CircuitType > strong,
.Device_AdvancedView_CircuitType > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CircuitType > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_CircuitType > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_CircuitType > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_CircuitType > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_CircuitType > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CircuitType > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_CircuitType > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CircuitType > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_CircuitType > section,
.Device_AdvancedView_CircuitType > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_CircuitType > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CircuitType > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_CircuitType > strong,
.Device_AdvancedView_CircuitType > strong + span,
.Device_AdvancedView_CircuitType > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_CircuitType > strong,
.Device_AdvancedView_CircuitType > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_CircuitType > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_CircuitType > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_CircuitType > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_CircuitType > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_CircuitType > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CircuitType > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_CircuitType > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_CircuitType > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_CircuitType > section,
.Device_AdvancedView_CircuitType > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_CircuitType > .editing {
  padding: 2px 0px;
}
.Device_AdvancedView_CircuitType > span > .Error {
  position: relative;
}
.Device_AdvancedView_CircuitType > span > .Busy {
  position: relative;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_Configuration {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_Configuration > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Configuration > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_Configuration > strong,
.Device_AdvancedView_Configuration > strong + span,
.Device_AdvancedView_Configuration > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_Configuration > strong,
.Device_AdvancedView_Configuration > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Configuration > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_Configuration > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_Configuration > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_Configuration > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_Configuration > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_Configuration > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_Configuration > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_Configuration > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_Configuration > section,
.Device_AdvancedView_Configuration > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_Configuration > section {
  grid-template-columns: 160px 1fr 2em;
}
.Device_AdvancedView_Configuration > header {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_AtomConfiguration {
  min-height: 6em;
  display: block !important;
}
.Device_AdvancedView_AtomConfiguration > .errors,
.Device_AdvancedView_AtomConfiguration > .warnings {
  width: 640px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 4px;
  margin-bottom: 8px;
  background-color: darkred;
}
.Device_AdvancedView_AtomConfiguration > .errors > .error,
.Device_AdvancedView_AtomConfiguration > .warnings > .error {
  color: #f0f2f4;
}
.Device_AdvancedView_AtomConfiguration > .warnings {
  background-color: #ff6600;
}
.Device_AdvancedView_AtomConfiguration > .warnings > span {
  color: #f0f2f4;
}
.Device_AdvancedView_AtomConfiguration > .errors {
  background-color: darkred;
}
.Device_AdvancedView_AtomConfiguration > .errors > span {
  color: #f0f2f4;
}
.Device_AdvancedView_AtomConfiguration > .Zones {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fill, 310px);
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone {
  padding: 8px 0;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .selector {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .selector > .Input {
  width: 100%;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .viewer.lite {
  padding: 8px 0 8px 8px;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .viewer:not(.lite) > table > caption {
  caption-side: bottom;
  font-style: italic;
  font-size: 0.9em;
  margin-top: 16px;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .viewer:not(.lite) > table > tbody > tr > th {
  padding: 8px 16px 8px 4px;
  font-weight: 100;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .viewer:not(.lite) > table > tbody > tr > th > .name {
  text-transform: capitalize;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .viewer:not(.lite) > table > tbody > tr > td > span.value {
  text-transform: capitalize;
}
.Device_AdvancedView_AtomConfiguration > .Zones > .Zone > .viewer:not(.lite) > table > tbody > tr > td > .unit {
  font-weight: 100;
  font-style: italic;
  margin-left: 8px;
}
.Device_AdvancedView_AtomConfiguration > .actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 8px;
}
.Device_AdvancedView_AtomConfiguration > .actions > .Button.submit {
  height: 2.5em;
}
@media screen and (max-width: 640px) {
  .Device_AdvancedView_AtomConfiguration > .errors {
    max-width: 310px;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceSettings > .ContentArea > div > .DeviceSettingsContent {
  overflow-y: auto;
  max-height: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > h1 {
  margin-top: 20px;
  font-weight: 100;
  font-size: 1.9em;
  margin-bottom: 24px;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > header,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > header > h1,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > strong,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > strong,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > strong + span,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > strong + span,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > strong + span + .Button,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > strong + span + .Button {
  margin-top: 5px;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > strong,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > strong,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > strong,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span:not(.no-empty):empty::after,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span > em.offline,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span > em.offline {
  opacity: 0.5;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span > em.offline::before,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span > em.online,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span > em.online {
  opacity: 1;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > span > em.online::before,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > .Button,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > section,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > section,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > form,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsConfiguration > *,
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsScaleFactors > * {
  margin-bottom: 0;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsChannelMapper {
  padding-bottom: 16px;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsChannelMapper > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.DeviceSettings > .ContentArea > div > .DeviceSettingsContent > .DeviceSettingsChannelMapper > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Message {
  background-color: #f0f2f4;
  border-right: 4px solid #af0;
  border-left: 4px solid #af0;
  color: #323535;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 6;
}
.Message > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Message > div > i {
  display: block;
  font-size: 32px;
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.Message > div > span {
  display: block;
  margin-top: 8px;
  white-space: pre-wrap;
}
.Message > div > .Button {
  margin-top: 24px;
  padding: 8px 16px;
}
.Message.compact:not(.inline) > div > i {
  font-size: 16px;
}
.Message.compact:not(.inline) > div > span {
  margin-top: 2px;
}
.Message.compact:not(.inline) > div > .Button {
  margin-top: 4px;
  padding: 4px 8px;
}
.Message.inline {
  color: inherit;
  background-color: inherit;
  border: none;
  padding: 0;
  position: relative;
  width: auto;
  height: auto;
}
.Message.inline > div {
  flex-direction: row;
  justify-content: space-between;
}
.Message.inline > div > i {
  color: #af0;
  font-size: 16px;
  margin-right: 8px;
}
.Message.inline > div > span {
  flex-grow: 1;
  margin-top: 0;
}
.Message.inline > div > .Button {
  margin-top: 0;
  padding: 4px 8px;
}
.Message.inline.compact {
  width: max-content;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceTemplate_FinderItem {
  display: grid;
  cursor: pointer;
  /** Cell **/
}
.DeviceTemplate_FinderItem * {
  cursor: pointer;
}
.DeviceTemplate_FinderItem .Icon {
  color: #323535;
}
.DeviceTemplate_FinderItem .FinderListCell {
  height: auto !important;
  border-bottom: unset !important;
  /** Title **/
  /** Button **/
}
.DeviceTemplate_FinderItem .FinderListCell.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
}
.DeviceTemplate_FinderItem .FinderListCell.title.editing {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.DeviceTemplate_FinderItem .FinderListCell.title > .Button {
  padding-left: 7px;
  padding-right: 7px;
}
.DeviceTemplate_FinderItem .FinderListCell.button > .Button {
  width: 100%;
  height: 100%;
}
.DeviceTemplate_FinderItem .FinderListCell.delete {
  display: flex;
  justify-content: right;
}
.DeviceTemplate_FinderItem .FinderListCell.delete .Button {
  width: unset;
}
.DeviceTemplate_FinderItem .shared {
  margin: auto;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceTemplate_Finder > .ContentArea {
  color: #323535;
}
.DeviceTemplate_Finder > .ContentArea .FinderList {
  color: #323535;
  /** Columns **/
  /** Header **/
  /** Body **/
}
.DeviceTemplate_Finder > .ContentArea .FinderList .FinderListHeader,
.DeviceTemplate_Finder > .ContentArea .FinderList .DeviceTemplate_FinderItem {
  grid-template-columns: 2.5em 22em 10em 8em 2.5em 1fr;
}
.DeviceTemplate_Finder > .ContentArea .FinderList .FinderListBody {
  color: #323535;
  overflow-x: auto;
}
.DeviceTemplate_Finder.Disabled .FinderListBody > *:not(.FinderListEmpty) div:hover {
  cursor: default;
  background-color: #f0f2f4 !important;
}
.DeviceTemplate_Finder.Disabled .FinderListBody > *:not(.FinderListEmpty):hover {
  cursor: default;
  background-color: #f0f2f4 !important;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Container_Tabular {
  /** TABS **/
  /** PAGE **/
  /* Tab Edge */
  /* Border */
}
.Container_Tabular > .Tabs {
  display: flex;
  flex-direction: row;
  /** TAB **/
}
.Container_Tabular > .Tabs > .Tab {
  height: 2.75em;
}
.Container_Tabular > .Tabs > .Tab.selected {
  border-top: 3px solid #0082ca;
}
.Container_Tabular > .Tabs > .Tab:not(.selected) {
  border-top: 3px solid transparent;
}
.Container_Tabular > .Page {
  width: fit-content;
  min-width: 200px;
  height: fit-content;
  min-height: 200px;
}
.Container_Tabular:not(.tabs-always-show) > .Tabs[length="1"] {
  visibility: hidden;
}
.Container_Tabular.tabs-hidden > .Tabs {
  visibility: hidden;
}
.Container_Tabular:not(.border-hidden) > .Tabs {
  padding: 0px 1px;
}
.Container_Tabular:not(.border-hidden) > .Page {
  border: 1px solid rgba(181, 191, 201, 0.1);
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Image {
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Image > .SpinnerIcon {
  font-size: 2em;
}
.Image > .SpinnerIcon.hidden {
  display: none;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Settings_Export > .ContentArea > div > form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  /* Hidden form validation inputs */
  /* Form Submission Button */
}
.Settings_Export > .ContentArea > div > form .form-validation {
  width: 0;
  max-width: 0 !important;
  height: 0;
  max-height: 0 !important;
  padding: 0;
  margin: 0;
}
.Settings_Export > .ContentArea > div > form .form-validation > input {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
}
.Settings_Export > .ContentArea > div > form > .Zone {
  width: 100%;
  max-width: 600px;
}
.Settings_Export > .ContentArea > div > form > .Zone > legend {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 8px;
  font-weight: 100;
}
.Settings_Export > .ContentArea > div > form > .Zone.error {
  border-color: darkred !important;
}
.Settings_Export > .ContentArea > div > form > .Zone.error > legend {
  color: darkred;
}
.Settings_Export > .ContentArea > div > form > .Zone.error > legend > .Icon {
  color: darkred;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone {
  display: grid;
  justify-items: center;
  grid-template-rows: 0 600px auto auto;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .form-validation {
  grid-row-start: 1;
  grid-row-end: 2;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .watermark {
  grid-row-start: 2;
  grid-row-end: 3;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .watermark:not(:has(+ .errors)) {
  margin-bottom: 8px;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .watermark > .Page {
  min-width: 575px;
  max-width: 575px;
  min-height: 550px;
  max-height: 550px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #323535;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .watermark > .Page > .Image {
  max-width: 575px;
  max-height: 550px;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .watermark > .Page > .empty {
  align-self: center;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .errors {
  grid-row-start: 3;
  grid-row-end: 4;
  width: 100%;
  padding: 4px 4px 12px 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .errors > span {
  font-style: italic;
  font-weight: 100;
  color: #ffc000;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .actions {
  grid-row-start: 4;
  grid-row-end: 5;
  width: 100%;
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: 10em
						10em;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .actions > .FileSelector {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .actions > .upload {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Settings_Export > .ContentArea > div > form > .Watermark.Zone > .hidden-watermark {
  position: absolute;
  top: 100%;
  left: 100%;
  visibility: hidden;
}
.Settings_Export > .ContentArea > div > form > .Button.submit.error {
  background-color: darkred !important;
}
.ConfigView {
  display: grid;
  grid-template-rows: 1fr 60px;
  height: 100%;
  overflow-y: auto;
}
.ConfigView .ConfigViewForm {
  margin: 25px;
}
.ConfigView .ConfigViewForm .StartEnd,
.ConfigView .ConfigViewForm .ConfigViewFormTrigger {
  max-width: 400px;
}
.ConfigView .ConfigViewForm .StartEnd {
  height: fit-content;
  margin-bottom: 20px;
}
.ConfigView .ConfigViewForm .ConfigViewFormTriggerHeader {
  margin-bottom: 8px;
}
.ConfigView .ConfigViewForm .ConfigViewFormTriggerContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.ConfigView .ConfigViewForm .ConfigViewFormTriggerContainer .ConfigViewFormTrigger {
  width: 190px;
}
.ConfigView .ConfigViewForm .ConfigViewFormTriggerContainer .ConfigViewFormTrigger input {
  padding: 0;
  margin-right: 10px;
}
.ConfigView .ConfigViewForm .ConfigViewFormTriggerContainer .ConfigViewFormTrigger label {
  padding: 5px;
}
.ConfigView .ButtonBar {
  margin-right: 25px;
  height: 100%;
}
.ConfigView .ButtonBar button {
  height: 2.7em !important;
  width: 90px !important;
}
.WaveformDeviceMapMarker {
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-top: -12px;
}
/* Tooltip container */
.WaveformDeviceMapMarkerToolTip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.WaveformDeviceMapMarkerToolTipText {
  visibility: hidden;
  background-color: #f7f2f2;
  color: black;
  width: 120px;
  padding: 5px ;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 1px solid #a1a1a1;
}
.WaveformDeviceMapMarkerToolTipText::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #a1a1a1 transparent;
}
.Visible {
  visibility: visible;
}
.WaveformDeviceMapMarkerToolTipText p {
  margin: 0px;
}
.MapView {
  height: 100%;
  display: grid;
  grid-template-columns: 8fr 3fr;
}
.MapView .DeviceList {
  display: grid;
  grid-template-rows: 4em 1fr 6em 6em;
  overflow-y: auto;
}
.MapView .DeviceList .DeviceListContent {
  overflow-y: auto;
}
.MapView .DeviceList .DeviceListContent .DeviceListContentEmpty {
  font-style: italic;
  text-align: center;
}
.MapView .DeviceList .DeviceListContent .DeviceListItem {
  display: flex;
  margin-bottom: 10px;
}
.MapView .DeviceList .DeviceListContent .DeviceListItem .icon-circle-with-cross {
  color: red;
}
.MapView .DeviceList h4 {
  text-align: center;
}
.MapView .DeviceList .DeviceListButtons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  justify-content: space-evenly;
}
.MapView .DeviceList .DeviceListButtons button {
  height: 2.7em;
  width: 90px;
}
.EventsView {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 60px;
  grid-template-columns: 100%;
}
.EventsView .EventsViewContent {
  overflow-y: auto;
}
.EventsView .EventsViewContent .EventsViewEmpty {
  font-style: italic;
  text-align: center;
}
.EventsView .EventsViewContent .EventsViewWaveformHeader {
  font-weight: bold;
}
.EventsView .EventsViewContent .EventsViewWaveformItem .EventsViewWaveformItemContent,
.EventsView .EventsViewContent .EventsViewWaveformHeader .EventsViewWaveformItemContent {
  display: grid;
  max-width: 600px;
  grid-template-columns: 2.5em 200px 140px 70px 50px 80px;
  height: 3.5em;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.EventsView .EventsViewContent .EventsViewWaveformItem .EventsViewWaveformItemContent .icon-satellite,
.EventsView .EventsViewContent .EventsViewWaveformHeader .EventsViewWaveformItemContent .icon-satellite {
  color: green;
}
.EventsView .EventsViewContent .EventsViewWaveformItem .EventsViewWaveformItemContent .Button,
.EventsView .EventsViewContent .EventsViewWaveformHeader .EventsViewWaveformItemContent .Button {
  margin: auto;
}
.EventsView .EventsViewContent .EventsViewWaveformItem .EventsViewWaveformItemContent .EventsViewWaveformItemCenter,
.EventsView .EventsViewContent .EventsViewWaveformHeader .EventsViewWaveformItemContent .EventsViewWaveformItemCenter {
  text-align: center;
}
.EventsView .EventsViewContent .EventsViewWaveformItem .EventsViewWaveformItemContent {
  cursor: pointer;
}
.EventsView .EventsViewContent .EventsViewWaveformItem:hover {
  cursor: pointer;
  background-color: #373a3a;
}
.EventsView .EventsViewContent .EventsViewWaveformItem:hover span:hover {
  cursor: pointer;
}
.EventsView .EventsViewContent .EventsViewEventHeader {
  font-weight: bold;
}
.EventsView .EventsViewContent .EventsViewEventItem .EventsViewEventItemContent,
.EventsView .EventsViewContent .EventsViewEventHeader .EventsViewEventItemContent {
  display: grid;
  max-width: 500px;
  grid-template-columns: 2.5em 200px 60px 100px 100px;
  height: 3.5em;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.EventsView .EventsViewContent .EventsViewEventItem .EventsViewEventItemContent .EventsViewEventItemContentCenter,
.EventsView .EventsViewContent .EventsViewEventHeader .EventsViewEventItemContent .EventsViewEventItemContentCenter {
  text-align: center;
  margin: auto;
}
.EventsView .EventsViewContent .EventsViewEventItem .EventsViewEventItemContent {
  cursor: pointer;
}
.EventsView .EventsViewContent .EventsViewEventItem:hover {
  cursor: pointer;
  background-color: #373a3a;
}
.EventsView .EventsViewContent .EventsViewEventItem:hover span:hover {
  cursor: pointer;
}
.EventsView .ButtonBar {
  margin-left: 25px;
  margin-right: 25px;
  gap: 20px;
  height: 100%;
}
.EventsView .ButtonBar .ButtonBar {
  margin: 0;
  overflow-x: unset;
  overflow-y: unset;
}
.EventsView .ButtonBar .ButtonBar .Button {
  justify-content: center;
}
.EventsView .ButtonBar .ButtonBar .CountInfo {
  font-style: italic;
}
.EventsView .ButtonBar .Button {
  height: 2.7em !important;
  width: 90px !important;
  min-width: unset;
}
.EventsView .ButtonBar .Hidden {
  visibility: hidden;
}
.EventsView .ButtonBar label {
  height: 2.7em;
  display: flex;
  align-items: center;
  padding: 0;
}
.EventsView .ButtonBar label input {
  margin-left: 5px;
  width: 50px;
}
.WaveformEventView {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 60px;
}
.WaveformEventView .ButtonBar {
  margin-left: 25px;
  margin-right: 25px;
  gap: 20px;
  height: 100%;
}
.WaveformEventView .ButtonBar button {
  height: 2.7em !important;
  width: 90px !important;
}
.GraphFinderScheduleButton.not-scheduled {
  opacity: 0.25;
}
.GraphFinderScheduleButton.busy .Icon {
  animation: spin-0-360 500ms linear infinite;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphFinderItem,
.GraphTemplateFinderItem {
  display: grid;
  cursor: pointer;
}
.GraphFinderItem *,
.GraphTemplateFinderItem * {
  cursor: pointer;
}
.GraphFinderItem .Icon,
.GraphTemplateFinderItem .Icon {
  color: #323535;
}
.GraphFinderItem .FinderListCell,
.GraphTemplateFinderItem .FinderListCell {
  display: flex;
  align-items: center;
}
.GraphFinderItem .FinderListCell.fat:not(.icon),
.GraphTemplateFinderItem .FinderListCell.fat:not(.icon) {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}
.GraphFinderItem .FinderListCell.icon.fat,
.GraphTemplateFinderItem .FinderListCell.icon.fat {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
.GraphFinderItem .FinderListCell.skinny,
.GraphTemplateFinderItem .FinderListCell.skinny {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.GraphFinderItem .FinderListCell.title,
.GraphTemplateFinderItem .FinderListCell.title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GraphFinderItem .FinderListCell.title.editing,
.GraphTemplateFinderItem .FinderListCell.title.editing {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.GraphFinderItem .FinderListCell.hasButton,
.GraphTemplateFinderItem .FinderListCell.hasButton {
  padding: 0;
}
.GraphFinderItem .FinderListCell.hasButton > .Button,
.GraphTemplateFinderItem .FinderListCell.hasButton > .Button {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.GraphFinderItem .FinderListCell.hasButton.right > .Button,
.GraphTemplateFinderItem .FinderListCell.hasButton.right > .Button {
  justify-content: right;
}
.GraphFinderItem .FinderListCell.fat.created,
.GraphTemplateFinderItem .FinderListCell.fat.created {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.GraphFinderItem .FinderListCell .GraphFinderItemTitle,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle {
  display: flex;
  align-items: center;
  width: 100%;
}
.GraphFinderItem .FinderListCell .GraphFinderItemTitle .GraphFinderItemTitleValue,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle .GraphFinderItemTitleValue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GraphFinderItem .FinderListCell .GraphFinderItemTitle > input,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle > input,
.GraphFinderItem .FinderListCell .GraphFinderItemTitle > textarea,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle > textarea,
.GraphFinderItem .FinderListCell .GraphFinderItemTitle > select,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle > select {
  background-color: #fff;
  color: #323535;
  width: 100%;
}
.GraphFinderItem .FinderListCell .GraphFinderItemTitle > input,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle > input,
.GraphFinderItem .FinderListCell .GraphFinderItemTitle > textarea,
.GraphTemplateFinderItem .FinderListCell .GraphFinderItemTitle > textarea {
  cursor: text;
}
.GraphFinder > .ToolBar {
  position: relative;
}
.GraphFinder > .ToolBar > .ContextMenu {
  left: 2.5em;
}
.GraphFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.GraphFinder > .ToolBar .Button.add {
  border-radius: 4px;
}
.GraphFinder > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.GraphFinder > .ToolBar .Button.add.above {
  border-radius: 0;
}
.GraphFinder > .ToolBar .Button.add.active,
.GraphFinder > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.GraphFinder > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.GraphFinder > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.GraphFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.GraphFinder > .ContentArea .FinderListHeader,
.GraphFinder > .ContentArea .GraphFinderItem,
.GraphFinder > .ContentArea .GraphTemplateFinderItem {
  grid-template-columns: 2.5em 40em 10em 8em 2.5em 2.5em 1fr;
}
.GraphFinder > .ContentArea .FinderListHeader .Shared:hover,
.GraphFinder > .ContentArea .GraphFinderItem .Shared:hover,
.GraphFinder > .ContentArea .GraphTemplateFinderItem .Shared:hover {
  cursor: pointer;
}
.GraphFinder > .ContentArea .FinderListHeader .Shared:hover .Icon:hover,
.GraphFinder > .ContentArea .GraphFinderItem .Shared:hover .Icon:hover,
.GraphFinder > .ContentArea .GraphTemplateFinderItem .Shared:hover .Icon:hover,
.GraphFinder > .ContentArea .FinderListHeader .Shared:hover i:hover,
.GraphFinder > .ContentArea .GraphFinderItem .Shared:hover i:hover,
.GraphFinder > .ContentArea .GraphTemplateFinderItem .Shared:hover i:hover {
  cursor: pointer;
}
.GraphFinder > .ContentArea .FinderListBody {
  overflow-x: auto;
}
.GraphFinder > .ContentArea .FinderListBody .GraphFinderItem.first {
  border-top: 1px solid black;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_TopToolBar {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.GraphTemplateEditor_TopToolBar .selected {
  background-color: #191b1b !important;
}
.GraphTemplateEditor_TopToolBar .Button {
  margin: 0px 2px;
}
.GraphTemplateEditor_TopToolBar > .title-editor {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 3em 3em 3em;
  padding: 0px 16px;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .title {
  grid-column-start: 1;
  grid-column-end: 2;
  font-size: 1.5em;
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .title > .Input {
  padding: 2px 8px;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .action-button {
  padding: 1px;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .action-button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .action-button.one {
  grid-column-start: 2;
  grid-column-end: 3;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .action-button.two {
  grid-column-start: 3;
  grid-column-end: 4;
}
.GraphTemplateEditor_TopToolBar > .title-editor > .action-button.three {
  grid-column-start: 4;
  grid-column-end: 5;
}
.GraphTemplateEditor_TopToolBar > .back {
  width: unset !important;
  height: 100%;
}
.GraphTemplateEditor_TopToolBar > .back:hover {
  background-color: #2d3030;
}
.GraphTemplateEditor_TopToolBar > .back .label {
  flex-grow: unset;
}
.GraphTemplateEditor_TopToolBar > .title {
  width: 75%;
  font-weight: 100;
  padding-left: 16px;
  text-transform: capitalize;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_BottomToolBar {
  padding: 0px 4px;
}
.GraphTemplateEditor_BottomToolBar .selected {
  background-color: #191b1b !important;
}
.GraphTemplateEditor_BottomToolBar .Button.hidden {
  display: none;
}
.GraphTemplateEditor_BottomToolBar > .ContextMenu.timespan {
  padding: 8px;
  border-radius: 4px;
}
.GraphTemplateEditor_BottomToolBar > .ContextMenu.timespan .title {
  width: 100%;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.2);
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  color: #faebd7;
}
.GraphTemplateEditor_BottomToolBar > .ContextMenu.timespan .actions {
  margin-top: 8px;
}
.GraphTemplateEditor_BottomToolBar > .ContextMenu.timespan .actions > .Button {
  width: 25%;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Config_Graph {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  grid-template-columns: 120px 1fr 2em 2em 2em;
}
.GraphTemplateEditor_Config_Graph > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.GraphTemplateEditor_Config_Graph > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.GraphTemplateEditor_Config_Graph > strong,
.GraphTemplateEditor_Config_Graph > strong + span,
.GraphTemplateEditor_Config_Graph > strong + span + .Button {
  margin-top: 5px;
}
.GraphTemplateEditor_Config_Graph > strong,
.GraphTemplateEditor_Config_Graph > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.GraphTemplateEditor_Config_Graph > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.GraphTemplateEditor_Config_Graph > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.GraphTemplateEditor_Config_Graph > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.GraphTemplateEditor_Config_Graph > span > em.offline {
  opacity: 0.5;
}
.GraphTemplateEditor_Config_Graph > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.GraphTemplateEditor_Config_Graph > span > em.online {
  opacity: 1;
}
.GraphTemplateEditor_Config_Graph > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.GraphTemplateEditor_Config_Graph > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.GraphTemplateEditor_Config_Graph > section,
.GraphTemplateEditor_Config_Graph > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.GraphTemplateEditor_Config_Graph > .disabled {
  color: rgba(166, 178, 190, 0.3);
  background-color: #262828 !important;
}
.GraphTemplateEditor_Config_Graph > .Button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_Config_Graph > .Button.one {
  grid-column-start: 3;
  grid-column-end: 4;
}
.GraphTemplateEditor_Config_Graph > .Button.two {
  grid-column-start: 4;
  grid-column-end: 5;
}
.GraphTemplateEditor_Config_Graph > .Button.three {
  grid-column-start: 5;
  grid-column-end: 6;
}
.GraphTemplateEditor_Config_Graph > .color > .Input {
  padding: 2px;
}
.GraphTemplateEditor_Config_Graph > .color:not(.custom) > .Input::-webkit-color-swatch,
.GraphTemplateEditor_Config_Graph > .color:not(.custom) > .Input::-moz-color-swatch {
  background-color: rgba(0, 0, 0, 0) !important;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Config_Dataset {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  grid-template-columns: 120px 1fr 2em 2em 2em;
}
.GraphTemplateEditor_Config_Dataset > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.GraphTemplateEditor_Config_Dataset > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.GraphTemplateEditor_Config_Dataset > strong,
.GraphTemplateEditor_Config_Dataset > strong + span,
.GraphTemplateEditor_Config_Dataset > strong + span + .Button {
  margin-top: 5px;
}
.GraphTemplateEditor_Config_Dataset > strong,
.GraphTemplateEditor_Config_Dataset > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.GraphTemplateEditor_Config_Dataset > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.GraphTemplateEditor_Config_Dataset > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.GraphTemplateEditor_Config_Dataset > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.GraphTemplateEditor_Config_Dataset > span > em.offline {
  opacity: 0.5;
}
.GraphTemplateEditor_Config_Dataset > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.GraphTemplateEditor_Config_Dataset > span > em.online {
  opacity: 1;
}
.GraphTemplateEditor_Config_Dataset > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.GraphTemplateEditor_Config_Dataset > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.GraphTemplateEditor_Config_Dataset > section,
.GraphTemplateEditor_Config_Dataset > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.GraphTemplateEditor_Config_Dataset > .disabled {
  color: rgba(166, 178, 190, 0.3);
  background-color: #262828 !important;
}
.GraphTemplateEditor_Config_Dataset > .Button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_Config_Dataset > .Button.one {
  grid-column-start: 3;
  grid-column-end: 4;
}
.GraphTemplateEditor_Config_Dataset > .Button.two {
  grid-column-start: 4;
  grid-column-end: 5;
}
.GraphTemplateEditor_Config_Dataset > .Button.three {
  grid-column-start: 5;
  grid-column-end: 6;
}
.GraphTemplateEditor_Config_Dataset > .color > .Input {
  padding: 2px;
}
.GraphTemplateEditor_Config_Dataset > .color:not(.custom) > .Input::-webkit-color-swatch,
.GraphTemplateEditor_Config_Dataset > .color:not(.custom) > .Input::-moz-color-swatch {
  background-color: rgba(0, 0, 0, 0) !important;
}
.SidebarLayout {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-column-gap: 0;
  height: 100%;
}
.SidebarLayout.collapsed {
  grid-template-columns: 100%;
}
.SidebarLayout.collapsed > :not(.active) {
  display: none;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Source .ListItem {
  height: 4em;
}
.GraphTemplateEditor_Source .items-pane {
  display: grid;
}
.GraphTemplateEditor_Source .items-pane .back {
  height: 100%;
}
.GraphTemplateEditor_Source .items-pane .view.mma > .ListItem {
  text-transform: capitalize;
}
.GraphTemplateEditor_Source .items-pane .view.mma > .ListItem.disabled {
  color: #a0a0a0;
  background-color: #121313;
}
.GraphTemplateEditor_Source .items-pane .view.mma > .ListItem.disabled:active,
.GraphTemplateEditor_Source .items-pane .view.mma > .ListItem.disabled:hover {
  background-color: #121313;
}
.GraphTemplateEditor_Source .SidebarLayout:not(.collapsed) .menu-pane {
  border-right: 1px solid rgba(181, 191, 201, 0.1);
}
.GraphTemplateEditor_Source .SidebarLayout:not(.collapsed) .items-pane {
  grid-template-rows: auto;
}
.GraphTemplateEditor_Source .SidebarLayout:not(.collapsed) .items-pane .back {
  display: none;
}
.GraphTemplateEditor_Source.viewing .SidebarLayout.collapsed .menu-pane {
  border-right: none;
}
.GraphTemplateEditor_Source.viewing .SidebarLayout.collapsed .items-pane {
  grid-template-rows: 3.5em auto;
}
.GraphTemplateEditor_Source.viewing .SidebarLayout.collapsed .items-pane .back {
  display: inline-flex;
  background-color: #646969;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Dataset {
  width: 100%;
  margin: 8px;
}
.GraphTemplateEditor_Dataset:not(.new) {
  background-color: #373a3a;
  display: inline-grid;
  grid-template-rows: 3em auto;
  grid-template-columns: 1fr;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin: 0px 0px 0px 4px;
  display: inline-flex;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions > .title {
  font-size: 1.5em;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions > .title:not(.editing) {
  padding: 6px 4px;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions > .title.editing > .Input {
  width: 100%;
  height: 100%;
  padding: 4px;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions > .buttons {
  width: 25%;
  display: inline-flex;
  justify-content: flex-end;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions > .buttons > .Button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone {
  display: inline-flex;
}
.GraphTemplateEditor_Dataset:not(.new) > .actions > .title {
  font-size: 1em;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone {
  display: inline-flex;
  flex-direction: column;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .dataset-info {
  height: 100%;
  margin: 8px;
  border: 1px solid rgba(181, 191, 201, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .dataset-info > .row {
  width: 100%;
  height: 3em;
  display: inline-flex;
  align-items: center;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .dataset-info > .row > strong {
  width: 40%;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .dataset-info > .row > span {
  width: 60%;
  font-weight: 175;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .dataset-info > .row > span:empty::after {
  content: "\2014";
  opacity: 0.25;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .dataset-info > .row.mma > span {
  text-transform: capitalize;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .edit-source {
  width: 100%;
  height: 100%;
}
.GraphTemplateEditor_Dataset:not(.new) > .zone .edit-source > .Icon {
  width: 100%;
  font-size: 2em;
}
.GraphTemplateEditor_Dataset.new {
  border: 1px dashed rgba(181, 191, 201, 0.2);
}
.GraphTemplateEditor_Dataset.new:not(.only) {
  width: 20%;
}
.GraphTemplateEditor_Dataset.new.only {
  width: 100%;
}
.GraphTemplateEditor_Dataset.new > .Button {
  width: 100%;
  height: 100%;
}
.GraphTemplateEditor_Dataset.new > .Button > .Icon {
  width: 100%;
  font-size: 2em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Config_Axis {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  grid-template-columns: 120px 1fr 2em 2em 2em;
}
.GraphTemplateEditor_Config_Axis > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.GraphTemplateEditor_Config_Axis > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.GraphTemplateEditor_Config_Axis > strong,
.GraphTemplateEditor_Config_Axis > strong + span,
.GraphTemplateEditor_Config_Axis > strong + span + .Button {
  margin-top: 5px;
}
.GraphTemplateEditor_Config_Axis > strong,
.GraphTemplateEditor_Config_Axis > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.GraphTemplateEditor_Config_Axis > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.GraphTemplateEditor_Config_Axis > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.GraphTemplateEditor_Config_Axis > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.GraphTemplateEditor_Config_Axis > span > em.offline {
  opacity: 0.5;
}
.GraphTemplateEditor_Config_Axis > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.GraphTemplateEditor_Config_Axis > span > em.online {
  opacity: 1;
}
.GraphTemplateEditor_Config_Axis > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.GraphTemplateEditor_Config_Axis > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.GraphTemplateEditor_Config_Axis > section,
.GraphTemplateEditor_Config_Axis > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.GraphTemplateEditor_Config_Axis > .disabled {
  color: rgba(166, 178, 190, 0.3);
  background-color: #262828 !important;
}
.GraphTemplateEditor_Config_Axis > .Button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_Config_Axis > .Button.one {
  grid-column-start: 3;
  grid-column-end: 4;
}
.GraphTemplateEditor_Config_Axis > .Button.two {
  grid-column-start: 4;
  grid-column-end: 5;
}
.GraphTemplateEditor_Config_Axis > .Button.three {
  grid-column-start: 5;
  grid-column-end: 6;
}
.GraphTemplateEditor_Config_Axis > .color > .Input {
  padding: 2px;
}
.GraphTemplateEditor_Config_Axis > .color:not(.custom) > .Input::-webkit-color-swatch,
.GraphTemplateEditor_Config_Axis > .color:not(.custom) > .Input::-moz-color-swatch {
  background-color: rgba(0, 0, 0, 0) !important;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Axis {
  width: 15%;
  background-color: #373a3a;
  margin: 8px 4px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.GraphTemplateEditor_Axis > .scale {
  width: 100%;
  margin: 8px;
  text-align: center;
}
.GraphTemplateEditor_Axis > .scale.empty {
  mix-blend-mode: color;
}
.GraphTemplateEditor_Axis > .title {
  flex-grow: 1;
  text-align: center;
}
.GraphTemplateEditor_Axis.left > .title {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.GraphTemplateEditor_Axis.right > .title {
  writing-mode: vertical-lr;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Plot {
  height: 100%;
  margin: 8px;
}
.GraphTemplateEditor_Plot:not(.new) {
  background-color: #646969;
  display: inline-grid;
  grid-template-rows: 3em auto;
  grid-template-columns: 1fr;
}
.GraphTemplateEditor_Plot:not(.new) > .actions {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin: 0px 0px 0px 4px;
  display: inline-flex;
}
.GraphTemplateEditor_Plot:not(.new) > .actions > .title {
  font-size: 1.5em;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GraphTemplateEditor_Plot:not(.new) > .actions > .title:not(.editing) {
  padding: 6px 4px;
}
.GraphTemplateEditor_Plot:not(.new) > .actions > .title.editing > .Input {
  width: 100%;
  height: 100%;
  padding: 4px;
}
.GraphTemplateEditor_Plot:not(.new) > .actions > .buttons {
  width: 25%;
  display: inline-flex;
  justify-content: flex-end;
}
.GraphTemplateEditor_Plot:not(.new) > .actions > .buttons > .Button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_Plot:not(.new) > .zone {
  display: inline-flex;
}
.GraphTemplateEditor_Plot.new {
  border: 1px dashed rgba(181, 191, 201, 0.2);
}
.GraphTemplateEditor_Plot.new > .Button {
  width: 100%;
  height: 100%;
}
.GraphTemplateEditor_Plot.new > .Button > .Icon {
  width: 100%;
  font-size: 2em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor_Graph {
  width: 100%;
  height: 100%;
  display: inline-grid;
  grid-template-rows: 3em auto;
  grid-template-columns: 1fr;
}
.GraphTemplateEditor_Graph > .actions {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  margin: 0px 0px 0px 4px;
  display: inline-flex;
}
.GraphTemplateEditor_Graph > .actions > .title {
  font-size: 1.5em;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GraphTemplateEditor_Graph > .actions > .title:not(.editing) {
  padding: 6px 4px;
}
.GraphTemplateEditor_Graph > .actions > .title.editing > .Input {
  width: 100%;
  height: 100%;
  padding: 4px;
}
.GraphTemplateEditor_Graph > .actions > .buttons {
  width: 25%;
  display: inline-flex;
  justify-content: flex-end;
}
.GraphTemplateEditor_Graph > .actions > .buttons > .Button > .Icon {
  width: 100%;
}
.GraphTemplateEditor_Graph > .zone {
  display: inline-flex;
}
.GraphTemplateEditor_Graph > .zone {
  flex-direction: column;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphTemplateEditor > .ContentArea > div {
  background-color: #7c8484;
}
.GraphTemplateEditor.configuring {
  grid-template-rows: 3em 3em auto 0px;
}
.GraphTemplateEditor .config-view {
  display: grid;
  grid-template-rows: 1fr;
  height: 100%;
}
.Shared .Button {
  visibility: hidden;
}
.Shared .GraphTemplateEditor_BottomToolBar .Button,
.Shared .TitleBar .Button {
  visibility: visible;
}
.HarmonicGraph > .ToolBar > select {
  margin-left: 8px;
  margin-right: 20px;
}
.HarmonicGraph > .ToolBar > select + select {
  margin-left: 0px;
}
.HarmonicGraph > .ToolBar > .HarmonicSubmit {
  padding: 0px 8px;
  margin-right: 8px;
}
.ArticleList {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background-color: white;
}
@media screen and (max-width: 650px) {
  .ArticleList {
    margin-left: 0;
    margin-right: 0;
  }
}
.ArticleList .ArticleListHeader {
  background-color: #323535;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20px;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop .Search {
  flex-direction: row-reverse;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop .Search input {
  height: 2em;
  width: 16em;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop .Search .Button {
  visibility: hidden;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop img {
  width: 100px;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop div {
  color: #00a3fd;
}
.ArticleList .ArticleListHeader .ArticleListHeaderTop div span:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #18acff;
}
.ArticleList .ArticleListHeader .ArticleListHeaderBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  padding-bottom: 5px;
}
.ArticleList .ArticleListHeader .ArticleListHeaderBottom .ArticleListTitle {
  color: whitesmoke;
  font-weight: 300;
  font-size: 3em;
  line-height: normal;
}
.ArticleList .ArticleListHeader .ArticleListHeaderBottom .Search {
  flex-direction: row-reverse;
}
.ArticleList .ArticleListHeader .ArticleListHeaderBottom .Search input {
  height: 2em;
  width: 16em;
}
.ArticleList .ArticleListHeader .ArticleListHeaderBottom .Search .Button {
  visibility: hidden;
}
.ArticleList .ArticleListContent {
  display: flex;
  flex-direction: column;
  background-color: white;
  margin-left: 30px;
}
.ArticleList .ArticleListContent .GlossaryListItems,
.ArticleList .ArticleListContent .ArticleListItems {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-evenly;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .GlossaryItemTerm,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .GlossaryItemTerm,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .GlossaryItemTerm,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .GlossaryItemTerm {
  font-size: 1.3em;
  width: fit-content;
  max-width: 100%;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .ArticleListItemTitle,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .ArticleListItemTitle {
  color: #0082ca;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .ArticleListItemTitle:hover,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .ArticleListItemTitle:hover,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .ArticleListItemTitle:hover,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .ArticleListItemTitle:hover {
  color: #0092e3;
  cursor: pointer;
  text-decoration: underline;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .GlossaryItemDefinition,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .GlossaryItemDefinition,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .GlossaryItemDefinition,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .GlossaryItemDefinition {
  color: #323535;
  font-size: 1em;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .GlossaryItemLink,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .GlossaryItemLink,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .GlossaryItemLink,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .GlossaryItemLink {
  color: #0082ca;
  font-size: 0.9em;
  width: fit-content;
  max-width: 100%;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .GlossaryItemLink:hover,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .GlossaryItemLink:hover,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .GlossaryItemLink:hover,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .GlossaryItemLink:hover {
  color: #0092e3;
  cursor: pointer;
  text-decoration: underline;
}
.ArticleList .ArticleListContent .GlossaryListItems .ArticleListItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .ArticleListItems .ArticleListItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem .ArticleListItemSummary,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem .ArticleListItemSummary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ArticleList .ArticleListContent .GlossaryListItems .GlossaryItem,
.ArticleList .ArticleListContent .ArticleListItems .GlossaryItem {
  background: linear-gradient(to right, #979c9c, #e5e7e7) left bottom white no-repeat;
  background-size: 100% 1px ;
  gap: 8px;
  padding-bottom: 25px;
}
.ArticleList .ArticleListContent .GlossaryListItems {
  margin-bottom: 20px;
  gap: 25px;
  margin-right: 40px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Card {
  margin: 10px;
  cursor: pointer;
  text-align: left;
  display: grid;
  align-items: center;
  grid-template-rows: 30% 70%;
  grid-template-columns: 20% 80%;
  padding: 20px;
  box-shadow: 2px 2px 8px 2px rgba(20, 23, 26, 0.1);
  border-radius: 10px;
}
@media screen and (max-width: 650px) {
  .Card {
    width: 100%;
    margin: 0;
  }
  .Card .CardImage {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.Card > * {
  cursor: pointer;
}
.Card .CardImage {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}
.Card .CardImage .Icon {
  font-size: 2.5em;
}
.Card .CardImage i {
  cursor: pointer;
}
.Card .CardTitle {
  font-size: 1.2em;
  margin-left: 15px;
  margin-right: 5px;
}
.Card .CardContent {
  grid-column-start: 2;
  grid-column-end: 3;
  margin-left: 15px;
  margin-right: 5px;
}
.Card.Disabled {
  opacity: 0.3333;
  pointer-events: none;
}
.Card.Disabled,
.Card.Disabled > *,
.Card.Disabled > * > * {
  cursor: not-allowed;
}
.Card.Disabled:hover {
  border: none;
  padding: 10px;
}
.Card.Disabled.Animate {
  animation: fadeIn-333 900ms linear;
}
@keyframes fadeIn-333 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  10% {
    opacity: 0.03333;
  }
  20% {
    opacity: 0.06666;
  }
  30% {
    opacity: 0.09999;
  }
  40% {
    opacity: 0.13332;
  }
  50% {
    opacity: 0.16665;
  }
  60% {
    opacity: 0.19998;
  }
  70% {
    opacity: 0.23331;
  }
  80% {
    opacity: 0.26664;
  }
  90% {
    opacity: 0.29997;
  }
  100% {
    opacity: 0.3333;
  }
}
.Card.Light .CardTitle {
  color: #0082ca;
}
.Card.Dark {
  background-color: #1e2020;
}
.Card.Dark:hover {
  background-color: #141616;
}
.Card.Dark .CardTitle {
  color: #f0f2f4;
}
.Card.Compact {
  grid-template-rows: 100%;
}
.Card:hover {
  box-shadow: 2px 2px 8px 2px rgba(20, 23, 26, 0.25);
}
.Welcome {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* PDF Search Section Styles - Following the existing pattern */
}
.Welcome .WelcomeTitle {
  background-color: #323535;
}
.Welcome .WelcomeTitle .ImageContainer {
  margin: auto;
  width: 300px;
}
.Welcome .WelcomeTitle .Search {
  justify-content: center;
}
.Welcome .WelcomeTitle .Search input {
  width: 80%;
  max-width: 550px;
  height: 2.5em;
  margin-bottom: 30px;
}
.Welcome .WelcomeTitle .Search .Button {
  visibility: hidden;
}
.Welcome .Icon {
  color: unset;
}
.Welcome .WelcomeShortcuts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.Welcome .WelcomeShortcuts .Card {
  width: 25em;
  height: 12em;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: box-shadow 0.1s linear;
}
.Welcome .WelcomeShortcuts .Card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.Welcome .WelcomeShortcuts .Card:not(:hover) {
  box-shadow: none;
}
@media screen and (max-width: 720px) {
  .Welcome .WelcomeShortcuts {
    gap: 10px;
  }
}
.Welcome .WelcomePdfSearch {
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #aaa;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchHeader h2 {
  font-size: 1.25em;
  font-weight: normal;
  margin-bottom: 15px;
  text-align: center;
  width: 80%;
  max-width: 700px;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchHeader textarea {
  width: 80%;
  max-width: 700px;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: vertical;
  margin-bottom: 15px;
  background-color: #fff;
  color: #333;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchHeader textarea:focus {
  outline: none;
  border-color: #0082ca;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchHeader textarea::placeholder {
  color: #999;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchButton {
  transition: all 0.125s;
  width: fit-content;
  width: 120px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  cursor: pointer;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchButton:disabled {
  cursor: not-allowed;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchResults {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  row-gap: 10px;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchItem {
  width: 175px;
  text-decoration: none;
  display: block;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchItem * {
  cursor: pointer;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchItem:hover .WelcomePdfSearchPreview {
  border: 1px solid #00b3ff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchItem:hover .WelcomePdfSearchTitle {
  color: #0092e3;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchPreview {
  aspect-ratio: 3/4;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.125s;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchPreview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchPreview .WelcomePdfSearchPlaceholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #f5f5f5 0%, #ececec 50%, #f5f5f5 100%);
  background-size: 100% 200%;
  animation: verticalPulse 1.5s ease-in-out infinite;
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchPreview .WelcomePdfSearchPlaceholder span {
  color: #999;
  font-size: 0.8em;
  text-align: center;
  padding: 10px;
}
@keyframes verticalPulse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% -200%;
  }
}
.Welcome .WelcomePdfSearch .WelcomePdfSearchTitle {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 1em;
  height: 70px;
  color: #333;
  text-align: center;
  transition: color 0.2s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.Welcome .WelcomeDownloads {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 15px;
  font-size: 1.25em;
  border-top: solid 1px #aaa;
  padding-top: 15px;
  padding-bottom: 15px;
}
.Welcome .WelcomeDownloads .WelcomeDownloadsItem {
  margin-top: 10px;
  color: #0082ca;
  font-size: 1em;
  width: fit-content;
  max-width: 100%;
}
.Welcome .WelcomeDownloads .WelcomeDownloadsItem:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #0092e3;
}
.Welcome .WelcomeHomepage {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  font-size: 1.2em;
  margin-top: 30px;
  margin-bottom: 30px;
}
.Welcome .WelcomeHomepage select {
  height: 40px;
  background-color: unset;
  color: unset;
  border: solid 1px;
  border-radius: 4px;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-right: 50px;
  appearance: none;
  border: 1px solid #ccc;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.Welcome .WelcomeText {
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 16px;
  margin-bottom: 30px;
}
.Welcome .WelcomeFooter {
  display: flex;
  color: #00a3fd;
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  justify-content: center;
}
.Help > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.Help > .ContentArea > div {
  overflow-y: auto;
}
.Help .Manual {
  width: 100%;
  height: 100%;
}
.Help .ToolBar {
  margin-left: 3px;
  margin-right: 3px;
  gap: 3px;
}
.Help .ToolBar .Button {
  width: 6em;
  padding-left: 10px;
  padding-right: 10px;
}
.HistogramYAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.HistogramYAxis > g.labels > text {
  fill: #222;
  dominant-baseline: middle;
}
.HistogramYAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.HistogramYAxis > g.other > text {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.HistogramYAxis > g.labels > text {
  text-anchor: end;
}
.HistogramXAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.HistogramXAxis > g.labels > text {
  fill: #222;
  text-anchor: middle;
}
.HistogramXAxis > g.labels > text:last-child {
  text-anchor: end;
}
.HistogramXAxis > g.labels > text:first-child {
  text-anchor: start;
}
.HistogramXAxis > g.labels > text {
  dominant-baseline: hanging;
}
.HistogramXAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.HistogramXAxis > g.other > text.ts {
  fill: #222;
}
.HistogramXAxis > g.other > text.ts.start {
  text-anchor: start;
}
.HistogramXAxis > g.other > text.ts.end {
  text-anchor: end;
}
.HistogramToolArrow > rect.capture {
  pointer-events: all;
  cursor: arrow;
  fill: rgba(0, 0, 0, 0);
  touch-action: pan-x !important;
}
.HistogramToolArrow > g.cursor {
  pointer-events: none;
}
.HistogramToolArrow > g.cursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  stroke-width: 1px;
}
.HistogramToolArrow > g.cursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.HistogramToolArrow > g.cursor > text {
  dominant-baseline: central;
  fill: #fff;
  font-size: 0.8em;
  pointer-events: none;
  text-anchor: middle;
}
.HistogramToolArrow > g.cursor.fixed > line {
  stroke: #1e2020;
}
.HistogramToolArrow > g.cursor.fixed > rect.label-back {
  fill: #1e2020;
}
.HistogramToolArrow > g.select > line {
  pointer-events: none;
  stroke: #00a3fd;
  stroke-width: 1px;
}
.HistogramToolArrow > g.select > rect {
  fill: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.HistogramTable table {
  table-layout: fixed;
  border: 2px solid black;
  width: 100%;
  font-size: 0.7em;
  padding: 1px;
}
.HistogramTable tbody tr:nth-child(even) {
  background: #e7eaee;
}
.HistogramTable .TableHeaderColor {
  width: 5%;
}
.HistogramTable .TableHeaderDevice {
  width: 25%;
}
.HistogramTable .TableHeaderCount {
  width: 15%;
}
.HistogramTable .TableHeaderMeasure {
  width: 35%;
}
.HistogramTable .TableHeaderValue {
  width: 20%;
}
.HistogramTable .TableColor {
  width: 0.6em;
  height: 0.6em;
  margin: auto;
  display: inline-block;
}
.HistogramTable th,
.HistogramTable td,
.HistogramTable tr {
  padding: 2px;
  text-align: center;
  overflow: hidden;
}
.HistogramTable th > i,
.HistogramTable td > i,
.HistogramTable tr > i {
  color: #ff6600;
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.HistogramPlot {
  user-select: none;
}
.HistogramPlot > * {
  user-select: none;
}
.HistogramPlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.HistogramPlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.HistogramPlot > line {
  stroke: #e0e0e0;
}
.HistogramAnnotateSidebar {
  background-color: #646969;
  color: #f0f2f4;
  overflow-y: scroll;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.HistogramAnnotateSidebar input::-webkit-outer-spin-button,
.HistogramAnnotateSidebar input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.HistogramAnnotateSidebar input[type=number] {
  -moz-appearance: textfield;
}
.HistogramAnnotateSidebar fieldset {
  display: grid;
}
.HistogramAnnotateSidebar .AttributeOptions {
  display: grid;
}
.HistogramAnnotateSidebar Button {
  margin: auto;
  height: 3em;
  margin-bottom: 10px;
  padding-right: 12px;
}
.HistogramAnnotateSidebar Select,
.HistogramAnnotateSidebar Input {
  width: 100%;
  height: 3em;
  padding-top: 0;
  padding-bottom: 0;
}
.HistogramAnnotateSidebar .AnnotationListItemEdit:hover,
.HistogramAnnotateSidebar .AnnotationListItemEdit > :hover {
  background-color: #505454;
}
.HistogramAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent {
  height: 3em;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
  grid-template-columns: 2.5em 1fr 2.5em 2.5em;
  align-items: center;
  column-gap: 5px;
}
.HistogramAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent div {
  overflow: hidden;
}
.HistogramAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent:hover,
.HistogramAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent > :hover {
  cursor: pointer;
}
.HistogramAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent Button {
  margin: 0;
}
.HistogramAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditExpanded {
  height: 3em;
  padding-left: 9px;
  padding-right: 4px;
  margin-left: 2.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 5px;
}
.HistogramAnnotate {
  display: grid;
  grid-template-columns: 7fr 3fr;
}
.HistogramGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.HistogramGraph > .ContentArea > div > svg {
  user-select: none;
}
.HistogramGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.HistogramGraph .HeaderMessage {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  color: #666;
}
.HistogramGraph > .ToolBar {
  position: relative;
}
.HistogramGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.HistogramGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.HistogramGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.HistogramGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.HistogramGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.HistogramGraph > .ToolBar .Button.add.active,
.HistogramGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.HistogramGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.HistogramGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.HistogramGraph > .ToolBar > .Button.toggle {
  padding: 8px;
  justify-content: center;
}
.IntervalXAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.IntervalXAxis > g.labels > text {
  fill: #222;
  text-anchor: middle;
}
.IntervalXAxis.top > g.labels > text {
  dominant-baseline: baseline;
}
.IntervalXAxis.bottom > g.labels > text {
  dominant-baseline: hanging;
}
.IntervalXAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.IntervalXAxis > g.other > text.ts {
  fill: #222;
}
.IntervalXAxis > g.other > text.ts.start {
  text-anchor: start;
}
.IntervalXAxis > g.other > text.ts.end {
  text-anchor: end;
}
.IntervalYAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.IntervalYAxis > g.labels > text {
  fill: #222;
  dominant-baseline: middle;
}
.IntervalYAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.IntervalYAxis > g.other > text {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.IntervalYAxis.left > g.labels > text {
  text-anchor: end;
}
.IntervalYAxis.right > g.labels > text {
  text-anchor: start;
}
.IntervalYAxis.customizing {
  outline: 1px solid black;
}
.AppMessage {
  background-color: #f0f2f4;
  border-right: 4px solid #0082ca;
  border-left: 4px solid #0082ca;
  color: #323535;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 6;
}
.AppMessage > div {
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.AppMessage > div > .Icon {
  color: inherit;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.AppMessage > div > span {
  display: block;
  margin-top: 8px;
  white-space: pre-wrap;
}
.AppMessage > div > .Button {
  margin-top: 24px;
  padding: 8px 16px;
}
.AppMessage.compact > div > i {
  font-size: 16px;
}
.AppMessage.compact > div > span {
  margin-top: 2px;
}
.AppMessage.compact > div > .Button {
  margin-top: 4px;
  padding: 4px 8px;
}
.WaveformSelector_ToolBar {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));
  min-height: 32px;
  padding: 0;
  position: relative;
}
.WaveformSelector_ToolBar > span {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.WaveformSelector_ToolBar > span code {
  padding: 2px 8px 0 8px;
}
.WaveformSelector_ToolBar .selected {
  background-color: #00a3fd !important;
}
.WaveformSelector_ToolBar > button {
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.WaveformSelector_ToolBar > .ContextMenu {
  left: 0;
  width: 100vw;
  max-width: 300px;
  padding: 10px;
}
.WaveformSelector {
  height: 100%;
}
.WaveformSelector .chosen {
  background-color: #0082ca;
}
.WaveformSelector .icon-satellite {
  color: #32CD32;
}
.GraphOverlay line.waveform-overlay-line {
  stroke: #000000;
  stroke-width: 1;
}
.GraphOverlay line.waveform-overlay-line.near {
  stroke: #00a3fd;
  stroke-width: 4;
}
.IntervalToolArrow > rect.capture {
  pointer-events: all;
  cursor: arrow;
  fill: none;
  touch-action: pan-x !important;
}
.IntervalToolArrow > rect.capture.pointer {
  cursor: pointer;
}
.IntervalToolArrow > g.cursor {
  pointer-events: none;
}
.IntervalToolArrow > g.cursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.IntervalToolArrow > g.cursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.IntervalToolArrow > g.cursor > text {
  dominant-baseline: central;
  fill: #fff;
  font-size: 0.8em;
  pointer-events: none;
  text-anchor: middle;
}
.IntervalToolArrow > g.cursor.fixed > line {
  stroke: #1e2020;
}
.IntervalToolArrow > g.cursor.fixed > rect.label-back {
  fill: #1e2020;
}
.IntervalToolArrow > g.select > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.IntervalToolArrow > g.select > rect {
  fill: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.IntervalToolHand > rect.capture {
  pointer-events: all;
  cursor: grab;
  fill: rgba(0, 0, 0, 0);
  touch-action: pan-x !important;
}
.IntervalToolHand.pointerdown > rect.capture {
  cursor: grabbing;
}
.IntervalToolHand > .panning {
  pointer-events: none;
}
.IntervalToolHand > .panning > rect {
  fill: rgba(0, 0, 0, 0.1);
}
.IntervalToolHand > .panning > line {
  stroke-width: 1px;
  stroke: #aaa;
}
.IntervalTable {
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}
.IntervalTable table {
  table-layout: fixed;
  border: 2px solid black;
  width: 100%;
  font-size: 0.7em;
  padding: 1px;
}
.IntervalTable tbody tr:nth-child(even) {
  background: #e7eaee;
}
.IntervalTable .TableHeaderColor {
  width: 5%;
}
.IntervalTable .TableHeaderDevice {
  width: 15%;
}
.IntervalTable .TableHeaderMeasure {
  width: 15%;
}
.IntervalTable .TableHeaderMinValue {
  width: 20%;
}
.IntervalTable .TableHeaderMaxValue {
  width: 20%;
}
.IntervalTable .TableHeaderTime {
  width: 25%;
}
.IntervalTable .TableColor {
  width: 0.6em;
  height: 0.6em;
  margin: auto;
  display: inline-block;
}
.IntervalTable th,
.IntervalTable td,
.IntervalTable tr {
  padding: 2px;
  text-align: center;
  overflow: hidden;
}
.IntervalTable th > i,
.IntervalTable td > i,
.IntervalTable tr > i {
  color: #ff6600;
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.IntervalPlot {
  user-select: none;
}
.IntervalPlot > * {
  user-select: none;
}
.IntervalPlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.IntervalPlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.IntervalPlot > text.label.nominal {
  text-anchor: start;
}
.IntervalPlot > text.power-consumption {
  text-anchor: end;
}
.IntervalPlot > text.top {
  dominant-baseline: auto;
}
.IntervalPlot > text.bottom {
  dominant-baseline: hanging;
}
.IntervalGraph_SaveMenu {
  position: relative;
}
.IntervalGraph_SaveMenu > button {
  border-radius: 4px;
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.IntervalGraph_SaveMenu > button > .Icon {
  transition: transform 0.1s ease-in-out;
}
.IntervalGraph_SaveMenu > button.above {
  border-radius: 0;
}
.IntervalGraph_SaveMenu > button.active,
.IntervalGraph_SaveMenu > button.active:hover {
  background-color: #1e2020;
}
.IntervalGraph_SaveMenu > button.rotate {
  background-color: #1e2020;
}
.IntervalGraph_SaveMenu > button.rotate > .Icon {
  transform: rotate(45deg);
}
.IntervalGraph_SaveMenu > .ContextMenu {
  right: 0;
}
.IntervalGraph_StartEndMenu {
  position: relative;
}
.IntervalGraph_StartEndMenu > button {
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.IntervalGraph_StartEndMenu > .ContextMenu {
  left: 0;
  width: 100vw;
  max-width: 300px;
  padding: 10px 10px 0 10px;
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar {
  padding: 10px 0;
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar:not(.focus) {
  background-color: unset;
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar > .Button {
  padding: 10px 20px;
  width: auto;
  height: auto;
  border: 1px solid rgba(181, 191, 201, 0.2);
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar > .Button.cancel-startend {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar > .Button.cancel-startend:hover {
  background-color: #191b1b;
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar > .Button.cancel-startend:active,
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar > .Button.cancel-startend.active {
  background-color: #0d0e0e;
}
.IntervalGraph_StartEndMenu > .ContextMenu > .ToolBar > .Button.cancel-startend[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.Desktop.ui-size\@extra-large .IntervalGraph_StartEndMenu > .ContextMenu {
  max-width: 380px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.CustomAxisMenu > button {
  border-radius: 4px;
  width: 2.5em;
  height: 2.5em;
  align-items: center;
  justify-content: center;
}
.CustomAxisMenu > button > .Icon {
  transition: transform 0.1s ease-in-out;
}
.CustomAxisMenu > button.above {
  border-radius: 0;
}
.CustomAxisMenu > button.active,
.CustomAxisMenu > button.active:hover {
  background-color: #1e2020;
}
.CustomAxisMenu > button.rotate {
  background-color: #1e2020;
}
.CustomAxisMenu > button.rotate > .Icon {
  transform: rotate(45deg);
}
.CustomAxisMenu .custom-axis-options-menu {
  display: flex;
  flex-direction: row;
  z-index: 99;
  border: 1px solid #0082ca;
  padding: 6px;
}
.CustomAxisMenu .custom-axis-options-menu > p {
  font-size: smaller;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-options-span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 4px;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-options-span > .custom-axis-options-menu-span {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-options-span > .custom-axis-options-menu-span > .custom-axis-options-menu-checkbox {
  margin-top: 6px;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-options-span > .custom-axis-options-menu-span > .custom-axis-options-menu-label {
  margin-left: 8px;
  padding: 4px 0;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-options-span > .custom-axis-options-menu-span:last-child {
  border-bottom: unset;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span {
  display: contents;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  justify-content: center;
  margin: 2px 0px 2px 4px;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done:hover {
  background-color: #0092e3;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done:active,
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done.active {
  background-color: #00a3fd;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done[disabled]:not(.blend) {
  color: #eee;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.CustomAxisMenu .custom-axis-options-menu > .custom-axis-options-menu-done-span > .custom-axis-options-menu-done[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.CustomAxisMenu .custom-axis {
  padding: 6px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div {
  display: flex;
  flex-direction: column;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container {
  max-height: 3em;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container:nth-last-child(2) {
  border-bottom: unset;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container .disabled-span {
  mix-blend-mode: overlay;
  pointer-events: none;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container .disabled-button {
  background-color: rgba(0, 130, 202, 0.3) !important;
  pointer-events: none;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > span {
  max-height: 3em;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container p {
  font-size: smaller;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  width: 34px;
  height: 32px;
  justify-content: center;
  transform: rotate(270deg);
  padding: 1px 2px;
  font-size: smaller;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto:hover {
  background-color: #0092e3;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto:active,
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto.active {
  background-color: #00a3fd;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto[disabled]:not(.blend) {
  color: #eee;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-auto > .custom-axis-auto.off {
  background-color: rgba(0, 130, 202, 0.3);
  font-size: xx-small;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  width: 32px;
  height: 34px;
  justify-content: center;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options:hover {
  background-color: #0092e3;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options:active,
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options.active {
  background-color: #00a3fd;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options[disabled]:not(.blend) {
  color: #eee;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-options > .custom-axis-options[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-label {
  width: 75px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-label > p {
  margin: 0px;
  text-align: center;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-label > p:first-child {
  margin-top: 2px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-label > p:last-child {
  margin-top: 2px;
  margin-bottom: 2px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-input {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-input > p {
  margin-right: 4px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-input > p:first-child {
  transform: rotate(270deg);
  width: auto;
  margin-right: 0px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-input > .custom-axis-input {
  text-align: center;
  width: 75px;
  margin-top: 6px;
  margin-bottom: 4px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-span-input > .custom-axis-input-unit {
  margin-left: 4px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-preferred-unit {
  margin-left: 4px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-preferred-unit > .custom-axis-preferred-unit-select {
  width: 60px;
  height: 26px;
  margin: 4px 4px 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-preferred-unit > .custom-axis-preferred-unit-select.only-unit {
  pointer-events: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.CustomAxisMenu .custom-axis > .custom-axis-div .custom-axis-container > .custom-axis-preferred-unit > .custom-axis-preferred-unit-select.only-unit::-ms-expand {
  display: none;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done {
  height: 3em;
  background-color: #323535;
  display: contents;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  height: 2em;
  justify-content: center;
  margin: 6px 4px 0px;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done:hover {
  background-color: #0092e3;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done:active,
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done.active {
  background-color: #00a3fd;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done[disabled]:not(.blend) {
  color: #eee;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.CustomAxisMenu .custom-axis > .custom-axis-div > .custom-axis-span-done > .custom-axis-done[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.GraphQuickEditor {
  display: flex;
  flex-direction: column;
  padding: 6px;
  /* PANES */
  /* ACTIONS */
}
.GraphQuickEditor > .panes {
  /* TRACE PANE */
  /* MEASURE PANE */
}
.GraphQuickEditor > .panes > .pane {
  padding: 4px;
}
.GraphQuickEditor > .panes > .pane > .header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  text-align: center;
  font-size: 1.2em;
  padding: 4px;
}
.GraphQuickEditor > .panes > .pane > .header.error {
  color: #ff0000;
  text-shadow: 0px 0px 1px grey;
}
.GraphQuickEditor > .panes > .pane.traces {
  height: 100%;
  display: inline-flex;
  flex-direction: column;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector {
  padding: 4px;
  border-right: 1px solid rgba(181, 191, 201, 0.1);
  margin-right: 4px;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector th,
.GraphQuickEditor > .panes > .pane.traces > .grid-selector td {
  padding: 6px;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector th {
  font-weight: 100;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector .grid-input {
  width: 1.2em;
  height: 1.2em;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector .grid-input-all {
  width: 0.85em;
  height: 0.85em;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector td.channel.all {
  border-left: 1px solid #373a3a;
}
.GraphQuickEditor > .panes > .pane.traces > .grid-selector td.trace.all {
  border-top: 1px solid #373a3a;
}
.GraphQuickEditor > .panes > .pane.measures {
  display: inline-flex;
  flex-direction: column;
}
.GraphQuickEditor > .panes > .pane.measures > .header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.GraphQuickEditor > .panes > .pane.measures > .measure-selector {
  /* Measure Selector List */
  /* Measure Selector Button */
}
.GraphQuickEditor > .panes > .pane.measures > .measure-selector > .measure-selector-list {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4px;
  display: flex;
  flex-direction: column;
}
.GraphQuickEditor > .panes > .pane.measures > .measure-selector > .measure-selector-list > .measure-selector-input {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  margin-bottom: 4px;
}
.GraphQuickEditor > .panes > .pane.measures > .measure-selector > .measure-selector-list > .measure-selector-input > .measure > label {
  margin-left: 4px;
  padding: 0px;
  font-weight: 100;
}
.GraphQuickEditor > .panes > .pane.measures > .measure-selector > .measure-selector-list > .measure-selector-input > .channel {
  padding: 2px;
  margin-left: 4px;
}
.GraphQuickEditor > .panes > .pane.measures > .measure-selector > .measure-selector-button {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
}
.GraphQuickEditor > .actions {
  height: 2em;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
}
.GraphQuickEditor > .actions > .Button {
  width: 45%;
  height: 100%;
}
.GraphQuickEditor > .actions > .Button.error {
  cursor: not-allowed;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.IntervalGraph_ToolBar {
  flex-wrap: nowrap;
}
.IntervalGraph_ToolBar > .custom-axis {
  width: 50%;
  max-height: 3em;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.IntervalGraph_ToolBar > .custom-axis > span {
  max-height: 3em;
}
.IntervalGraph_ToolBar > .custom-axis p {
  font-size: smaller;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-label > p {
  margin: 0px;
  text-align: center;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-label > p:first-child {
  margin-top: 2px;
  margin-bottom: 2px;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-label > p:last-child {
  margin-top: 2px;
  margin-bottom: 2px;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-input {
  width: 25%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-input > p {
  margin-right: 4px;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-input > .custom-axis-input {
  width: 75px;
  margin-top: 6px;
  margin-bottom: 4px;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done {
  height: 3em;
  background-color: #323535;
  display: contents;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
  height: -7em;
  justify-content: center;
  margin-top: 6px;
  margin-bottom: 4px;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done:hover {
  background-color: #0092e3;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done:active,
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done.active {
  background-color: #00a3fd;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done[disabled]:not(.blend) {
  color: #eee;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.IntervalGraph_ToolBar > .custom-axis > .custom-axis-span-done > .custom-axis-done[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.IntervalGraph_Editor_MeasurePlots {
  background-color: #323535;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 60px 1fr 60px;
}
.IntervalGraph_Editor_MeasurePlots > header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
}
.IntervalGraph_Editor_MeasurePlots > header > h1 {
  color: #f0f2f4;
  font-weight: 100;
  font-size: 1.4em;
  width: 100%;
}
.IntervalGraph_Editor_MeasurePlots > header > h1 > em {
  float: right;
  font-size: 0.8em;
}
.IntervalGraph_Editor_MeasurePlots > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.IntervalGraph_Editor_MeasurePlots > footer > .Button {
  padding: 10px 20px;
}
.IntervalGraph_Editor_MeasurePlots > footer > .Button:first-child {
  margin-right: 10px;
}
.IntervalAnnotateSidebar {
  background-color: #646969;
  color: #f0f2f4;
  overflow-y: scroll;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.IntervalAnnotateSidebar input::-webkit-outer-spin-button,
.IntervalAnnotateSidebar input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.IntervalAnnotateSidebar input[type=number] {
  -moz-appearance: textfield;
}
.IntervalAnnotateSidebar fieldset {
  display: grid;
}
.IntervalAnnotateSidebar .AttributeOptions {
  display: grid;
}
.IntervalAnnotateSidebar Button {
  margin: auto;
  height: 3em;
  margin-bottom: 10px;
  padding-right: 12px;
}
.IntervalAnnotateSidebar Select,
.IntervalAnnotateSidebar Input {
  width: 100%;
  height: 3em;
  padding-top: 0;
  padding-bottom: 0;
}
.IntervalAnnotateSidebar .AnnotationListItemEdit:hover,
.IntervalAnnotateSidebar .AnnotationListItemEdit > :hover {
  background-color: #505454;
}
.IntervalAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent {
  height: 3em;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
  grid-template-columns: 2.5em 1fr 2.5em 2.5em;
  align-items: center;
  column-gap: 5px;
}
.IntervalAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent div {
  overflow: hidden;
}
.IntervalAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent:hover,
.IntervalAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent > :hover {
  cursor: pointer;
}
.IntervalAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent Button {
  margin: 0;
}
.IntervalAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditExpanded {
  height: 3em;
  padding-left: 9px;
  padding-right: 4px;
  margin-left: 2.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 5px;
}
.IntervalAnnotate {
  display: grid;
  grid-template-columns: 7fr 3fr;
}
.AssistantWindow {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 80%;
  width: 500px;
  background-color: #373a3a;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 10px 0;
}
.AssistantWindow.initial {
  left: -100%;
  visibility: hidden;
}
.AssistantWindow.open {
  animation: sidebarSlideIn 175ms linear;
  animation-fill-mode: forwards;
}
@keyframes sidebarSlideIn {
  0% {
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  10% {
    left: -90%;
  }
  20% {
    left: -80%;
  }
  30% {
    left: -70%;
  }
  40% {
    left: -60%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -40%;
  }
  70% {
    left: -30%;
  }
  80% {
    left: -20%;
  }
  90% {
    left: -10%;
  }
  100% {
    left: 0%;
  }
}
.AssistantWindow.close {
  animation: sidebarSlideOut 175ms linear;
  animation-fill-mode: forwards;
}
@keyframes sidebarSlideOut {
  0% {
    left: 0%;
  }
  10% {
    left: -10%;
  }
  20% {
    left: -20%;
  }
  30% {
    left: -30%;
  }
  40% {
    left: -40%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -60%;
  }
  70% {
    left: -70%;
  }
  80% {
    left: -80%;
  }
  90% {
    left: -90%;
  }
  100% {
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
}
.AssistantWindow .assistant-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  color: white;
}
.AssistantWindow .assistant-header .title-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.AssistantWindow .assistant-header .title-container h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
.AssistantWindow .assistant-header .title-container .beta-badge {
  height: 100%;
  font-weight: 600;
  color: #373a3a;
  padding: 2px 6px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-top: 2px;
}
.AssistantWindow .assistant-header .header-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.AssistantWindow .assistant-header .refresh-button {
  font-size: 18px;
  color: #f0f2f4;
  cursor: pointer;
  padding: 0;
  margin-right: -12px;
  height: 18px;
  width: 18px;
}
.AssistantWindow .assistant-header .close-button {
  background: none;
  border: none;
  font-size: 24px;
  color: #f0f2f4;
  cursor: pointer;
  padding: 0;
  margin-right: -12px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
}
.AssistantWindow .assistant-header .close-button:hover {
  color: #f0f2f4;
}
.AssistantWindow .disclaimer {
  padding: 10px;
  color: #b5bfc9;
  font-style: italic;
  opacity: 0.7;
  border-top: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.AssistantWindow .assistant-messages {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.AssistantWindow .assistant-messages::-webkit-scrollbar {
  width: 8px;
}
.AssistantWindow .assistant-messages::-webkit-scrollbar-track {
  background: transparent;
}
.AssistantWindow .assistant-messages::-webkit-scrollbar-thumb {
  background-color: #646969;
  border-radius: 10px;
}
.AssistantWindow .assistant-messages::-webkit-scrollbar-thumb:hover {
  background-color: #757c7c;
}
.AssistantWindow .assistant-messages .message {
  display: flex;
  margin-bottom: 15px;
}
.AssistantWindow .assistant-messages .message .message-paragraph {
  margin-bottom: 8px;
}
.AssistantWindow .assistant-messages .message .message-paragraph:last-child {
  margin-bottom: 0;
}
.AssistantWindow .assistant-messages .message.user {
  flex-direction: row-reverse;
}
.AssistantWindow .assistant-messages .message.user .message-bubble {
  background-color: #3e4242;
  color: white;
  border-radius: 18px 18px 4px 18px;
}
.AssistantWindow .assistant-messages .message.bot .message-bubble {
  background-color: #464a4a;
  color: white;
  border-radius: 18px 18px 18px 4px;
}
.AssistantWindow .assistant-messages .message.bot .message-bubble > .typing-indicator {
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.AssistantWindow .assistant-messages .message .message-avatar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.AssistantWindow .assistant-messages .message .message-avatar .bot-avatar,
.AssistantWindow .assistant-messages .message .message-avatar .user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.AssistantWindow .assistant-messages .message .message-avatar .bot-avatar {
  background-color: #d3d8de;
}
.AssistantWindow .assistant-messages .message .message-avatar .user-avatar {
  background-color: #b5bfc9;
}
.AssistantWindow .assistant-messages .message .message-bubble {
  padding: 12px 16px;
  max-width: 90%;
  word-wrap: break-word;
}
.AssistantWindow .assistant-messages .message .whitepaper-recommendations {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}
.AssistantWindow .assistant-messages .message .whitepaper-recommendations .whitepaper-item {
  color: #f0f2f4;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #646969;
  transition: all 0.2s ease;
  font-size: 14px;
}
.AssistantWindow .assistant-messages .message .whitepaper-recommendations .whitepaper-item:hover {
  background-color: #707777;
  text-decoration: underline;
}
.AssistantWindow .assistant-messages .message .whitepaper-recommendations .whitepaper-item:active {
  background-color: #686f6f;
}
.AssistantWindow .assistant-messages .message .message-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.AssistantWindow .assistant-messages .message .message-options .option-button {
  background-color: #3e4242;
  border: 1px solid rgba(181, 191, 201, 0.2);
  color: white;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 16px;
  text-align: left;
  transition: all 0.2s ease;
}
.AssistantWindow .assistant-messages .message .message-options .option-button:hover {
  background-color: #4b4f4f !important;
}
.AssistantWindow .assistant-messages .message .message-options .option-button.selected {
  pointer-events: none;
}
.AssistantWindow .assistant-input {
  display: flex;
  padding: 15px 20px;
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.AssistantWindow .assistant-input form {
  display: flex;
  width: 100%;
}
.AssistantWindow .assistant-input .input-wrapper {
  position: relative;
  flex: 1;
  display: flex;
}
.AssistantWindow .assistant-input .input-wrapper input {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid rgba(181, 191, 201, 0.1);
  border-radius: 20px;
  font-size: 14px;
  padding-right: 80px;
}
.AssistantWindow .assistant-input .input-wrapper input:focus {
  outline: none;
  border-color: rgba(181, 191, 201, 0.1);
}
.AssistantWindow .assistant-input .input-wrapper .char-count {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.AssistantWindow .assistant-input .input-wrapper .char-count.char-count-warning {
  color: #ffcc00;
}
.AssistantWindow .assistant-input .input-wrapper .char-count.char-count-limit {
  color: #ff6b6b;
}
.AssistantWindow .assistant-input .send-button {
  transition: all 0.1s;
  margin-left: 10px;
  border: none;
  color: white;
  border-radius: 20px;
  padding: 0 20px;
  font-weight: 500;
  cursor: pointer;
}
.AssistantWindow .assistant-input .send-button:disabled {
  pointer-events: none;
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .AssistantWindow {
    width: 100%;
    border-radius: 0 0 10px 10px;
  }
}
.IntervalGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.IntervalGraph > .ContentArea > div > svg {
  user-select: none;
}
.IntervalGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.IntervalGraph .HeaderMessage {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  color: #666;
}
.IntervalGraph > .ToolBar {
  position: relative;
}
.IntervalGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.IntervalGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.IntervalGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.IntervalGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.IntervalGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.IntervalGraph > .ToolBar .Button.add.active,
.IntervalGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.IntervalGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.IntervalGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.Paging > .Icon {
  animation: spin-0-360 500ms linear infinite;
  color: inherit;
  margin-right: 7px;
}
@keyframes spin-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}article.document > h3 {
  text-align: left;
}
article thead.settings th,
article tbody.settings th,
article thead.settings td,
article tbody.settings td {
  padding-left: 8px;
  padding-right: 8px;
}
.IntervalReport .param-header {
  display: flex;
  padding-top: 20px;
}
.IntervalReport .param-title {
  font-weight: bold;
  padding-right: 8px;
}
.IntervalReport > .ContentArea {
  background-color: #fff;
  color: #323535;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Shortcut {
  width: 72px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.Shortcut > span {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.Shortcut > span > .Icon {
  font-size: 2.667em;
}
.Shortcut > span > .label {
  width: 100%;
  margin-top: 4px;
}
.Shortcut > span > .label > .text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Shortcut[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.Shortcut[disabled] * {
  cursor: not-allowed;
}
.SourceTypeSelector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.SourceTypeSelector > .Shortcut {
  margin: 10px;
}
.Heading {
  align-items: center;
  display: flex;
  height: 56px;
  flex-direction: row;
  justify-content: flex-start;
}
.Heading > p {
  flex-grow: 1;
  padding: 0 8px;
}
.Heading > p > h1 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.Heading > p > h2 {
  font-size: 12px;
  font-weight: 100;
  margin: 0;
}
.ReportDeviceSelector {
  display: grid;
  grid-template-rows: 56px 3em 1fr 48px;
  grid-template-areas: "heading" "toolBar" "deviceList" "buttons";
}
.ReportRecordingSelector {
  display: grid;
  grid-template-rows: 56px 3em 1fr 48px;
  grid-template-areas: "heading" "toolBar" "deviceList" "buttons";
}
.ReportMeasureSelector {
  display: grid;
  grid-template-rows: 56px 1fr 48px;
  grid-template-areas: "heading" "measureList" "buttons";
  height: 100%;
}
.IntervalReportOptions {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.IntervalReportOptions > section.input {
  padding: 0 20px;
  flex-grow: 1;
}
.IntervalReportOptions .AveragingIntervalSelect {
  margin-left: 8px;
}
.IntervalReportOptions .IntervalReportButtons {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.IntervalReportOptions .IntervalReportButtons button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
.IntervalReportRecordingExtra {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.IntervalReportRecordingExtra > section.input {
  padding: 0 20px;
  flex-grow: 1;
}
.IntervalReportRecordingExtra label {
  margin-right: 1rem;
}
.IntervalReportRecordingExtra .IntervalReportButtons {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.IntervalReportRecordingExtra .IntervalReportButtons button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
.IntervalReportEditor .SourceTypeSelector,
.IntervalReportEditor .ReportDeviceSelector,
.IntervalReportEditor .ReportRecordingSelector,
.IntervalReportEditor .ReportMeasureSelector {
  height: 100%;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.LiveWaveformMeter {
  background-color: #575c5c;
  padding: 1rem;
}
.LiveWaveformMeter > .MeterHeader {
  margin: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 6px;
}
.LiveWaveformMeter > .MeterHeader > div {
  display: inline-flex;
  flex-direction: column;
}
.LiveWaveformMeter > .MeterHeader > div > span + span {
  margin-top: 20px;
}
.LiveWaveformMeter > .MeterHeader > div > .title {
  font-weight: 100;
  font-size: 2em;
}
.LiveWaveformMeter > .MeterHeader > div > .time {
  width: 100%;
  font-size: 1.5em;
  font-weight: 100;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.LiveWaveformMeter > .TableTitle {
  display: flex;
  justify-content: left;
  font-weight: 200;
  font-size: large;
  padding: 15px 6px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  width: 30%;
}
.LiveWaveformMeter > section.meter {
  width: 100%;
  display: grid;
  grid-template-columns: 0.7fr repeat(4, 0.8fr) auto;
}
.LiveWaveformMeter > section.meter > div {
  padding: 10px;
}
.LiveWaveformMeter > section.meter > div.header {
  text-align: left;
  font-weight: 300;
  /* First Extra Column */
}
.LiveWaveformMeter > section.meter > div.header + .extra {
  grid-column-start: 6;
}
.LiveWaveformMeter > section.meter > div.label {
  text-align: left;
  font-weight: 300;
  grid-column-start: 1;
  /* Longest Label */
}
.LiveWaveformMeter > section.meter > div.label[colspan="6"],
.LiveWaveformMeter > section.meter > div.label[colspan="true"] {
  grid-column-end: 7;
}
.LiveWaveformMeter > section.meter > div.value {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  /* Long Value */
  /* Longer Value */
  /* Long-Long Value */
  /* Longest Value */
  /* First Extra Column */
}
.LiveWaveformMeter > section.meter > div.value[colspan="2"] {
  grid-column-start: 3;
  grid-column-end: 5;
}
.LiveWaveformMeter > section.meter > div.value[colspan="2"][align="left"] {
  grid-column-start: 2;
  grid-column-end: 4;
}
.LiveWaveformMeter > section.meter > div.value[colspan="2"][align="right"] {
  grid-column-start: 4;
  grid-column-end: 6;
}
.LiveWaveformMeter > section.meter > div.value[colspan="3"] {
  grid-column-start: 3;
  grid-column-end: 6;
}
.LiveWaveformMeter > section.meter > div.value[colspan="4"] {
  grid-column-start: 2;
  grid-column-end: 6;
}
.LiveWaveformMeter > section.meter > div.value[colspan="6"],
.LiveWaveformMeter > section.meter > div.value[colspan="true"] {
  grid-column-start: 1;
  grid-column-end: 7;
}
.LiveWaveformMeter > section.meter > div.value + .extra {
  grid-column-start: 6;
}
.LiveWaveformMeter > section.meter > div.value > .channelmap-actions {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.LiveWaveformMeter > section.meter > div.value > .channelmap-actions > button {
  width: 50%;
}
.LiveWaveformMeter > .Separation {
  height: 30px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Meters_DiagnosticsMeter {
  background-color: #575c5c;
  padding: 1rem;
}
.Meters_DiagnosticsMeter > .MeterHeader {
  margin: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 6px;
}
.Meters_DiagnosticsMeter > .MeterHeader > div {
  display: inline-flex;
  flex-direction: column;
}
.Meters_DiagnosticsMeter > .MeterHeader > div > span + span {
  margin-top: 20px;
}
.Meters_DiagnosticsMeter > .MeterHeader > div > .title {
  font-weight: 100;
  font-size: 2em;
}
.Meters_DiagnosticsMeter > .MeterHeader > div > .time {
  width: 100%;
  font-size: 1.5em;
  font-weight: 100;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.Meters_DiagnosticsMeter > .TableTitle {
  display: flex;
  justify-content: left;
  font-weight: 200;
  font-size: large;
  padding: 15px 6px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  width: 30%;
}
.Meters_DiagnosticsMeter > section.meter {
  width: 100%;
  display: grid;
  grid-template-columns: 0.7fr repeat(4, 0.8fr) auto;
}
.Meters_DiagnosticsMeter > section.meter > div {
  padding: 10px;
}
.Meters_DiagnosticsMeter > section.meter > div.header {
  text-align: left;
  font-weight: 300;
  /* First Extra Column */
}
.Meters_DiagnosticsMeter > section.meter > div.header + .extra {
  grid-column-start: 6;
}
.Meters_DiagnosticsMeter > section.meter > div.label {
  text-align: left;
  font-weight: 300;
  grid-column-start: 1;
  /* Longest Label */
}
.Meters_DiagnosticsMeter > section.meter > div.label[colspan="6"],
.Meters_DiagnosticsMeter > section.meter > div.label[colspan="true"] {
  grid-column-end: 7;
}
.Meters_DiagnosticsMeter > section.meter > div.value {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  /* Long Value */
  /* Longer Value */
  /* Long-Long Value */
  /* Longest Value */
  /* First Extra Column */
}
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="2"] {
  grid-column-start: 3;
  grid-column-end: 5;
}
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="2"][align="left"] {
  grid-column-start: 2;
  grid-column-end: 4;
}
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="2"][align="right"] {
  grid-column-start: 4;
  grid-column-end: 6;
}
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="3"] {
  grid-column-start: 3;
  grid-column-end: 6;
}
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="4"] {
  grid-column-start: 2;
  grid-column-end: 6;
}
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="6"],
.Meters_DiagnosticsMeter > section.meter > div.value[colspan="true"] {
  grid-column-start: 1;
  grid-column-end: 7;
}
.Meters_DiagnosticsMeter > section.meter > div.value + .extra {
  grid-column-start: 6;
}
.Meters_DiagnosticsMeter > section.meter > div.value > .channelmap-actions {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.Meters_DiagnosticsMeter > section.meter > div.value > .channelmap-actions > button {
  width: 50%;
}
.Meters_DiagnosticsMeter > .Separation {
  height: 30px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.FailureText {
  color: #f00;
  font-weight: 550;
}
.Meters_InstallationValidation {
  background-color: #575c5c;
  padding: 1rem;
}
.Meters_InstallationValidation > .MeterHeader {
  margin: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 6px;
}
.Meters_InstallationValidation > .MeterHeader > div {
  display: inline-flex;
  flex-direction: column;
}
.Meters_InstallationValidation > .MeterHeader > div > span + span {
  margin-top: 20px;
}
.Meters_InstallationValidation > .MeterHeader > div > .title {
  font-weight: 100;
  font-size: 2em;
}
.Meters_InstallationValidation > .MeterHeader > div > .time {
  width: 100%;
  font-size: 1.5em;
  font-weight: 100;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.Meters_InstallationValidation > .TableTitle {
  display: flex;
  justify-content: left;
  font-weight: 200;
  font-size: large;
  padding: 15px 6px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  width: 30%;
}
.Meters_InstallationValidation > section.meter {
  width: 100%;
  display: grid;
  grid-template-columns: 0.7fr repeat(4, 0.8fr) auto;
}
.Meters_InstallationValidation > section.meter > div {
  padding: 10px;
}
.Meters_InstallationValidation > section.meter > div.header {
  text-align: left;
  font-weight: 300;
  /* First Extra Column */
}
.Meters_InstallationValidation > section.meter > div.header + .extra {
  grid-column-start: 6;
}
.Meters_InstallationValidation > section.meter > div.label {
  text-align: left;
  font-weight: 300;
  grid-column-start: 1;
  /* Longest Label */
}
.Meters_InstallationValidation > section.meter > div.label[colspan="6"],
.Meters_InstallationValidation > section.meter > div.label[colspan="true"] {
  grid-column-end: 7;
}
.Meters_InstallationValidation > section.meter > div.value {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  /* Long Value */
  /* Longer Value */
  /* Long-Long Value */
  /* Longest Value */
  /* First Extra Column */
}
.Meters_InstallationValidation > section.meter > div.value[colspan="2"] {
  grid-column-start: 3;
  grid-column-end: 5;
}
.Meters_InstallationValidation > section.meter > div.value[colspan="2"][align="left"] {
  grid-column-start: 2;
  grid-column-end: 4;
}
.Meters_InstallationValidation > section.meter > div.value[colspan="2"][align="right"] {
  grid-column-start: 4;
  grid-column-end: 6;
}
.Meters_InstallationValidation > section.meter > div.value[colspan="3"] {
  grid-column-start: 3;
  grid-column-end: 6;
}
.Meters_InstallationValidation > section.meter > div.value[colspan="4"] {
  grid-column-start: 2;
  grid-column-end: 6;
}
.Meters_InstallationValidation > section.meter > div.value[colspan="6"],
.Meters_InstallationValidation > section.meter > div.value[colspan="true"] {
  grid-column-start: 1;
  grid-column-end: 7;
}
.Meters_InstallationValidation > section.meter > div.value + .extra {
  grid-column-start: 6;
}
.Meters_InstallationValidation > section.meter > div.value > .channelmap-actions {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.Meters_InstallationValidation > section.meter > div.value > .channelmap-actions > button {
  width: 50%;
}
.Meters_InstallationValidation > .Separation {
  height: 30px;
}
.Meters_InstallationValidation > .meter {
  /** Measure Zone **/
  /** Validation Zone **/
  /** Detailed Zone **/
}
.Meters_InstallationValidation > .meter.Measures {
  /* Measure Value */
  /* Test Messages */
}
.Meters_InstallationValidation > .meter.Measures > .measure-value {
  width: 100%;
  height: 100%;
}
.Meters_InstallationValidation > .meter.Measures > .measure-value > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  /* Value */
  /* Pass / Fail */
}
.Meters_InstallationValidation > .meter.Measures > .measure-value > div > .value.fail {
  color: #f00;
  font-weight: 550;
}
.Meters_InstallationValidation > .meter.Measures > .measure-value > div > .icon {
  min-width: 2em;
  margin-left: 6px;
  font-size: 1.25em;
}
.Meters_InstallationValidation > .meter.Measures > .measure-value > div > .icon.pass {
  color: #00aa00;
}
.Meters_InstallationValidation > .meter.Measures > .measure-value > div > .icon.fail {
  color: #aa0000;
}
.Meters_InstallationValidation > .meter.Measures > .measure-value > div > .icon.empty {
  display: none;
}
.Meters_InstallationValidation > .meter.Measures > .message {
  padding-left: 2em;
  text-align: left;
  white-space: normal;
}
.Meters_InstallationValidation > .meter.Measures > .message.fail {
  color: #f00;
  font-weight: 550;
}
.Meters_InstallationValidation > .meter.Validation {
  /* Test Name */
  /* Test Channel Pass/Fail */
  /* Test Message */
}
.Meters_InstallationValidation > .meter.Validation > .label {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  text-align: left;
}
.Meters_InstallationValidation > .meter.Validation > .icon.channel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.Meters_InstallationValidation > .meter.Validation > .icon.channel > .Icon {
  font-size: 1.25em;
}
.Meters_InstallationValidation > .meter.Validation > .icon.channel.pass > .Icon {
  color: #00aa00 !important;
}
.Meters_InstallationValidation > .meter.Validation > .icon.channel.fail > .Icon {
  color: #aa0000 !important;
}
.Meters_InstallationValidation > .meter.Validation > .icon.channel.hidden {
  visibility: hidden;
}
.Meters_InstallationValidation > .meter.Validation > .icon {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0px;
  padding-bottom: 0px;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels {
  width: 50%;
  min-width: 65px;
  max-width: 8em;
  height: 2.5em;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels > .channel {
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels > .channel > span {
  max-height: 0.85em;
  font-size: 0.85em;
  font-weight: 300;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels > .channel > .Icon {
  font-size: 1em;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels > .channel.pass > .Icon {
  color: #00aa00 !important;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels > .channel.fail > .Icon {
  color: #aa0000 !important;
}
.Meters_InstallationValidation > .meter.Validation > .icon > .channels > .channel.hidden {
  visibility: hidden;
}
.Meters_InstallationValidation > .meter.Validation > .message {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  text-align: left;
  white-space: normal;
}
.Meters_InstallationValidation > .meter.Validation > .message.fail {
  color: #f00;
  font-weight: 550;
}
.Meters_InstallationValidation > .meter.Detailed {
  grid-template-columns: 0.75fr 0.25fr 2fr 1fr 1fr auto;
  /* Measure Label */
  /* Channel Label */
  /* Pass/Fail Icon */
  /* Measure Value */
  /* Test Messages */
}
.Meters_InstallationValidation > .meter.Detailed > .measure-label {
  text-align: left;
}
.Meters_InstallationValidation > .meter.Detailed > .channel {
  text-align: right;
}
.Meters_InstallationValidation > .meter.Detailed > .channel.fail {
  color: #f00;
  font-weight: 550;
}
.Meters_InstallationValidation > .meter.Detailed > .channel.hidden {
  visibility: hidden;
}
.Meters_InstallationValidation > .meter.Detailed > .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}
.Meters_InstallationValidation > .meter.Detailed > .icon > .Icon {
  font-size: 1.25em;
}
.Meters_InstallationValidation > .meter.Detailed > .icon.pass > .Icon {
  color: #00aa00 !important;
}
.Meters_InstallationValidation > .meter.Detailed > .icon.fail > .Icon {
  color: #aa0000 !important;
}
.Meters_InstallationValidation > .meter.Detailed > .icon.hidden {
  visibility: hidden;
}
.Meters_InstallationValidation > .meter.Detailed > .measure-value {
  text-align: left;
}
.Meters_InstallationValidation > .meter.Detailed > .measure-value.fail {
  color: #f00;
  font-weight: 550;
}
.Meters_InstallationValidation > .meter.Detailed > .measure-value.hidden {
  visibility: hidden;
}
.Meters_InstallationValidation > .meter.Detailed > .message {
  padding-left: 2em;
  text-align: left;
  white-space: normal;
}
.Meters_InstallationValidation > .meter.Detailed > .message.fail {
  color: #f00;
  font-weight: 550;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Meters_IECFlicker {
  background-color: #575c5c;
  padding: 1rem;
}
.Meters_IECFlicker > .MeterHeader {
  margin: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 6px;
}
.Meters_IECFlicker > .MeterHeader > div {
  display: inline-flex;
  flex-direction: column;
}
.Meters_IECFlicker > .MeterHeader > div > span + span {
  margin-top: 20px;
}
.Meters_IECFlicker > .MeterHeader > div > .title {
  font-weight: 100;
  font-size: 2em;
}
.Meters_IECFlicker > .MeterHeader > div > .time {
  width: 100%;
  font-size: 1.5em;
  font-weight: 100;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.Meters_IECFlicker > .TableTitle {
  display: flex;
  justify-content: left;
  font-weight: 200;
  font-size: large;
  padding: 15px 6px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  width: 30%;
}
.Meters_IECFlicker > section.meter {
  width: 100%;
  display: grid;
  grid-template-columns: 0.7fr repeat(4, 0.8fr) auto;
}
.Meters_IECFlicker > section.meter > div {
  padding: 10px;
}
.Meters_IECFlicker > section.meter > div.header {
  text-align: left;
  font-weight: 300;
  /* First Extra Column */
}
.Meters_IECFlicker > section.meter > div.header + .extra {
  grid-column-start: 6;
}
.Meters_IECFlicker > section.meter > div.label {
  text-align: left;
  font-weight: 300;
  grid-column-start: 1;
  /* Longest Label */
}
.Meters_IECFlicker > section.meter > div.label[colspan="6"],
.Meters_IECFlicker > section.meter > div.label[colspan="true"] {
  grid-column-end: 7;
}
.Meters_IECFlicker > section.meter > div.value {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  /* Long Value */
  /* Longer Value */
  /* Long-Long Value */
  /* Longest Value */
  /* First Extra Column */
}
.Meters_IECFlicker > section.meter > div.value[colspan="2"] {
  grid-column-start: 3;
  grid-column-end: 5;
}
.Meters_IECFlicker > section.meter > div.value[colspan="2"][align="left"] {
  grid-column-start: 2;
  grid-column-end: 4;
}
.Meters_IECFlicker > section.meter > div.value[colspan="2"][align="right"] {
  grid-column-start: 4;
  grid-column-end: 6;
}
.Meters_IECFlicker > section.meter > div.value[colspan="3"] {
  grid-column-start: 3;
  grid-column-end: 6;
}
.Meters_IECFlicker > section.meter > div.value[colspan="4"] {
  grid-column-start: 2;
  grid-column-end: 6;
}
.Meters_IECFlicker > section.meter > div.value[colspan="6"],
.Meters_IECFlicker > section.meter > div.value[colspan="true"] {
  grid-column-start: 1;
  grid-column-end: 7;
}
.Meters_IECFlicker > section.meter > div.value + .extra {
  grid-column-start: 6;
}
.Meters_IECFlicker > section.meter > div.value > .channelmap-actions {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.Meters_IECFlicker > section.meter > div.value > .channelmap-actions > button {
  width: 50%;
}
.Meters_IECFlicker > .Separation {
  height: 30px;
}
.LiveMeterView > .ToolBar.button-bar > .ChangeMeterView {
  width: 8em;
}
.LiveMeterView .Icon.streaming {
  width: 32px;
  padding: 10px;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.LiveWaveformTimeline {
  display: block;
  border-radius: 10px;
  height: 12px;
  position: relative;
  background-color: #141616;
  overflow: hidden;
  cursor: default;
}
.LiveWaveformTimeline.controls {
  cursor: pointer;
}
.LiveWaveformTimeline > div {
  border-radius: 6px 0 0 6px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}
.LiveWaveformTimeline > div.hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.LiveWaveformTimeline > div.position {
  background-color: #0082ca;
  border-radius: 6px 0 0 6px;
  top: 1px;
  left: 1px;
  height: 10px;
}
.LiveWaveformTimeline > aside.frames {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.LiveWaveformTimeline > aside.frames > b {
  background-color: rgba(255, 255, 255, 0.15);
  display: block;
  height: 100%;
  position: absolute;
  width: 1px;
}
.LiveWaveformControl {
  align-items: center;
  display: grid;
  grid-template-columns: 96px 1fr 32px;
}
.LiveWaveformControl > menu.playback {
  display: flex;
  flex-direction: row;
}
.LiveWaveformControl > menu.playback > .Button {
  padding: 10px;
}
.LiveWaveformControl > .Icon.streaming {
  width: 32px;
  padding: 10px;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.LiveWaveformControl > .Icon.streaming > .IconLayer > .icon-signal {
  width: 12px !important;
  height: 12px !important;
}
.WaveformLineYAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformLineYAxis > g.labels > text {
  fill: #222;
  dominant-baseline: middle;
}
.WaveformLineYAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformLineYAxis > g.other > text {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.WaveformLineYAxis.left > g.labels > text {
  text-anchor: end;
}
.WaveformLineYAxis.right > g.labels > text {
  text-anchor: start;
}
.WaveformLineXAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformLineXAxis > g.labels > text {
  cursor: pointer;
  dominant-baseline: hanging;
  fill: #222;
  text-anchor: middle;
}
.WaveformLineXAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformLineXAxis > g.other > text.ts {
  fill: #222;
}
.WaveformLineXAxis > g.other > text.ts.start {
  text-anchor: start;
}
.WaveformLineXAxis > g.other > text.ts.end {
  text-anchor: end;
}
.WaveformLineXAxis > g.other > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformLineToolArrow > rect.capture {
  pointer-events: all;
  cursor: arrow;
  fill: rgba(0, 0, 0, 0);
  touch-action: pan-x !important;
}
.WaveformLineToolArrow > g.cursor {
  pointer-events: none;
}
.WaveformLineToolArrow > g.cursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.WaveformLineToolArrow > g.cursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.WaveformLineToolArrow > g.cursor > text {
  dominant-baseline: central;
  fill: #fff;
  font-size: 10px;
  pointer-events: none;
  text-anchor: middle;
}
.WaveformLineToolArrow > g.cursor.fixed > line {
  stroke: #1e2020;
}
.WaveformLineToolArrow > g.cursor.fixed > rect.label-back {
  fill: #1e2020;
}
.WaveformLineToolArrow > g.select > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.WaveformLineToolArrow > g.select > rect {
  fill: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.WaveformLinePlot {
  user-select: none;
}
.WaveformLinePlot > * {
  user-select: none;
}
.WaveformLinePlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformLinePlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformLinePlot > line {
  stroke: #e0e0e0;
}
.WaveformLineGraphAnnotateSidebar {
  background-color: #646969;
  color: #f0f2f4;
  overflow-y: scroll;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.WaveformLineGraphAnnotateSidebar input::-webkit-outer-spin-button,
.WaveformLineGraphAnnotateSidebar input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.WaveformLineGraphAnnotateSidebar input[type=number] {
  -moz-appearance: textfield;
}
.WaveformLineGraphAnnotateSidebar fieldset {
  display: grid;
}
.WaveformLineGraphAnnotateSidebar .AttributeOptions {
  display: grid;
}
.WaveformLineGraphAnnotateSidebar Button {
  margin: auto;
  height: 3em;
  margin-bottom: 10px;
  padding-right: 12px;
}
.WaveformLineGraphAnnotateSidebar Select,
.WaveformLineGraphAnnotateSidebar Input {
  width: 100%;
  height: 3em;
  padding-top: 0;
  padding-bottom: 0;
}
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit:hover,
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit > :hover {
  background-color: #505454;
}
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent {
  height: 3em;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
  grid-template-columns: 2.5em 1fr 2.5em 2.5em;
  align-items: center;
  column-gap: 5px;
}
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent div {
  overflow: hidden;
}
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent:hover,
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent > :hover {
  cursor: pointer;
}
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent Button {
  margin: 0;
}
.WaveformLineGraphAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditExpanded {
  height: 3em;
  padding-left: 9px;
  padding-right: 4px;
  margin-left: 2.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 5px;
}
.WaveformLineGraphAnnotate {
  display: grid;
  grid-template-columns: 7fr 3fr;
}
.WaveformLineGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformLineGraph > .ContentArea > div > svg {
  user-select: none;
}
.WaveformLineGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformLineGraph > .ToolBar {
  position: relative;
}
.WaveformLineGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.WaveformLineGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.WaveformLineGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.WaveformLineGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.WaveformLineGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.WaveformLineGraph > .ToolBar .Button.add.active,
.WaveformLineGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.WaveformLineGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.WaveformLineGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.LiveWaveform_LineView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.LiveWaveform_LineView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.LiveWaveform_LineView > .ContentArea .WaveformTimestamp {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 3px;
}
.LiveWaveform_LineView > .ContentArea > div > svg {
  user-select: none;
}
.LiveWaveform_LineView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformHarmonicYAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformHarmonicYAxis > g.labels > text {
  fill: #222;
  dominant-baseline: middle;
}
.WaveformHarmonicYAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformHarmonicYAxis > g.other > text {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.WaveformHarmonicYAxis > g.labels > text {
  text-anchor: end;
}
.WaveformHarmonicXAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformHarmonicXAxis > g.labels > text {
  dominant-baseline: hanging;
  fill: #222;
  text-anchor: middle;
}
.WaveformHarmonicXAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformHarmonicXAxis > g.other > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: start;
}
.WaveformHarmonicToolArrow > rect.capture {
  pointer-events: all;
  cursor: arrow;
  fill: rgba(0, 0, 0, 0);
  touch-action: pan-x !important;
}
.WaveformHarmonicToolArrow > g.cursor {
  pointer-events: none;
}
.WaveformHarmonicToolArrow > g.cursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  strokeWidth: 1px;
}
.WaveformHarmonicToolArrow > g.cursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.WaveformHarmonicToolArrow > g.cursor > text {
  dominant-baseline: central;
  fill: #fff;
  font-size: 10px;
  pointer-events: none;
  text-anchor: middle;
}
.WaveformHarmonicToolArrow > g.cursor.fixed > line {
  stroke: #1e2020;
}
.WaveformHarmonicToolArrow > g.cursor.fixed > rect.label-back {
  fill: #1e2020;
}
.WaveformHarmonicPlot {
  user-select: none;
}
.WaveformHarmonicPlot > * {
  user-select: none;
}
.WaveformHarmonicPlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformHarmonicPlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformHarmonicPlot > line {
  stroke: #e0e0e0;
}
.WaveformHarmonicsGraphAnnotate {
  display: grid;
  grid-template-columns: 7fr 3fr;
}
.LiveWaveform_HarmonicsView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.LiveWaveform_HarmonicsView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  flex-grow: 1;
}
.LiveWaveform_HarmonicsView > .ContentArea > div > svg {
  user-select: none;
}
.LiveWaveform_HarmonicsView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformVectorRadii > .circles > circle {
  fill: none;
  stroke: #dfdfdf;
  stroke-width: 1px;
}
.WaveformVectorRadii > .labels > text {
  dominant-baseline: middle;
  fill: #666;
  font-size: 0.9em;
  text-anchor: start;
}
.WaveformVectorRadii.secondary > .circles > circle {
  stroke-dasharray: 3 3;
}
.WaveformVectorRadii.secondary > .labels > text {
  dominant-baseline: auto;
  text-anchor: end;
}
.WaveformVectorRadii.high-contrast > .circles > circle {
  stroke: #353535;
}
.WaveformVectorRadii.high-contrast > .labels > text {
  fill: #ccc;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.WaveformVectorDataset > g.label > rect {
  opacity: 90%;
  stroke: black;
}
.WaveformVectorDataset > g.label > text {
  font-size: 1.5em;
}
.WaveformVectorDataset.high-contrast > g.label > rect {
  opacity: 100%;
  stroke: #f0f2f4;
}
.WaveformVectorPlot {
  user-select: none;
}
.WaveformVectorPlot > * {
  user-select: none;
}
.WaveformVectorPlot > .bg > circle {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformVectorPlot > .bg > line {
  stroke: #cacaca;
}
.WaveformVectorPlot > .bg > text {
  dominant-baseline: middle;
  fill: #666;
  font-size: 0.9em;
  text-anchor: middle;
}
.WaveformVectorPlot > .PlotLegend > div > table {
  border-spacing: 0.75em;
}
.WaveformVectorPlot > .PlotLegend > div > table > tbody > tr > th,
.WaveformVectorPlot > .PlotLegend > div > table > tbody > tr > td {
  font-size: 1.5em;
  line-height: 1em;
}
.WaveformVectorPlot.high-contrast > .bg > circle {
  fill: black;
  stroke: #505050;
}
.WaveformVectorPlot.high-contrast > .bg > line {
  stroke: #505050;
}
.WaveformVectorPlot.high-contrast > .bg > text {
  fill: #ccc;
}
.WaveformVectorAnnotateSidebar {
  background-color: #646969;
  color: #f0f2f4;
  overflow-y: scroll;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.WaveformVectorAnnotateSidebar input::-webkit-outer-spin-button,
.WaveformVectorAnnotateSidebar input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.WaveformVectorAnnotateSidebar input[type=number] {
  -moz-appearance: textfield;
}
.WaveformVectorAnnotateSidebar fieldset {
  display: grid;
}
.WaveformVectorAnnotateSidebar .AttributeOptions {
  display: grid;
}
.WaveformVectorAnnotateSidebar Button {
  margin: auto;
  height: 3em;
  margin-bottom: 10px;
  padding-right: 12px;
}
.WaveformVectorAnnotateSidebar Select,
.WaveformVectorAnnotateSidebar Input {
  width: 100%;
  height: 3em;
  padding-top: 0;
  padding-bottom: 0;
}
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit:hover,
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit > :hover {
  background-color: #505454;
}
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent {
  height: 3em;
  padding-left: 4px;
  padding-right: 4px;
  display: grid;
  grid-template-columns: 2.5em 1fr 2.5em 2.5em;
  align-items: center;
  column-gap: 5px;
}
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent div {
  overflow: hidden;
}
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent:hover,
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent > :hover {
  cursor: pointer;
}
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditContent Button {
  margin: 0;
}
.WaveformVectorAnnotateSidebar .AnnotationListItemEdit .AnnotationListItemEditExpanded {
  height: 3em;
  padding-left: 9px;
  padding-right: 4px;
  margin-left: 2.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 5px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}section.WaveformVectorGraph.high-contrast {
  background-color: #333;
}
.WaveformVectorGraphAnnotate {
  display: grid;
  grid-template-columns: 7fr 3fr;
}
.HarmonicControl {
  display: flex;
  flex-direction: row;
}
.HarmonicControl > .Button {
  justify-content: center;
}
.LiveWaveform_VectorView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.LiveWaveform_VectorView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  flex-grow: 1;
}
.LiveWaveform_VectorView > .ContentArea > div > svg {
  user-select: none;
}
.LiveWaveform_VectorView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformMeter {
  background-color: #fff;
}
.WaveformMeter section.meter {
  color: #323535;
  display: grid;
  width: 100%;
}
.WaveformMeter section.meter > div {
  padding: 10px;
}
.WaveformMeter section.meter > div.header {
  text-align: center;
  font-weight: 600;
  border-bottom: 1px solid rgba(62, 66, 66, 0.1);
}
.WaveformMeter section.meter > div.serial {
  font-size: 1.1em;
}
.WaveformMeter section.meter > div.label {
  text-align: left;
  font-weight: 400;
}
.WaveformMeter section.meter > div.value {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.WaveformMeter section.meter > div.row-odd {
  background-color: #f5f5f5;
}
.WaveformMeter section.meter > div.col-odd {
  background-color: #fafafa;
}
.WaveformMeter section.meter > div.row-odd.col-odd {
  background-color: #f1f1f1;
}
.WaveformMeter section.meter-symmcomp-title {
  color: #323535;
  display: flex;
  justify-content: center;
  font-weight: 600;
}
.WaveformMeter section.meter-symmcomp {
  grid-template-columns: 1fr 1fr 1fr;
}
.WaveformMeter section.disabled {
  opacity: 0.5;
}
.LiveWaveform_MeterView {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.LiveWaveform > .ToolBar > .LiveWaveformControl {
  flex-grow: 1;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.LoginReport .LoginReportContent {
  height: 100%;
  margin-left: 3px;
  margin-right: 3px;
  overflow-y: auto;
}
.LoginReport .LoginReportContent .LoginTable {
  width: 100%;
  border-collapse: collapse;
}
.LoginReport .LoginReportContent .LoginTable td,
.LoginReport .LoginReportContent .LoginTable th {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.75rem;
}
.LoginReport .LoginReportContent .LoginTable thead th {
  background-color: #3e4242;
  position: sticky;
  top: 0;
  z-index: 1;
}
.LoginReport .LoginReportContent .LoginTable tbody tr:nth-child(odd) {
  background-color: #464a4a;
}
.LoginReport .LoginReportContent .LoginTable tbody tr:nth-child(even) {
  background-color: #3e4242;
}
.LoginReport .ToolBar {
  margin-left: 3px;
  margin-right: 3px;
  gap: 3px;
}
.LoginReport .ToolBar .Button {
  min-width: 120px;
  padding-left: 10px;
  padding-right: 10px;
}
.LoginReport .ToolBar .Button.toggle.active {
  background-color: #0082ca;
  color: #f0f2f4;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Multiburst > .actions > div {
  height: 80%;
  display: inline-flex;
}
.Multiburst > .actions > .list {
  flex-direction: row;
  padding-left: 4px;
}
.Multiburst > .actions > .list > .Button {
  margin-right: 4px;
}
.Multiburst > .actions > .options {
  flex-direction: column;
}
.Multiburst > .actions > .options > .option {
  display: inline-flex;
  align-items: center;
}
.Multiburst > .actions > .options > .option > .Input {
  margin-right: 4px;
}
.Multiburst > .actions > .options > .option > label {
  padding: 0px;
}
.Multiburst > .actions > .view {
  flex-direction: row;
  padding-right: 4px;
}
.Multiburst > .actions > .view > .Button {
  margin-left: 4px;
}
.Multiburst > .ContentArea > div {
  display: flex;
  flex-direction: row;
}
.Multiburst > .ContentArea > div > .DeviceList {
  border-right: 1px solid rgba(181, 191, 201, 0.1);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Multiburst > .ContentArea > div > .DeviceList > .DeviceListItem.dead {
  color: #a0a0a0;
}
.Multiburst > .ContentArea > div > .DeviceList.compact {
  width: 40%;
}
.Multiburst > .ContentArea > div > .DeviceList:not(.compact) {
  width: 25%;
}
.Multiburst > .ContentArea > div > .DeviceView {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-flex;
}
.Multiburst > .ContentArea > div > .DeviceView.compact {
  width: 60%;
  flex-direction: column;
  align-items: center;
}
.Multiburst > .ContentArea > div > .DeviceView.compact > div {
  width: 95%;
  flex-direction: column;
}
.Multiburst > .ContentArea > div > .DeviceView:not(.compact) {
  width: 75%;
  flex-direction: row;
  align-items: flex-start;
}
.Multiburst > .ContentArea > div > .DeviceView:not(.compact) > div {
  width: 50%;
  flex-direction: row;
  justify-content: center;
}
.Multiburst > .ContentArea > div > .DeviceView > div {
  display: inline-flex;
  padding: 0px 4px;
}
.Multiburst > .ContentArea > div > .DeviceView > div.left,
.Multiburst > .ContentArea > div > .DeviceView > div.right {
  flex-direction: column;
}
.Multiburst > .ContentArea > div > .DeviceView > div.left > .DeviceViewItem,
.Multiburst > .ContentArea > div > .DeviceView > div.right > .DeviceViewItem {
  width: 100%;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem {
  width: 100%;
  background-color: #373a3a;
  display: inline-grid;
  grid-template-rows: 2em 1fr;
  border: 1px solid rgba(152, 165, 179, 0.2);
  border-radius: 5px;
  margin: 4px 0px;
  padding: 6px;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar {
  grid-row-start: 1;
  grid-row-end: 2;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  overflow: auto;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .icon {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .icon > .burst-spinner {
  font-size: smaller !important;
  margin-right: 4px;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .icon > .burst-spinner.active {
  animation: spin-accel-0-360 1000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes spin-accel-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .icon > .serial-number {
  font-size: smaller;
  font-weight: 100;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .name {
  text-align: left;
  padding: 0px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .buttons {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .titlebar > .buttons > .Button {
  justify-content: center;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content {
  grid-row-start: 2;
  grid-row-end: 3;
  min-height: 5em;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .waiting,
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .nada {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: larger;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .waiting.no-data,
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .nada.no-data,
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .waiting.no-response,
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .nada.no-response {
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .timestamp {
  margin: 2px 0px 4px 0px;
  align-self: center;
  color: #00a3fd;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .channel {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 6px;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .channel > .header {
  width: 100%;
  font-weight: 300;
  text-align: center;
  align-self: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .channel > .measures {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .channel > .measures > .measure {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin: 2px 0px;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .channel > .measures > .measure > .value {
  font-weight: 100;
}
.Multiburst > .ContentArea > div > .DeviceView > div > .DeviceViewItem > .content > .channel > .measures > .measure.changed > .value {
  color: #00a3fd;
}
.NotificationAlerts {
  display: grid;
  grid-template-rows: auto 3.5em;
  height: 100%;
}
.NotificationAlerts .ToolBar {
  padding: 6px;
}
.NotificationAlerts .ToolBar > .Button {
  width: auto;
  padding: 0 7px;
}
.NotificationDevices {
  display: grid;
  grid-template-rows: auto 3.5em;
  height: 100%;
}
.NotificationDevices .ToolBar {
  padding: 6px;
}
.NotificationDevices .ToolBar > .Button {
  width: auto;
  padding: 0 7px;
}
.NotificationEvents {
  display: grid;
  grid-template-rows: auto 3.5em;
  height: 100%;
}
.NotificationEvents .ToolBar {
  padding: 6px;
}
.NotificationEvents .ToolBar > .Button {
  width: auto;
  padding: 0 7px;
}
.NotificationUsers {
  display: grid;
  grid-template-rows: auto 3.5em;
  height: 100%;
}
.NotificationUsers .ToolBar {
  padding: 0 4px;
}
.NotificationUsers .ToolBar > .Button {
  width: auto;
  padding: 0 7px;
}
.NotificationList .menu > div {
  border-right: 1px solid rgba(255, 255, 255, 0.025);
}
.NotificationList .items > div {
  height: 100%;
  display: grid;
  grid-template-rows: auto;
}
.NotificationList .items > div .back {
  display: none;
}
.NotificationList .ListItem {
  height: 4em;
}
.NotificationList.viewingItems .SidebarLayout.collapsed .menu > div {
  border-right: none;
}
.NotificationList.viewingItems .SidebarLayout.collapsed .items > div {
  grid-template-rows: 3.5em auto;
}
.NotificationList.viewingItems .SidebarLayout.collapsed .items > div .back {
  display: flex;
}
.NotificationListFinderItem {
  display: grid;
  cursor: pointer;
}
.NotificationListFinderItem * {
  cursor: pointer;
}
.NotificationListFinderItem .Icon {
  color: #323535;
}
.NotificationListFinderItem > .FinderListCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NotificationListFinderAdd {
  display: grid;
  cursor: pointer;
}
.NotificationListFinderAdd * {
  cursor: pointer;
}
.NotificationListFinderAdd .Icon {
  color: #323535;
}
.NotificationListFinderAdd > .FinderListCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NotificationListFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.NotificationListFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.NotificationListFinder > .ContentArea .FinderListHeader,
.NotificationListFinder > .ContentArea .NotificationListFinderItem,
.NotificationListFinder > .ContentArea .NotificationListFinderAdd {
  grid-template-columns: 2.5em 20em 10em 10em 2.5em 1fr;
}
.NotificationListFinder > .ContentArea .FinderListHeader .FinderListCell,
.NotificationListFinder > .ContentArea .NotificationListFinderItem .FinderListCell,
.NotificationListFinder > .ContentArea .NotificationListFinderAdd .FinderListCell {
  display: flex;
}
.NotificationListFinder > .ContentArea .FinderListHeader .right,
.NotificationListFinder > .ContentArea .NotificationListFinderItem .right,
.NotificationListFinder > .ContentArea .NotificationListFinderAdd .right {
  justify-content: right;
}
@media screen and (max-width: 600px) {
  .Desktop.ui-size\@normal .NotificationListFinder .FinderListHeader,
  .Desktop.ui-size\@normal .NotificationListFinder .NotificationListFinderItem,
  .Desktop.ui-size\@normal .NotificationListFinder .NotificationListFinderAdd {
    grid-template-columns: 2.5em 1.5fr 80px 80px 2.5em 1fr;
  }
}
@media screen and (max-width: 660px) {
  .Desktop.ui-size\@large .NotificationListFinder .FinderListHeader,
  .Desktop.ui-size\@large .NotificationListFinder .NotificationListFinderItem,
  .Desktop.ui-size\@large .NotificationListFinder .NotificationListFinderAdd {
    grid-template-columns: 2.5em 1.5fr 80px 80px 2.5em 1fr;
  }
}
@media screen and (max-width: 860px) {
  .Desktop.ui-size\@extra-large .NotificationListFinder .FinderListHeader,
  .Desktop.ui-size\@extra-large .NotificationListFinder .NotificationListFinderItem,
  .Desktop.ui-size\@extra-large .NotificationListFinder .NotificationListFinderAdd {
    grid-template-columns: 2.5em 1.5fr 80px 80px 2.5em 1fr;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Graph_QuickAccess > .Button {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
  padding: 10px 10px 10px 5px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  float: left;
}
.Graph_QuickAccess > .Button:hover {
  background-color: #191b1b;
}
.Graph_QuickAccess > .Button:active,
.Graph_QuickAccess > .Button.active {
  background-color: #0d0e0e;
}
.Graph_QuickAccess > .Button[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.Graph_QuickAccess > .Button > .Icon {
  color: inherit !important;
  font-size: 1.25em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Report_QuickAccess > .Button {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
  padding: 10px 10px 10px 5px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  float: left;
}
.Report_QuickAccess > .Button:hover {
  background-color: #191b1b;
}
.Report_QuickAccess > .Button:active,
.Report_QuickAccess > .Button.active {
  background-color: #0d0e0e;
}
.Report_QuickAccess > .Button[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.Report_QuickAccess > .Button > .Icon {
  color: inherit !important;
  font-size: 1.25em;
}
.Report_QuickAccess > .analytics.purchase {
  background-color: #ff9900;
  color: black;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}/**
 * Standard tags list recipe.
 */
/**
 * Give some room between header and its content.
 */
.splitHeaderContent > caption,
.splitHeaderContent > caption + * {
  padding: 2px 0;
}
.splitHeaderContent > caption {
  font-weight: 300;
}
.Device_Phalanx_Dashboard > .ContentArea > div {
  display: grid;
  grid-template-rows: auto auto 1fr;
  /** HEADER ZONE **/
  /** ACTION ZONE **/
  /** CIRCUITS ZONE **/
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone {
  padding: 8px 16px;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header {
  grid-row-start: 1;
  grid-row-end: 2;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > h1 {
  align-self: center;
  font-size: 2.2em;
  line-height: 1em;
  font-weight: 100;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .tag-area {
  margin-top: 8px;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .tag-area > header {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .tag-area > header > caption {
  padding: 2px 8px;
  font-weight: 300;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .tag-area > .tags {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 8px;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .tag-area > .tags > .empty {
  font-style: italic;
  font-weight: 300;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .tag-area > .Button {
  height: 100%;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .quick-access > caption,
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .quick-access > caption + * {
  padding: 2px 0;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Header > .quick-access > caption {
  font-weight: 300;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Action {
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.025);
  border-bottom: 1px solid rgba(255, 255, 255, 0.025);
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Action > .Button {
  border-radius: 4px !important;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits {
  grid-row-start: 3;
  grid-row-end: 4;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > caption,
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > caption + * {
  padding: 2px 0;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > caption {
  font-weight: 300;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  grid-template-columns: max-content;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit {
  width: 650px;
  height: 6em;
  min-height: unset;
  padding-left: 12px;
  padding-right: 12px;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit.hidden {
  visibility: hidden;
  pointer-events: none;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > span {
  flex-grow: 1;
  font-size: 1.2em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > div.icon {
  width: 2em;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > div:has(> .Icon) {
  width: 2em;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .alert > .Icon {
  color: #fff;
  background-color: #ff6600;
  border-radius: 1.5em;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .alert > .Icon > .IconLayer > i {
  text-shadow: 0 0 1px black;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .gps > .Icon.excellent,
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .gps > .Icon.good,
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .gps > .Icon.unknown {
  color: #00aa00;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .gps > .Icon.fair {
  color: #ff6600;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .gps > .Icon.poor {
  color: #aa0000;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .gps > .Icon.offline {
  color: rgba(242, 242, 242, 0.15);
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .status > .Icon {
  font-size: 0.85em;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .status > .Icon.online {
  color: #00aa00;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .label > .status > .Icon.offline {
  color: #aa0000;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .tag-area {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  overflow: hidden;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .tag-area > .tags {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  height: 3em;
  flex-grow: 1;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .tag-area > .tags > .empty {
  font-style: italic;
  font-weight: 300;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .tag-area > .tags > .Icon {
  width: 2em;
  min-width: unset;
  padding: 0;
  justify-content: center;
}
.Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit > .content > .tag-area > .Button {
  height: 100%;
}
@media screen and (max-width: 640px) {
  .Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits {
    grid-template-columns: 100% !important;
  }
  .Device_Phalanx_Dashboard > .ContentArea > div > .Zone.Circuits > .circuits > .Circuit {
    width: 100%;
    min-width: unset;
  }
}
.Switch {
  background-color: #3e4242;
  border: none;
  border-radius: 16px;
  height: 16px;
  padding: 2px;
  position: relative;
  width: 26px;
}
.Switch > span {
  background-color: rgba(0, 130, 202, 0.3);
  border-radius: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left 0.1s ease-in-out;
}
.Switch.on > span {
  left: 12px;
  background-color: #00a3fd;
}
.Switch:active > span,
.Switch.on:active > span {
  left: 7px;
}
.Switch.disabled > span {
  background-color: #575c5c;
}
.Preferences > .ContentArea > div > form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.Preferences > .ContentArea > div > form > fieldset {
  width: 100%;
  max-width: 600px;
}
.Preferences > .ContentArea > div > form > fieldset .fields {
  grid-template-columns: 1fr 2fr;
}
.Preferences > .ContentArea > div > form .Switch {
  background-color: #1e2020;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_AdvancedView_Alerts {
  clear: both;
  display: grid;
  margin-bottom: 10px;
  max-width: 640px;
  width: 100%;
  grid-template-columns: 140px 1fr 2em;
  grid-template-columns: 1fr;
}
.Device_AdvancedView_Alerts > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Alerts > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_Alerts > strong,
.Device_AdvancedView_Alerts > strong + span,
.Device_AdvancedView_Alerts > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_Alerts > strong,
.Device_AdvancedView_Alerts > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Alerts > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_Alerts > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_Alerts > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_Alerts > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_Alerts > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_Alerts > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_Alerts > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_Alerts > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_Alerts > section,
.Device_AdvancedView_Alerts > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_Alerts > header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  display: flex;
  grid-column-start: 1;
  grid-column-end: 4;
  min-height: 3em;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Alerts > header > h1 {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
}
.Device_AdvancedView_Alerts > strong,
.Device_AdvancedView_Alerts > strong + span,
.Device_AdvancedView_Alerts > strong + span + .Button {
  margin-top: 5px;
}
.Device_AdvancedView_Alerts > strong,
.Device_AdvancedView_Alerts > span {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Alerts > strong {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Device_AdvancedView_Alerts > span {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Device_AdvancedView_Alerts > span:not(.no-empty):empty::after {
  content: "\2014";
  opacity: 0.25;
}
.Device_AdvancedView_Alerts > span > em.offline {
  opacity: 0.5;
}
.Device_AdvancedView_Alerts > span > em.offline::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #f00;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_Alerts > span > em.online {
  opacity: 1;
}
.Device_AdvancedView_Alerts > span > em.online::before {
  content: "\25CF";
  font-size: 1.5em;
  color: #0e0;
  margin-right: 4px;
  font-style: normal;
}
.Device_AdvancedView_Alerts > .Button {
  grid-column-start: 3;
  grid-column-end: 4;
  height: 2em;
}
.Device_AdvancedView_Alerts > section,
.Device_AdvancedView_Alerts > form {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 4;
  margin-top: 5px;
  grid-template-columns: 140px 1fr 2em;
}
.Device_AdvancedView_Alerts > header.secondary {
  display: grid;
  grid-template-columns: 120px 64px 1fr 1fr;
}
.Device_AdvancedView_Alerts > header.secondary > strong {
  min-height: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Alerts > header.secondary > strong.center {
  justify-content: center;
}
.Device_AdvancedView_Alerts > section {
  display: grid;
  grid-template-columns: 120px 64px 1fr 1fr;
}
.Device_AdvancedView_Alerts > section > em {
  color: #b5bfc9;
  grid-column-start: 1;
  grid-column-end: 5;
}
.Device_AdvancedView_Alerts > section > span,
.Device_AdvancedView_Alerts > section > em {
  min-height: 3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Device_AdvancedView_Alerts > section > span.center,
.Device_AdvancedView_Alerts > section > em.center {
  justify-content: center;
}
.Device_AdvancedView_Alerts > section > span.warning,
.Device_AdvancedView_Alerts > section > em.warning {
  color: #ff6600;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.QuickAccessView_Alerts {
  padding: 0px 6px;
}
.ScaleFactors td > input,
.ScaleFactors td > textarea,
.ScaleFactors td > select {
  background-color: #fff;
  color: #323535;
  width: 100%;
}
.ScaleFactors td > input,
.ScaleFactors td > textarea {
  cursor: text;
}
.ScaleFactors td > input {
  width: 56px;
}
.ScaleFactors .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.RecordingMeasures .Clickable {
  color: #0082ca;
  text-decoration: underline;
  cursor: pointer;
}
.Recording_GraphQuickAccess > .Button {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
  padding: 10px 10px 10px 5px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  float: left;
}
.Recording_GraphQuickAccess > .Button:hover {
  background-color: #191b1b;
}
.Recording_GraphQuickAccess > .Button:active,
.Recording_GraphQuickAccess > .Button.active {
  background-color: #0d0e0e;
}
.Recording_GraphQuickAccess > .Button[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.Recording_GraphQuickAccess > .Button > .Icon {
  color: inherit !important;
  font-size: 1.25em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Recording_ReportQuickAccess > .Button {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
  padding: 10px 10px 10px 5px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  float: left;
}
.Recording_ReportQuickAccess > .Button:hover {
  background-color: #191b1b;
}
.Recording_ReportQuickAccess > .Button:active,
.Recording_ReportQuickAccess > .Button.active {
  background-color: #0d0e0e;
}
.Recording_ReportQuickAccess > .Button[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.Recording_ReportQuickAccess > .Button > .Icon {
  color: inherit !important;
  font-size: 1.25em;
}
.Recording_ReportQuickAccess > .analytics.purchase {
  background-color: #ff9900;
  color: black;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.EventChange .Table thead.events > tr > th,
.EventChange .Table tbody.events > tr > th,
.EventChange .Table thead.events > tr > td,
.EventChange .Table tbody.events > tr > td {
  padding-left: 4px;
  padding-right: 4px;
}
.EventChange .Table tbody.events > tr.super-event-odd + .super-event-even,
.EventChange .Table tbody.events > tr.super-event-even + .super-event-odd {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Flicker .Table thead.settings th,
.Flicker .Table tbody.settings th,
.Flicker .Table thead.settings td,
.Flicker .Table tbody.settings td {
  padding-left: 16px;
  padding-right: 16px;
}
.PowerConsumption.document > h3 {
  font-weight: 600;
  margin-top: 2em;
  text-align: left;
}
.PowerConsumption.document em {
  color: rgba(62, 66, 66, 0.5);
}
.PowerConsuptionConfig label.stack {
  width: 100%;
  max-width: 300px;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.TransientCapture .Button {
  width: 30px;
  height: 24px;
  justify-content: center;
  margin: 4px 0px;
}
.TransientCapture .Table thead.events th,
.TransientCapture .Table tbody.events th,
.TransientCapture .Table thead.events td,
.TransientCapture .Table tbody.events td {
  padding-left: 4px;
  padding-right: 4px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.CBEMA .actions {
  width: 100%;
  height: 2.5em;
  display: flex;
  justify-content: center;
}
.CBEMA thead.settings th,
.CBEMA tbody.settings th,
.CBEMA thead.settings td,
.CBEMA tbody.settings td {
  padding-left: 8px;
  padding-right: 8px;
}
.Summary td,
.Summary th {
  text-align: center;
}
.Summary caption {
  text-align: left;
  font-weight: 600;
}
.Summary .header {
  font-size: 0.9em;
}
.Summary .Pass {
  color: green;
}
.Summary .Fail {
  color: red;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Details th {
  text-align: center;
}
.Details td {
  text-align: right;
}
.Details .Invalid {
  color: red;
}
.Details .LeftBorder {
  border-left: solid thin black;
}
.Details .RightBorder {
  border-right: solid thin black;
}
.Details .TopBorder {
  border-top: solid thin black;
}
.Details .BottomBorder {
  border-bottom: solid thin black;
}
.Details > thead th.channel {
  text-align: center;
}
.Details caption {
  font-weight: 600;
  padding-top: 4px;
  border-top: solid thin black;
  border-left: solid thin black;
  border-right: solid thin black;
}
.Details caption .caption-warning {
  border: 1px solid #ff3131;
  margin: 5px 10px 5px 10px;
  padding: 5px;
  background-color: #ffe4e4;
  color: #ff3b3b;
  border-radius: 4px;
  font-weight: 500;
}
.Details thead {
  border-left: solid thin black;
  border-right: solid thin black;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ScaleFactors > caption {
  font-style: italic;
}
.ScaleFactors > thead th {
  font-weight: 500;
}
.ScaleFactors > thead th:not(.title) + th {
  border-bottom: 1px solid black;
  font-size: 0.8em;
  text-align: right;
}
.ScaleFactors > tbody th {
  font-weight: 400;
  padding-right: 8px;
  border-right: 1px solid black;
}
.ScaleFactors > tbody td {
  padding: 0px 8px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.RecordingReportHeader {
  padding: 10px 20px;
}
.RecordingReportHeader tbody th {
  text-align: left;
  padding: 0px 12px 0px 0px;
}
.IEEE519 {
  padding: 12px 20px;
}
.IEEE519 h3 {
  text-align: left !important;
  font-weight: bold !important;
  font-size: 1.4em !important;
  margin-bottom: 0 !important;
}
.IEEE519 .Hidden {
  visibility: hidden;
}
.IEEE519 .Warnings {
  color: red;
}
.IEEE519 .Warnings > p {
  margin: 1px 0px;
}
.IEEE519 .header .RecordingReportHeader {
  padding: 0px !important;
}
.IEEE519 .header .RecordingReportHeader tbody.children .ratio-name {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding: 0px 0.25em;
}
.IEEE519 .header .RecordingReportHeader tbody.children .ratio-name > span {
  font-size: 0.9em;
}
.IEEE519 .header .RecordingReportHeader tbody.children .ratio-name > span:first-child {
  padding-bottom: 1px;
}
.IEEE519 .header .RecordingReportHeader tbody.children .ratio-name > span + span {
  padding-top: 1px;
  border-top: 1px solid black;
}
.IEEE519 .header div {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
}
.IEEE519 .header div > span {
  font-weight: 600;
}
.IEEE519 > .Warnings {
  margin-bottom: 12px;
}
.IEEE519 > .Summary + .Summary {
  margin-top: 24px;
}
.IEEE519 > h3 + .Details {
  margin-top: 4px;
}
.IEEE519 > .Details + .Details {
  margin-top: 24px;
}
.IEEE519Config > div {
  height: 100%;
}
.IEEE519Config > div > table > tbody {
  gap: 4px;
}
.IEEE519Config > div > table > tbody > tr {
  height: 4em;
}
.IEEE519Config > div > table > tbody > tr > th {
  text-align: left;
  padding-right: 8px;
}
.IEEE519Config > div > table > tbody > tr > td {
  padding: 2px 8px;
}
.IEEE519Config > div > table > tbody > tr > td > .Input,
.IEEE519Config > div > table > tbody > tr > td > select,
.IEEE519Config > div > table > tbody > tr > td > .checkbox-input {
  width: 100%;
}
.IEEE519Config > div > table > tbody + tbody {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.IEEE519Config > div > table .DateTime > .time {
  margin-right: 10px;
}
.IEEE519Config > .ButtonBar {
  gap: 4px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Interharmonics .Table.harmonics col.Harmonic,
.Interharmonics .Table.harmonics th.Harmonic,
.Interharmonics .Table.harmonics td.Harmonic {
  max-width: 1em;
  padding: 8px 0px;
}
.Interharmonics .Table.harmonics td.Harmonic > .harm-number-div {
  display: inline-flex;
  justify-content: space-between;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.Interharmonics .Table.harmonics td.Harmonic > .harm-number-div > .harm-number {
  white-space: nowrap;
  font-weight: 100;
}
.Interharmonics .Table.harmonics .Group {
  height: 2.5em;
}
.Interharmonics .Table.harmonics .Group .Icon.green {
  color: green;
}
.Interharmonics .Table.harmonics .Group .Icon.red {
  color: red;
}
.Interharmonics .Table.harmonics .border {
  border-left: 1px solid rgba(152, 165, 179, 0.2);
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Recording > .ContentArea {
  color: #323535;
  background-color: #f0f2f4;
  position: relative;
}
.Recording > .ContentArea article.document {
  padding: 10px;
}
.Recording > .ContentArea article.document > h1 {
  line-height: 1.1em;
}
.Recording > .ContentArea .Icon {
  color: #323535;
}
.Recording > .ContentArea .ScaleFactors {
  width: 100%;
}
.Recording > .ContentArea .TableGroup_0.rotated > .TableSection_1 > tbody {
  display: inline-flex;
}
.Recording .mw140 {
  min-width: 140px;
}
.Recording > .ToolBar {
  position: relative;
  /* Configuration Toolbar */
  /* Recording Toolbar */
}
.Recording > .ToolBar.report-params {
  gap: 4px;
}
.Recording > .ToolBar.report-params > .submit.error {
  background-color: darkred;
}
.Recording > .ToolBar.recording > .ContextMenu.graph {
  left: 0;
}
.Recording > .ToolBar.recording > .ContextMenu.report {
  left: 2.5em;
}
.Recording > .ToolBar.recording > .ContextMenu.report > .purchase {
  background-color: #ff9900;
  color: black;
}
.Recording > .ToolBar.recording > .ContextMenu.report > .purchase > .Icon {
  color: black;
}
.Recording > .ToolBar.recording .Button.add {
  border-radius: 4px;
}
.Recording > .ToolBar.recording .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.Recording > .ToolBar.recording .Button.add.above {
  border-radius: 0;
}
.Recording > .ToolBar.recording .Button.add.active,
.Recording > .ToolBar.recording .Button.add.active:hover {
  background-color: #1e2020;
}
.Recording > .ToolBar.recording .Button.add.rotate {
  background-color: #1e2020;
}
.Recording > .ToolBar.recording .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.FinderListLoading {
  display: grid;
}
.Folder {
  display: grid;
  cursor: pointer;
  height: auto !important;
  user-select: none;
}
.Folder .Input {
  background-color: #d8dee3;
  color: inherit;
}
.Folder .Input:hover {
  cursor: text !important;
}
.Folder .FinderListHeader .FinderListCell :hover {
  cursor: pointer;
}
.Folder .FinderListHeader,
.Folder .RecordingFinderItem {
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
}
.Folder .FinderListHeader:hover,
.Folder .FinderListCell:hover {
  cursor: pointer;
}
.Folder .Icon {
  color: #323535;
}
.Folder .FinderListHeader {
  position: relative;
}
.Folder .FinderListHeader .FolderTitle {
  display: flex;
}
.Folder .FinderListHeader .FolderTitle:hover {
  cursor: pointer;
}
.Folder .FinderListHeader .FolderTitle input {
  flex-grow: 1;
}
.Folder > div.expanded {
  height: 100%;
}
.Folder > div.expanded .FinderListHeader {
  position: relative;
}
.Folder > div.expanded .RecordingFinderItem:hover,
.Folder > div.expanded .FinderListHeader:hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.Folder > div.expanded .FolderHeader:hover {
  background-color: #f0f2f4;
}
.Folder .FinderListHeader {
  grid-template-columns: 2.5em 30em 2.5em 2.5em 2.5em 2.5em !important;
}
.Folder.BottomBaseFolder {
  border-bottom: solid 1px #abb8c3;
}
.FolderSelect {
  height: 100%;
  overflow: auto;
}
.FolderSelect .FinderListHeader:hover {
  background-color: #c1c9d1;
}
.RecordingFinderItem {
  display: grid;
  cursor: pointer;
}
.RecordingFinderItem * {
  cursor: pointer;
}
.RecordingFinderItem .Icon {
  color: #323535;
}
.RecordingFinderItem .Icon .IconLayer.active > i {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.RecordingFinderItem .FinderListCell.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.RecordingFinderItem .FinderListCell.right {
  display: flex;
  justify-content: right;
}
.RecordingFinderItem .icon-filled-circle {
  color: red;
}
.RecordingGraphFinderItem {
  display: grid;
  grid-template-columns: 2.5em 25em 4em 7em 2.5em 1fr;
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
  margin-left: 5em;
  cursor: pointer;
}
.RecordingGraphFinderItem * {
  cursor: pointer;
}
.RecordingGraphFinderItem .FinderListCell.right {
  display: flex;
  justify-content: right;
}
.RecordingGraphFinderItem:hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.RecordingFileFinderItem {
  display: grid;
  grid-template-columns: 2.5em 25em 4em 7em 2.5em 1fr;
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
  margin-left: 5em;
  cursor: pointer;
}
.RecordingFileFinderItem .RecordingGraphFinderItemName {
  display: flex;
}
.RecordingFileFinderItem .RecordingGraphFinderItemName input {
  flex-grow: 1;
}
.RecordingFileFinderItem * {
  cursor: pointer;
}
.RecordingFileFinderItem:hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.RecordingFileFinderItem .FinderListCell.right {
  display: flex;
  justify-content: right;
}
.OuterFolder {
  display: grid;
  cursor: pointer;
  height: auto !important;
  overflowY: scroll;
}
.OuterFolder:hover {
  background-color: #f0f2f4 !important;
}
.OuterFolder .expanded:hover {
  background-color: #f0f2f4 !important;
}
.OuterFolder .Folder:hover {
  background-color: #d8dee3;
}
.OuterFolder .Input {
  background-color: #d8dee3;
  color: inherit;
}
.OuterFolder .Input:hover {
  cursor: text !important;
}
.OuterFolder .FinderListHeader .FinderListCell :hover {
  cursor: pointer;
}
.OuterFolder .FinderListHeader,
.OuterFolder .RecordingFinderItem {
  grid-column-gap: 0;
  align-items: center;
  height: 4em;
  border-bottom: 1px solid #d8dee3;
  transition: background-color 0.1s linear;
}
.OuterFolder .FinderListHeader:hover,
.OuterFolder .FinderListCell:hover {
  cursor: pointer;
  background-color: #d8dee3;
  transition: background-color 0s;
}
.OuterFolder .Icon {
  color: #323535;
}
.OuterFolder .FinderListHeader {
  position: relative;
}
.OuterFolder .FinderListHeader .FolderTitle {
  display: flex;
  gap: 8px;
}
.OuterFolder .FinderListHeader .FolderTitle:hover {
  cursor: pointer;
}
.OuterFolder > div.expanded {
  height: 100%;
}
.OuterFolder > div.expanded .Folder {
  margin-left: 2.5em;
}
.OuterFolder > div.expanded .RecordingFinderItem {
  grid-template-columns: 2.5em 2.5em 2.5em 25em 4em 7em 1fr;
}
.OuterFolder > div.expanded .FinderListHeader {
  position: relative;
}
.OuterFolder > div.expanded .RecordingFinderItem:hover,
.OuterFolder > div.expanded .FinderListHeader:hover {
  background-color: #d8dee3;
  transition: background-color 0s;
}
.OuterFolder > div.expanded .FolderHeader:hover {
  background-color: #f0f2f4;
}
.OuterFolder .FinderListHeader {
  grid-template-columns: 2.5em 27.5em 2.5em 2.5em 2.5em 1fr !important;
}
.OuterFolder .FinderListHeader .FinderListCell.right {
  display: flex;
  justify-content: right;
}
.OuterFolder .icon-subdirectory-arrow {
  font-weight: 900;
}
.RecordingFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.RecordingFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.RecordingFinder > .ContentArea .FinderListHeader {
  grid-template-columns: 2.5em 30em 4em 7em 2.5em 1fr;
}
.RecordingFinder > .ContentArea .FinderListBody {
  overflow-x: auto;
}
.RecordingFinder > .ContentArea .FinderListHeader > .clickable {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.RecordingFinder > .ContentArea .FinderListHeader > .clickable > .Icon {
  margin-left: 0px;
}
.RecordingFinder > .ContentArea .FinderListHeader > .Sort {
  text-decoration: underline;
}
.RecordingFinder > .ContentArea .RecordingFinderItem {
  grid-template-columns: 2.5em 2.5em 2.5em 25em 4em 7em 1fr;
}
.RecordingFinder > .ContentArea .RecordingFinderItem > .FinderListCell {
  display: flex;
}
.RecordingFinder > .ToolBar > .Path {
  display: flex;
  flex-wrap: wrap;
  max-width: 90%;
  margin: 5px;
}
.RecordingFinder > .ToolBar > .Path > .Split {
  min-width: 0;
}
.RecordingFinder > .ToolBar > .Path > .Split:hover {
  cursor: pointer;
  color: #c1c9d1;
}
.RecordingGraphWizard > .ContentArea > div > div#WaveformSelector {
  height: 100%;
  display: grid;
  grid-template-rows: auto 3em;
  grid-template-columns: 1fr;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.HookupSelection > .SettingsSelectionHookup {
  display: grid;
  grid-template-columns: repeat(auto-fit, 250px);
  gap: 15px;
  justify-content: space-evenly;
  grid-auto-rows: 200px;
}
.HookupSelection > .SettingsSelectionHookup > legend {
  font-size: 1.15em;
}
.HookupSelection > .SettingsSelectionHookup > .SettingsSelectionHookupOption > input,
.HookupSelection > .SettingsSelectionHookup > .SettingsSelectionHookupOption > label,
.HookupSelection > .SettingsSelectionHookup > .SettingsSelectionHookupOption > img {
  cursor: pointer;
}
.HookupSelection > .SettingsSelectionHookup > .SettingsSelectionHookupOption > img {
  height: 85%;
  width: 100%;
  background-color: white;
  object-fit: contain;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.CurrentRangeSelection > .SettingsSelectionCurrentRange {
  display: grid;
  grid-template-columns: repeat(auto-fit, 250px);
  gap: 15px;
  justify-content: space-evenly;
  grid-auto-rows: 2em;
}
.CurrentRangeSelection > .SettingsSelectionCurrentRange > legend {
  font-size: 1.15em;
}
.CurrentRangeSelection > .SettingsSelectionCurrentRange > .SettingsSelectionCurrentRangeOption > input,
.CurrentRangeSelection > .SettingsSelectionCurrentRange > .SettingsSelectionCurrentRangeOption > label {
  cursor: pointer;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.SettingsSelection {
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
  grid-template-rows: 1fr 3.5em;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* ZONE->CONTENT */
  /* ZONE->ACTIONS */
}
.SettingsSelection button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  width: 7em;
}
.SettingsSelection > .zone.content {
  grid-row-start: 1;
  grid-row-end: 2;
}
.SettingsSelection .SettingsSelectionHeader {
  font-size: 1.85em;
  margin-bottom: 20px;
  margin-top: 20px;
  font-weight: 100;
}
.SettingsSelection label {
  padding: 5px;
}
.SettingsSelection .Disabled {
  cursor: not-allowed;
  opacity: 40%;
}
.SettingsSelection .Disabled:hover,
.SettingsSelection .Disabled * {
  cursor: not-allowed;
}
.SettingsSelection .SettingsSelectionNominal {
  margin-top: 15px;
  margin-bottom: 15px;
}
.SettingsSelection > .zone.actions {
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  background-color: unset !important;
  background-image: unset !important;
  gap: 20px;
}
.SettingsSelection > .zone.actions > .Button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
.TemplateSelection {
  height: 100%;
  overflow-y: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.TemplateSelection .TemplateSelectionInstructions {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  font-weight: 100;
}
.TemplateSelection .TemplateSelectionButtons {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
.TemplateSelection .TemplateSelectionButtons button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
.InitLog {
  background-color: inherit;
  grid-row-start: 1;
  grid-row-end: 3;
  display: grid;
  grid-template-rows: auto 48px;
}
.InitLog > div {
  background-color: #000;
  border-radius: 2px;
  color: #fff;
  padding: 10px;
  white-space: pre-wrap;
  font-family: monospace;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 6px;
}
.InitLog > div > span {
  display: block;
}
.InitLog > .ToolBar {
  padding: 0 6px;
}
.InitLog > .ToolBar > button {
  width: auto;
  padding: 8px;
}
.Desktop.ui-size\@normal {
  font-size: 12px;
  line-height: 16px;
}
.Desktop.ui-size\@large {
  font-size: 14px;
  line-height: 18px;
}
.Desktop.ui-size\@extra-large {
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Stripchart {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_Stripchart > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Stripchart .left {
  text-align: left;
}
.DeviceInit_Stripchart .center {
  text-align: center;
}
.DeviceInit_Stripchart .right {
  text-align: right;
}
.DeviceInit_Stripchart > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Stripchart > table.fast {
  table-layout: fixed;
}
.DeviceInit_Stripchart > table th,
.DeviceInit_Stripchart > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Stripchart > table th.left,
.DeviceInit_Stripchart > table td.left {
  text-align: left;
}
.DeviceInit_Stripchart > table th.center,
.DeviceInit_Stripchart > table td.center {
  text-align: center;
}
.DeviceInit_Stripchart > table th.right,
.DeviceInit_Stripchart > table td.right {
  text-align: right;
}
.DeviceInit_Stripchart > table th.w20,
.DeviceInit_Stripchart > table td.w20 {
  width: 20%;
}
.DeviceInit_Stripchart > table th.w25,
.DeviceInit_Stripchart > table td.w25 {
  width: 25%;
}
.DeviceInit_Stripchart > table th.w33,
.DeviceInit_Stripchart > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Stripchart > table th.w50,
.DeviceInit_Stripchart > table td.w50 {
  width: 50%;
}
.DeviceInit_Stripchart > table th.w66,
.DeviceInit_Stripchart > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Stripchart > table th.w75,
.DeviceInit_Stripchart > table td.w75 {
  width: 75%;
}
.DeviceInit_Stripchart > table th.dashempty:empty::before,
.DeviceInit_Stripchart > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Stripchart > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Stripchart > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Stripchart > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Stripchart > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Stripchart > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Stripchart > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Stripchart > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Stripchart > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Stripchart > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Stripchart > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Stripchart > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Stripchart > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Stripchart > table td > table.info td:first-child,
.DeviceInit_Stripchart > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Stripchart > table td > table.info td:last-child,
.DeviceInit_Stripchart > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Stripchart > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Stripchart > table tr {
  margin: 4px 0px;
}
.DeviceInit_Stripchart > table thead {
  /** Name & Description **/
}
.DeviceInit_Stripchart > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Stripchart > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Stripchart > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Stripchart > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Stripchart > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Stripchart > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Stripchart > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Stripchart > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Stripchart > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Stripchart > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Stripchart > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Stripchart > table td.center > .Input.text,
.DeviceInit_Stripchart > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Stripchart > table .shade-even,
.DeviceInit_Stripchart > table th.shade-even,
.DeviceInit_Stripchart > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Stripchart > table .shade-odd,
.DeviceInit_Stripchart > table th.shade-odd,
.DeviceInit_Stripchart > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Stripchart > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Stripchart > table tbody .multichan .Input.text,
.DeviceInit_Stripchart > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Stripchart > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Stripchart > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Stripchart > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Stripchart > table tbody .disabled > th > span > .name,
.DeviceInit_Stripchart > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Stripchart > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Stripchart > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Stripchart > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
.DeviceInit_Stripchart > table {
  /** Column Width **/
  /** Column Shading **/
  /** Extra Spacing **/
  /** Group Separator **/
  /** Recording Interval **/
  /** Disabled MMA Rows **/
  /** MMA tables **/
  /* Columnar MMA setters */
  /* Row MMA setters */
  /* Channel MMA setters */
  /** Harmonics **/
}
.DeviceInit_Stripchart > table > colgroup > col.channel {
  width: auto;
}
.DeviceInit_Stripchart > table th.shade-even,
.DeviceInit_Stripchart > table td.shade-even {
  background-color: unset;
}
.DeviceInit_Stripchart > table th.shade-even > table,
.DeviceInit_Stripchart > table td.shade-even > table {
  background-color: #5c6262;
}
.DeviceInit_Stripchart > table th.shade-odd,
.DeviceInit_Stripchart > table td.shade-odd {
  background-color: unset;
}
.DeviceInit_Stripchart > table th.shade-odd > table,
.DeviceInit_Stripchart > table td.shade-odd > table {
  background-color: #434747;
}
.DeviceInit_Stripchart > table thead {
  margin-top: 8px;
}
.DeviceInit_Stripchart > table thead:first-child {
  margin-top: 0px;
}
.DeviceInit_Stripchart > table .disabled .MMA > thead > th {
  pointer-events: none;
  visibility: hidden;
}
.DeviceInit_Stripchart > table .disabled .MMA > tbody > td {
  pointer-events: none;
}
.DeviceInit_Stripchart > table .disabled .MMA > tbody > td > .Input {
  visibility: hidden;
}
.DeviceInit_Stripchart > table .MMA {
  width: 100%;
}
.DeviceInit_Stripchart > table .MMA th.disabled,
.DeviceInit_Stripchart > table .MMA td.disabled {
  background-color: unset;
}
.DeviceInit_Stripchart > table .MMA > thead > th {
  text-transform: capitalize;
}
.DeviceInit_Stripchart > table .MMA > thead > th,
.DeviceInit_Stripchart > table .MMA > tbody > td {
  padding: 8px 4px;
}
.DeviceInit_Stripchart > table .MMA > thead > th.disabled {
  pointer-events: none;
  color: transparent;
}
.DeviceInit_Stripchart > table .MMA > tbody > td.disabled {
  pointer-events: none;
}
.DeviceInit_Stripchart > table .MMA > tbody > td.disabled > .Input {
  display: none;
}
.DeviceInit_Stripchart > table .MMA-all .MMA th {
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid black;
}
.DeviceInit_Stripchart > table .MMA-row {
  width: unset;
  height: unset;
  float: right;
  margin-right: 8px;
}
.DeviceInit_Stripchart > table .MMA-row > .Input {
  width: 1em;
  height: 1em;
}
.DeviceInit_Stripchart > table .MMA-row.disabled > .Input {
  visibility: hidden;
}
.DeviceInit_Stripchart > table .MMA-channel {
  display: inline;
  margin-left: 8px;
}
.DeviceInit_Stripchart > table .Graph.Header {
  max-width: 100px;
}
.DeviceInit_Stripchart > table .Graph.Entry {
  padding: 2px 0px;
}
.DeviceInit_Stripchart > table .SelectedHarmonics .Custom.disabled > th,
.DeviceInit_Stripchart > table .SelectedHarmonics .Custom.disabled > td {
  pointer-events: none;
}
.DeviceInit_Stripchart > table .SelectedHarmonics .Custom > td > .Input {
  width: 100%;
}
.DeviceInit_Stripchart > table .SelectedHarmonics .Custom > td > .Input.error {
  background-color: darkred;
}
@media screen and (max-width: 640px) {
  .DeviceInit_Stripchart > table[channels="3"] .MMA > thead > th,
  .DeviceInit_Stripchart > table[channels="4"] .MMA > thead > th,
  .DeviceInit_Stripchart > table[channels="3"] .MMA > tbody > td,
  .DeviceInit_Stripchart > table[channels="4"] .MMA > tbody > td {
    padding: 4px 4px;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Waveform {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_Waveform > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Waveform .left {
  text-align: left;
}
.DeviceInit_Waveform .center {
  text-align: center;
}
.DeviceInit_Waveform .right {
  text-align: right;
}
.DeviceInit_Waveform > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Waveform > table.fast {
  table-layout: fixed;
}
.DeviceInit_Waveform > table th,
.DeviceInit_Waveform > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Waveform > table th.left,
.DeviceInit_Waveform > table td.left {
  text-align: left;
}
.DeviceInit_Waveform > table th.center,
.DeviceInit_Waveform > table td.center {
  text-align: center;
}
.DeviceInit_Waveform > table th.right,
.DeviceInit_Waveform > table td.right {
  text-align: right;
}
.DeviceInit_Waveform > table th.w20,
.DeviceInit_Waveform > table td.w20 {
  width: 20%;
}
.DeviceInit_Waveform > table th.w25,
.DeviceInit_Waveform > table td.w25 {
  width: 25%;
}
.DeviceInit_Waveform > table th.w33,
.DeviceInit_Waveform > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Waveform > table th.w50,
.DeviceInit_Waveform > table td.w50 {
  width: 50%;
}
.DeviceInit_Waveform > table th.w66,
.DeviceInit_Waveform > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Waveform > table th.w75,
.DeviceInit_Waveform > table td.w75 {
  width: 75%;
}
.DeviceInit_Waveform > table th.dashempty:empty::before,
.DeviceInit_Waveform > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Waveform > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Waveform > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Waveform > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Waveform > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Waveform > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Waveform > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Waveform > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Waveform > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Waveform > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Waveform > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Waveform > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Waveform > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Waveform > table td > table.info td:first-child,
.DeviceInit_Waveform > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Waveform > table td > table.info td:last-child,
.DeviceInit_Waveform > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Waveform > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Waveform > table tr {
  margin: 4px 0px;
}
.DeviceInit_Waveform > table thead {
  /** Name & Description **/
}
.DeviceInit_Waveform > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Waveform > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Waveform > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Waveform > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Waveform > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Waveform > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Waveform > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Waveform > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Waveform > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Waveform > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Waveform > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Waveform > table td.center > .Input.text,
.DeviceInit_Waveform > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Waveform > table .shade-even,
.DeviceInit_Waveform > table th.shade-even,
.DeviceInit_Waveform > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Waveform > table .shade-odd,
.DeviceInit_Waveform > table th.shade-odd,
.DeviceInit_Waveform > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Waveform > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Waveform > table tbody .multichan .Input.text,
.DeviceInit_Waveform > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Waveform > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Waveform > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Waveform > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Waveform > table tbody .disabled > th > span > .name,
.DeviceInit_Waveform > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Waveform > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Waveform > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Waveform > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Transient {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_Transient > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Transient .left {
  text-align: left;
}
.DeviceInit_Transient .center {
  text-align: center;
}
.DeviceInit_Transient .right {
  text-align: right;
}
.DeviceInit_Transient > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Transient > table.fast {
  table-layout: fixed;
}
.DeviceInit_Transient > table th,
.DeviceInit_Transient > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Transient > table th.left,
.DeviceInit_Transient > table td.left {
  text-align: left;
}
.DeviceInit_Transient > table th.center,
.DeviceInit_Transient > table td.center {
  text-align: center;
}
.DeviceInit_Transient > table th.right,
.DeviceInit_Transient > table td.right {
  text-align: right;
}
.DeviceInit_Transient > table th.w20,
.DeviceInit_Transient > table td.w20 {
  width: 20%;
}
.DeviceInit_Transient > table th.w25,
.DeviceInit_Transient > table td.w25 {
  width: 25%;
}
.DeviceInit_Transient > table th.w33,
.DeviceInit_Transient > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Transient > table th.w50,
.DeviceInit_Transient > table td.w50 {
  width: 50%;
}
.DeviceInit_Transient > table th.w66,
.DeviceInit_Transient > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Transient > table th.w75,
.DeviceInit_Transient > table td.w75 {
  width: 75%;
}
.DeviceInit_Transient > table th.dashempty:empty::before,
.DeviceInit_Transient > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Transient > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Transient > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Transient > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Transient > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Transient > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Transient > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Transient > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Transient > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Transient > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Transient > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Transient > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Transient > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Transient > table td > table.info td:first-child,
.DeviceInit_Transient > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Transient > table td > table.info td:last-child,
.DeviceInit_Transient > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Transient > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Transient > table tr {
  margin: 4px 0px;
}
.DeviceInit_Transient > table thead {
  /** Name & Description **/
}
.DeviceInit_Transient > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Transient > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Transient > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Transient > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Transient > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Transient > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Transient > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Transient > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Transient > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Transient > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Transient > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Transient > table td.center > .Input.text,
.DeviceInit_Transient > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Transient > table .shade-even,
.DeviceInit_Transient > table th.shade-even,
.DeviceInit_Transient > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Transient > table .shade-odd,
.DeviceInit_Transient > table th.shade-odd,
.DeviceInit_Transient > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Transient > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Transient > table tbody .multichan .Input.text,
.DeviceInit_Transient > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Transient > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Transient > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Transient > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Transient > table tbody .disabled > th > span > .name,
.DeviceInit_Transient > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Transient > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Transient > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Transient > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Event {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_Event > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Event .left {
  text-align: left;
}
.DeviceInit_Event .center {
  text-align: center;
}
.DeviceInit_Event .right {
  text-align: right;
}
.DeviceInit_Event > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Event > table.fast {
  table-layout: fixed;
}
.DeviceInit_Event > table th,
.DeviceInit_Event > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Event > table th.left,
.DeviceInit_Event > table td.left {
  text-align: left;
}
.DeviceInit_Event > table th.center,
.DeviceInit_Event > table td.center {
  text-align: center;
}
.DeviceInit_Event > table th.right,
.DeviceInit_Event > table td.right {
  text-align: right;
}
.DeviceInit_Event > table th.w20,
.DeviceInit_Event > table td.w20 {
  width: 20%;
}
.DeviceInit_Event > table th.w25,
.DeviceInit_Event > table td.w25 {
  width: 25%;
}
.DeviceInit_Event > table th.w33,
.DeviceInit_Event > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Event > table th.w50,
.DeviceInit_Event > table td.w50 {
  width: 50%;
}
.DeviceInit_Event > table th.w66,
.DeviceInit_Event > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Event > table th.w75,
.DeviceInit_Event > table td.w75 {
  width: 75%;
}
.DeviceInit_Event > table th.dashempty:empty::before,
.DeviceInit_Event > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Event > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Event > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Event > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Event > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Event > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Event > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Event > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Event > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Event > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Event > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Event > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Event > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Event > table td > table.info td:first-child,
.DeviceInit_Event > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Event > table td > table.info td:last-child,
.DeviceInit_Event > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Event > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Event > table tr {
  margin: 4px 0px;
}
.DeviceInit_Event > table thead {
  /** Name & Description **/
}
.DeviceInit_Event > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Event > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Event > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Event > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Event > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Event > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Event > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Event > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Event > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Event > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Event > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Event > table td.center > .Input.text,
.DeviceInit_Event > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Event > table .shade-even,
.DeviceInit_Event > table th.shade-even,
.DeviceInit_Event > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Event > table .shade-odd,
.DeviceInit_Event > table th.shade-odd,
.DeviceInit_Event > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Event > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Event > table tbody .multichan .Input.text,
.DeviceInit_Event > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Event > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Event > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Event > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Event > table tbody .disabled > th > span > .name,
.DeviceInit_Event > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Event > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Event > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Event > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Flicker {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
  /** Columns **/
}
.DeviceInit_Flicker > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Flicker .left {
  text-align: left;
}
.DeviceInit_Flicker .center {
  text-align: center;
}
.DeviceInit_Flicker .right {
  text-align: right;
}
.DeviceInit_Flicker > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Flicker > table.fast {
  table-layout: fixed;
}
.DeviceInit_Flicker > table th,
.DeviceInit_Flicker > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Flicker > table th.left,
.DeviceInit_Flicker > table td.left {
  text-align: left;
}
.DeviceInit_Flicker > table th.center,
.DeviceInit_Flicker > table td.center {
  text-align: center;
}
.DeviceInit_Flicker > table th.right,
.DeviceInit_Flicker > table td.right {
  text-align: right;
}
.DeviceInit_Flicker > table th.w20,
.DeviceInit_Flicker > table td.w20 {
  width: 20%;
}
.DeviceInit_Flicker > table th.w25,
.DeviceInit_Flicker > table td.w25 {
  width: 25%;
}
.DeviceInit_Flicker > table th.w33,
.DeviceInit_Flicker > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Flicker > table th.w50,
.DeviceInit_Flicker > table td.w50 {
  width: 50%;
}
.DeviceInit_Flicker > table th.w66,
.DeviceInit_Flicker > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Flicker > table th.w75,
.DeviceInit_Flicker > table td.w75 {
  width: 75%;
}
.DeviceInit_Flicker > table th.dashempty:empty::before,
.DeviceInit_Flicker > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Flicker > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Flicker > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Flicker > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Flicker > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Flicker > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Flicker > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Flicker > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Flicker > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Flicker > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Flicker > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Flicker > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Flicker > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Flicker > table td > table.info td:first-child,
.DeviceInit_Flicker > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Flicker > table td > table.info td:last-child,
.DeviceInit_Flicker > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Flicker > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Flicker > table tr {
  margin: 4px 0px;
}
.DeviceInit_Flicker > table thead {
  /** Name & Description **/
}
.DeviceInit_Flicker > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Flicker > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Flicker > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Flicker > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Flicker > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Flicker > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Flicker > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Flicker > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Flicker > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Flicker > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Flicker > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Flicker > table td.center > .Input.text,
.DeviceInit_Flicker > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Flicker > table .shade-even,
.DeviceInit_Flicker > table th.shade-even,
.DeviceInit_Flicker > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Flicker > table .shade-odd,
.DeviceInit_Flicker > table th.shade-odd,
.DeviceInit_Flicker > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Flicker > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Flicker > table tbody .multichan .Input.text,
.DeviceInit_Flicker > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Flicker > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Flicker > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Flicker > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Flicker > table tbody .disabled > th > span > .name,
.DeviceInit_Flicker > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Flicker > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Flicker > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Flicker > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
.DeviceInit_Flicker > table {
  /** 2 Columns **/
  /** Flicker Table **/
}
.DeviceInit_Flicker > table > colgroup > col {
  width: 15%;
}
.DeviceInit_Flicker > table > colgroup > col + col {
  width: 25%;
}
.DeviceInit_Flicker > table .Group.Flicker td.entry > .Input {
  width: 50%;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Abnormal {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_Abnormal > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Abnormal .left {
  text-align: left;
}
.DeviceInit_Abnormal .center {
  text-align: center;
}
.DeviceInit_Abnormal .right {
  text-align: right;
}
.DeviceInit_Abnormal > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Abnormal > table.fast {
  table-layout: fixed;
}
.DeviceInit_Abnormal > table th,
.DeviceInit_Abnormal > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Abnormal > table th.left,
.DeviceInit_Abnormal > table td.left {
  text-align: left;
}
.DeviceInit_Abnormal > table th.center,
.DeviceInit_Abnormal > table td.center {
  text-align: center;
}
.DeviceInit_Abnormal > table th.right,
.DeviceInit_Abnormal > table td.right {
  text-align: right;
}
.DeviceInit_Abnormal > table th.w20,
.DeviceInit_Abnormal > table td.w20 {
  width: 20%;
}
.DeviceInit_Abnormal > table th.w25,
.DeviceInit_Abnormal > table td.w25 {
  width: 25%;
}
.DeviceInit_Abnormal > table th.w33,
.DeviceInit_Abnormal > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Abnormal > table th.w50,
.DeviceInit_Abnormal > table td.w50 {
  width: 50%;
}
.DeviceInit_Abnormal > table th.w66,
.DeviceInit_Abnormal > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Abnormal > table th.w75,
.DeviceInit_Abnormal > table td.w75 {
  width: 75%;
}
.DeviceInit_Abnormal > table th.dashempty:empty::before,
.DeviceInit_Abnormal > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Abnormal > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Abnormal > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Abnormal > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Abnormal > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Abnormal > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Abnormal > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Abnormal > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Abnormal > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Abnormal > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Abnormal > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Abnormal > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Abnormal > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Abnormal > table td > table.info td:first-child,
.DeviceInit_Abnormal > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Abnormal > table td > table.info td:last-child,
.DeviceInit_Abnormal > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Abnormal > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Abnormal > table tr {
  margin: 4px 0px;
}
.DeviceInit_Abnormal > table thead {
  /** Name & Description **/
}
.DeviceInit_Abnormal > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Abnormal > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Abnormal > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Abnormal > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Abnormal > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Abnormal > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Abnormal > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Abnormal > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Abnormal > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Abnormal > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Abnormal > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Abnormal > table td.center > .Input.text,
.DeviceInit_Abnormal > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Abnormal > table .shade-even,
.DeviceInit_Abnormal > table th.shade-even,
.DeviceInit_Abnormal > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Abnormal > table .shade-odd,
.DeviceInit_Abnormal > table th.shade-odd,
.DeviceInit_Abnormal > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Abnormal > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Abnormal > table tbody .multichan .Input.text,
.DeviceInit_Abnormal > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Abnormal > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Abnormal > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Abnormal > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Abnormal > table tbody .disabled > th > span > .name,
.DeviceInit_Abnormal > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Abnormal > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Abnormal > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Abnormal > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
.DeviceInit_Abnormal > table {
  /** Results Table **/
}
.DeviceInit_Abnormal > table .results > td > span {
  width: 100%;
}
.DeviceInit_Abnormal > table .results > td > span > table {
  flex-grow: 1;
  /** Columns **/
  /** Cells **/
  /** Header **/
  /** Body **/
}
.DeviceInit_Abnormal > table .results > td > span > table > colgroup {
  /** 1st Column **/
  /** Columns 2--> **/
}
.DeviceInit_Abnormal > table .results > td > span > table > colgroup > col {
  width: auto;
}
.DeviceInit_Abnormal > table .results > td > span > table > colgroup > col + col {
  width: 15%;
}
.DeviceInit_Abnormal > table .results > td > span > table th,
.DeviceInit_Abnormal > table .results > td > span > table td {
  padding: 2px;
}
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr {
  /** Columns 2--> **/
  /** Nominal **/
  /** Low & High **/
  /** Low-Low & High-High**/
}
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr > th + th {
  border-bottom: 1px solid #a0a0a0;
}
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr .nominal {
  color: #00bb00;
}
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr .low,
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr .high {
  color: #cca500;
}
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr .low-low,
.DeviceInit_Abnormal > table .results > td > span > table > thead > tr .high-high {
  color: #cc0000;
}
.DeviceInit_Abnormal > table .results > td > span > table > tbody > .result {
  /** Columns 2--> **/
}
.DeviceInit_Abnormal > table .results > td > span > table > tbody > .result > td + td {
  border-left: 1px solid #a0a0a0;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_CBEMA {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_CBEMA > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_CBEMA .left {
  text-align: left;
}
.DeviceInit_CBEMA .center {
  text-align: center;
}
.DeviceInit_CBEMA .right {
  text-align: right;
}
.DeviceInit_CBEMA > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_CBEMA > table.fast {
  table-layout: fixed;
}
.DeviceInit_CBEMA > table th,
.DeviceInit_CBEMA > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_CBEMA > table th.left,
.DeviceInit_CBEMA > table td.left {
  text-align: left;
}
.DeviceInit_CBEMA > table th.center,
.DeviceInit_CBEMA > table td.center {
  text-align: center;
}
.DeviceInit_CBEMA > table th.right,
.DeviceInit_CBEMA > table td.right {
  text-align: right;
}
.DeviceInit_CBEMA > table th.w20,
.DeviceInit_CBEMA > table td.w20 {
  width: 20%;
}
.DeviceInit_CBEMA > table th.w25,
.DeviceInit_CBEMA > table td.w25 {
  width: 25%;
}
.DeviceInit_CBEMA > table th.w33,
.DeviceInit_CBEMA > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_CBEMA > table th.w50,
.DeviceInit_CBEMA > table td.w50 {
  width: 50%;
}
.DeviceInit_CBEMA > table th.w66,
.DeviceInit_CBEMA > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_CBEMA > table th.w75,
.DeviceInit_CBEMA > table td.w75 {
  width: 75%;
}
.DeviceInit_CBEMA > table th.dashempty:empty::before,
.DeviceInit_CBEMA > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_CBEMA > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_CBEMA > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_CBEMA > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_CBEMA > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_CBEMA > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_CBEMA > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_CBEMA > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_CBEMA > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_CBEMA > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_CBEMA > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_CBEMA > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_CBEMA > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_CBEMA > table td > table.info td:first-child,
.DeviceInit_CBEMA > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_CBEMA > table td > table.info td:last-child,
.DeviceInit_CBEMA > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_CBEMA > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_CBEMA > table tr {
  margin: 4px 0px;
}
.DeviceInit_CBEMA > table thead {
  /** Name & Description **/
}
.DeviceInit_CBEMA > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_CBEMA > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_CBEMA > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_CBEMA > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_CBEMA > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_CBEMA > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_CBEMA > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_CBEMA > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_CBEMA > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_CBEMA > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_CBEMA > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_CBEMA > table td.center > .Input.text,
.DeviceInit_CBEMA > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_CBEMA > table .shade-even,
.DeviceInit_CBEMA > table th.shade-even,
.DeviceInit_CBEMA > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_CBEMA > table .shade-odd,
.DeviceInit_CBEMA > table th.shade-odd,
.DeviceInit_CBEMA > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_CBEMA > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_CBEMA > table tbody .multichan .Input.text,
.DeviceInit_CBEMA > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_CBEMA > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_CBEMA > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_CBEMA > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_CBEMA > table tbody .disabled > th > span > .name,
.DeviceInit_CBEMA > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_CBEMA > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_CBEMA > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_CBEMA > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
.DeviceInit_CBEMA > table > tbody.CBEMA {
  /** Nominal Voltage **/
  /** Edit Graph Button **/
}
.DeviceInit_CBEMA > table > tbody.CBEMA > tr.nominal > td > .Input {
  width: 50%;
}
.DeviceInit_CBEMA > table > tbody.CBEMA > tr.open-graph > td {
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: -webkit-center;
}
.DeviceInit_CBEMA > table > tbody.CBEMA > tr.open-graph > td > .Button {
  width: 50%;
  height: 3em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Misc {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
  /** Text Alignment **/
}
.DeviceInit_Misc > header > .desc {
  text-align: center;
  padding: 0px 5px 10px 5px;
}
.DeviceInit_Misc .left {
  text-align: left;
}
.DeviceInit_Misc .center {
  text-align: center;
}
.DeviceInit_Misc .right {
  text-align: right;
}
.DeviceInit_Misc > table {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
  /** Columns **/
  /** Name & Description **/
  /** Body **/
  /** Centered Text/Number Input **/
  /** Column Shading **/
  /** Disabled Rows **/
  /** Disabled Input **/
}
.DeviceInit_Misc > table.fast {
  table-layout: fixed;
}
.DeviceInit_Misc > table th,
.DeviceInit_Misc > table td {
  font-size: 1em;
  text-align: left;
}
.DeviceInit_Misc > table th.left,
.DeviceInit_Misc > table td.left {
  text-align: left;
}
.DeviceInit_Misc > table th.center,
.DeviceInit_Misc > table td.center {
  text-align: center;
}
.DeviceInit_Misc > table th.right,
.DeviceInit_Misc > table td.right {
  text-align: right;
}
.DeviceInit_Misc > table th.w20,
.DeviceInit_Misc > table td.w20 {
  width: 20%;
}
.DeviceInit_Misc > table th.w25,
.DeviceInit_Misc > table td.w25 {
  width: 25%;
}
.DeviceInit_Misc > table th.w33,
.DeviceInit_Misc > table td.w33 {
  width: 33.33333%;
}
.DeviceInit_Misc > table th.w50,
.DeviceInit_Misc > table td.w50 {
  width: 50%;
}
.DeviceInit_Misc > table th.w66,
.DeviceInit_Misc > table td.w66 {
  width: 66.66666%;
}
.DeviceInit_Misc > table th.w75,
.DeviceInit_Misc > table td.w75 {
  width: 75%;
}
.DeviceInit_Misc > table th.dashempty:empty::before,
.DeviceInit_Misc > table td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.DeviceInit_Misc > table th {
  font-weight: 600;
  padding: 4px 8px;
}
.DeviceInit_Misc > table th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Misc > table td {
  font-weight: 400;
  padding: 8px;
}
.DeviceInit_Misc > table td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.DeviceInit_Misc > table > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Misc > table > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.DeviceInit_Misc > table > tbody.stripe > tr:nth-child(odd) > th,
.DeviceInit_Misc > table > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.DeviceInit_Misc > table > tbody.cstripe > th:nth-child(odd),
.DeviceInit_Misc > table > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.DeviceInit_Misc > table > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.DeviceInit_Misc > table > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.DeviceInit_Misc > table td > table.info td:first-child,
.DeviceInit_Misc > table td > table.info th:first-child {
  padding-left: 0;
}
.DeviceInit_Misc > table td > table.info td:last-child,
.DeviceInit_Misc > table td > table.info th:last-child {
  padding-right: 0;
}
.DeviceInit_Misc > table > colgroup > col.channel {
  width: 17%;
}
.DeviceInit_Misc > table tr {
  margin: 4px 0px;
}
.DeviceInit_Misc > table thead {
  /** Name & Description **/
}
.DeviceInit_Misc > table thead th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Misc > table thead th > span > .name {
  text-align: center;
  font-weight: 300;
}
.DeviceInit_Misc > table thead th > span > .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Misc > table thead th > span > .desc > p {
  color: #7a8c9e;
  text-align: center;
  margin: 0px;
}
.DeviceInit_Misc > table tbody {
  /** Disabled **/
  /** Hidden **/
  /** Headers **/
  /** Name & Unit **/
  /** Radio Entries **/
}
.DeviceInit_Misc > table tbody > tr.disabled > td {
  pointer-events: none;
}
.DeviceInit_Misc > table tbody > tr.hidden {
  display: none;
}
.DeviceInit_Misc > table tbody th > span {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.DeviceInit_Misc > table tbody th > span > .unit {
  color: #c3c8ce;
  font-size: 90%;
  margin-left: 4px;
}
.DeviceInit_Misc > table tbody > tr > td > span {
  display: inline-flex;
  align-items: center;
  margin: 4px 0px;
}
.DeviceInit_Misc > table tbody > tr > td > span > label {
  margin-left: 8px;
  padding: 0px;
}
.DeviceInit_Misc > table td.center > .Input.text,
.DeviceInit_Misc > table td.center > .Input.number {
  text-align: center;
}
.DeviceInit_Misc > table .shade-even,
.DeviceInit_Misc > table th.shade-even,
.DeviceInit_Misc > table td.shade-even {
  background-color: #5c6262;
}
.DeviceInit_Misc > table .shade-odd,
.DeviceInit_Misc > table th.shade-odd,
.DeviceInit_Misc > table td.shade-odd {
  background-color: #434747;
}
.DeviceInit_Misc > table tbody {
  /** Per-Channel Inputs **/
}
.DeviceInit_Misc > table tbody .multichan .Input.text,
.DeviceInit_Misc > table tbody .multichan .Input.number {
  width: 100%;
}
.DeviceInit_Misc > table tbody .disabled {
  opacity: 0.7;
  /** Headers **/
  /** Data **/
}
.DeviceInit_Misc > table tbody .disabled * {
  cursor: not-allowed;
}
.DeviceInit_Misc > table tbody .disabled > th {
  color: #a0a0a0;
}
.DeviceInit_Misc > table tbody .disabled > th > span > .name,
.DeviceInit_Misc > table tbody .disabled > th > span > .unit {
  color: #a0a0a0;
}
.DeviceInit_Misc > table tbody .disabled > td {
  /** Radio Labels **/
}
.DeviceInit_Misc > table tbody .disabled > td > span > label {
  color: #a0a0a0;
}
.DeviceInit_Misc > table .disabled > td > .Input {
  color: #a0a0a0;
  pointer-events: none;
}
.DeviceInit_Misc > table > tbody {
  /** Text Memo **/
  /** Hardware **/
}
.DeviceInit_Misc > table > tbody.Group.TextMemo > tr > td > .Input {
  width: 100%;
}
.DeviceInit_Misc > table > tbody .channel-map {
  vertical-align: text-top;
}
.DeviceInit_Misc > table > tbody .channel-map > td > .Button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
.DeviceInit_Misc > table > tbody .channel-map .channel-map-options {
  display: flex;
  column-gap: 16px;
}
.DeviceInit_Misc > table > tbody .channel-map .channel-map-warning {
  color: orange;
  width: 200px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.DeviceInit_Custom {
  display: inline-grid;
  grid-template-rows: 3.5em 1fr;
  /** Top Bar **/
  /** Viewer **/
}
.DeviceInit_Custom > .top-bar {
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 1px solid rgba(152, 165, 179, 0.2);
  /** Back Button **/
  /** Title **/
}
.DeviceInit_Custom > .top-bar > .back:not(.blank) {
  width: 25%;
}
.DeviceInit_Custom > .top-bar > .back.blank {
  width: 0%;
}
.DeviceInit_Custom > .top-bar > .back:active,
.DeviceInit_Custom > .top-bar > .back:focus {
  background-color: unset;
  outline: none;
}
.DeviceInit_Custom > .top-bar > .back:hover {
  background-color: #373a3a;
}
.DeviceInit_Custom > .top-bar > .title {
  display: flex;
  margin-left: 10px;
}
.DeviceInit_Custom > .top-bar > .title > .title-input {
  font-size: large;
  font-weight: 100;
  font-style: italic;
  min-width: 300px;
}
.DeviceInit_Custom > .top-bar > .title > .title-input.out-of-focus {
  font-style: unset;
}
.DeviceInit_Custom > .top-bar > .title > .title-input.nothing {
  border-left: 2px solid #ff0000;
}
.DeviceInit_Custom > .viewer {
  grid-row-start: 2;
  grid-row-end: 3;
  /** Main View **/
  /** Init Log **/
}
.DeviceInit_Custom > .viewer > div {
  display: inline-grid;
  grid-template-rows: 1fr;
}
.DeviceInit_Custom > .viewer > div > .SplitView {
  grid-row-start: 1;
  grid-row-end: 2;
  display: grid;
  grid-template-columns: 25% 75%;
  overflow: hidden;
  /* ItemComponent Selector & Actions */
  /* ItemComponent */
}
.DeviceInit_Custom > .viewer > div > .SplitView > .List {
  margin-left: 6px;
  margin-right: 6px;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.DeviceInit_Custom > .viewer > div > .SplitView > .List > .ListItem {
  /* Hidden */
}
.DeviceInit_Custom > .viewer > div > .SplitView > .List > .ListItem.hidden {
  display: none;
}
.DeviceInit_Custom > .viewer > div > .SplitView > .List > .Button {
  height: 3.5em;
  width: 80%;
  max-width: 180px;
  margin: 15px auto auto;
}
.DeviceInit_Custom > .viewer > div > .SplitView > .List > .Button.submit {
  margin-bottom: 15px;
}
.DeviceInit_Custom > .viewer > div > .SplitView > .List + section {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 640px) {
  .DeviceInit_Custom > .viewer > div > .SplitView {
    display: flex;
    flex-direction: column;
  }
}
.DeviceInit_Custom > .viewer.main > div {
  grid-template-rows: auto 1fr;
  /** Submit Button **/
}
.DeviceInit_Custom > .viewer.main > div > span.submit {
  grid-row-start: 2;
  grid-row-end: 3;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
}
.DeviceInit_Custom > .viewer.main > div > span.submit > .Button {
  width: 50%;
  max-width: 15em;
  height: 3.5em;
}
.DeviceInit_Custom > .viewer.init > div {
  align-items: start;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_Init_QuickEdit_Generator {
  padding: 5px 5px 0px 5px;
  /** ACTIONS **/
}
.Device_Init_QuickEdit_Generator.simple {
  display: grid;
  grid-template-rows: 1fr 3.5em !important;
}
.Device_Init_QuickEdit_Generator.simple .disabled {
  opacity: 0.7;
  color: #a0a0a0;
}
.Device_Init_QuickEdit_Generator.simple .channel-map {
  vertical-align: text-top;
}
.Device_Init_QuickEdit_Generator.simple .channel-map > td > .Button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
.Device_Init_QuickEdit_Generator.simple .channel-map .channel-map-options {
  display: flex;
  column-gap: 16px;
}
.Device_Init_QuickEdit_Generator.simple .channel-map .channel-map-warning {
  color: orange;
  width: 200px;
}
.Device_Init_QuickEdit_Generator > .ContentArea > div {
  grid-row-start: 1;
  grid-row-end: 2;
  /** ZONES **/
  /** DEFAULT **/
  /** FORMAT **/
  /** ADVANCED **/
}
.Device_Init_QuickEdit_Generator > .ContentArea > div > .zone {
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Device_Init_QuickEdit_Generator > .ContentArea > div > .zone > header > h1 {
  margin-top: 10px;
  font-weight: 100;
}
.Device_Init_QuickEdit_Generator > .ContentArea > div > .zone > header > aside {
  margin: 20px 0px;
}
.Device_Init_QuickEdit_Generator > .ContentArea > div > .zone .disabled {
  opacity: 0.7;
  color: #a0a0a0;
}
.Device_Init_QuickEdit_Generator > .ContentArea > div > .DeviceInit_Custom {
  width: 100%;
  height: 100%;
}
.Device_Init_QuickEdit_Generator > .zone.actions {
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  background-color: unset !important;
  background-image: unset !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.Device_Init_QuickEdit_Generator > .zone.actions > .Button {
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
  min-width: 7em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.InstallationValidation {
  display: grid;
  grid-template-rows: auto 3.5em;
}
.InstallationValidation > .ContentArea {
  grid-row-start: 1;
  grid-row-end: 2;
}
.InstallationValidation > .ContentArea > .div > .Meter {
  padding-bottom: 10px;
}
.InstallationValidation > .InstallationValidationButtons {
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.InstallationValidation > .InstallationValidationButtons > .Button {
  width: 9em;
  min-width: 9em;
  height: 2.5em;
  padding-left: 25px;
  padding-right: 25px;
}
.InstallationValidation > .InstallationValidationButtons > .Button.warning > .Icon {
  color: #ff6600;
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.InstallationValidation > .InstallationValidationButtons > .Button[disabled] > .Icon {
  visibility: hidden;
}
.RecordingPresets .aboveToolbar > div {
  grid-template-rows: auto !important;
}
.RecordingPresets .activeRecording .icon-spinner5 {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.RecordingPresets > .ContentArea {
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
}
.RecordingPresets > .ContentArea > div {
  grid-template-rows: auto;
  height: 100%;
}
.RecordingPresets > .ContentArea > div > form td[id="submit"] {
  display: flex;
  justify-content: center;
}
.RecordingPresets > .ContentArea > div .PresetDescription {
  margin-top: 10px;
  text-align: center;
  max-width: 960px;
}
.RecordingPresets > .ContentArea > div h1 {
  font-weight: 400;
  padding: 0 5px 10px 5px;
  font-size: 16px;
  text-align: center;
  max-width: 960px;
}
.RecordingPresets > .ContentArea > div > .Cardlist {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, 23em);
  grid-auto-rows: 9em;
  justify-content: space-evenly;
  margin-bottom: 10px;
  margin-top: 10px;
}
.RecordingPresets > .ContentArea > div > fieldset .ListItem {
  background-color: #1e2020;
}
.RecordingPresets > .ContentArea > div > fieldset .ListItem:hover {
  background-color: #141616;
}
.RecordingPresets > .ContentArea > div > .Buttons {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 5px;
  gap: 60px;
}
.RecordingPresets > .ContentArea > div > .Buttons .Button {
  height: 3.5em;
  width: 15em;
}
.RecordingPresets.editing form {
  grid-template-rows: 20px auto !important;
}
.RecordingPresets > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
}
@media screen and (max-width: 600px) {
  .RecordingPresets > form > .ContentArea > div h1 {
    text-align: center;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Parameter {
  width: 100%;
  /** Self **/
  /** Column Shading **/
  /** ATTRIBUTES **/
  /** LAYOUTS **/
  /** TEXT **/
  /** TEXT ATTRIBUTES **/
  /** ERRORS **/
  /** MULTI-CHAN **/
  /** COMBO **/
  /** LABEL **/
  /** BUTTON **/
  /** NUMBER **/
  /** INPUT **/
  /** SELECT **/
  /** CHECKBOX **/
  /** RADIO **/
  /** TABLE **/
  /** GRAPH **/
}
.Parameter > th {
  width: 25%;
  /** Row Headers **/
}
.Parameter > th > table {
  width: 100%;
}
.Parameter > th > table > tr {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.Parameter > th > table > tr td.label {
  font-weight: 600;
}
.Parameter > th > table > tr td.unit {
  color: #7a8c9e;
}
.Parameter > th > table > tr td.unit span.unit {
  color: #a6b2be;
}
.Parameter > td {
  width: 100%;
  display: flex;
  justify-content: center;
}
.Parameter .shade-odd {
  background-color: #434747;
}
.Parameter .shade-even {
  background-color: #5c6262;
}
.Parameter.hidden {
  display: none;
  /*
		display:	none;
		*/
}
.Parameter .Input.hidden {
  display: none;
  /*
		display:	none;
		*/
}
.Parameter td.hidden {
  display: none;
  /*
		display:	none;
		*/
}
.Parameter.disabled {
  pointer-events: none;
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
  /*
		pointer-events:		none;
		color:				@color-fg-disabled;
		background-color: 	@color-bg-disabled;
		*/
}
.Parameter.disabled .Input {
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
  /*
			color:				@color-fg-disabled;
			background-color: 	@color-bg-disabled;
			*/
}
.Parameter .Input.disabled {
  pointer-events: none;
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
  /*
		pointer-events:		none;
		color:				@color-fg-disabled;
		background-color:	@color-bg-disabled;
		*/
}
.Parameter .Input.disabled.checkbox {
  mix-blend-mode: multiply;
}
.Parameter .Input.disabled.label {
  color: rgba(242, 242, 242, 0.15);
  background-color: unset;
}
.Parameter .Input.disabled.string {
  mix-blend-mode: multiply;
  color: unset;
  background-color: unset;
}
.Parameter td.disabled {
  pointer-events: none;
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
  /*
		pointer-events:		none;
		color:				@color-fg-disabled;
		background-color:	@color-bg-disabled;
		*/
}
.Parameter .read-only {
  pointer-events: none;
  /*
		pointer-events: none;
		*/
}
.Parameter .layout-vertical {
  display: flex;
  flex-direction: column;
  /*
		display:		flex;
		flex-direction:	column;
		*/
}
.Parameter .layout-horizontal {
  display: flex;
  flex-direction: row;
  /*
		display:		flex;
		flex-direction:	row;
		*/
}
.Parameter p.hint {
  font-size: xx-small;
  color: grey;
}
.Parameter .text-bold {
  font-weight: bold;
}
.Parameter .text-italic {
  font-style: italic;
}
.Parameter .text-underline {
  text-underline: auto;
}
.Parameter .text-size-xx-small {
  font-size: xx-small;
}
.Parameter .text-size-x-small {
  font-size: x-small;
}
.Parameter .text-size-small {
  font-size: small;
}
.Parameter .text-size-medium {
  font-size: medium;
}
.Parameter .text-size-large {
  font-size: large;
}
.Parameter .text-size-x-large {
  font-size: x-large;
}
.Parameter .text-size-xx-large {
  font-size: xx-large;
}
.Parameter .text-align-left {
  text-align: left;
}
.Parameter .text-align-center {
  text-align: center;
}
.Parameter .text-align-right {
  text-align: right;
}
.Parameter .text-align-justify {
  text-align: justify;
}
.Parameter.error > th {
  font-size: smaller;
}
.Parameter.error > th > div {
  background-color: darkred;
}
.Parameter.error > th > div > p {
  color: #dfdfdf !important;
  font-size: smaller;
  margin: 0;
  text-align: center;
}
.Parameter.error > td {
  padding: 6px;
}
.Parameter.error .Input {
  border: 2px solid #a20000;
}
.Parameter table.table-multichan {
  width: 100%;
}
.Parameter table.table-multichan tr {
  width: 100%;
  display: flex;
}
.Parameter table.table-multichan tr > span {
  width: 100%;
  display: flex;
  justify-content: center;
}
.Parameter table.combo {
  width: 100%;
}
.Parameter table.combo tr {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.Parameter .Input.combo.special > tr > th {
  font-weight: bold;
  border-bottom: 1px solid black;
}
.Parameter.button button {
  min-width: 100px !important;
  height: 30px;
}
.Parameter > td > .Input {
  /** STRING **/
}
.Parameter > td > .Input::placeholder {
  font-size: small;
}
.Parameter > td > .Input.string {
  width: 100%;
}
.Parameter.select > th + td {
  display: flex;
}
.Parameter.select > th + td > select {
  min-width: 60px;
  text-align-last: center;
}
.Parameter.radio > td {
  flex-direction: column;
  padding-left: 15%;
}
.Parameter.radio > td > span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Parameter.radio > td > span > .Input[type="radio"] {
  margin-left: 5px;
  margin-right: 5px;
  max-width: 35px;
}
.Parameter.radio > td > span > label {
  padding: 8px 0 8px 0;
  margin: 0 16px 0 16px;
  text-align: center;
}
.Parameter.table {
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.Parameter.table > td {
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}
.Parameter.table > td > table {
  width: 100%;
  margin: 0 4px 0 4px;
}
.Parameter.table > td > table th.filler {
  width: 10%;
}
.Parameter.table > td > table tr {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.Parameter.table > td > table > thead {
  border-bottom: solid 2px black;
}
.Parameter.table > td > table > thead th > span.rotate {
  transform: rotate(45deg);
}
.Parameter.table > td > table > thead th > span > p {
  text-align: center;
  margin: 0;
}
.Parameter.table > td > table > thead > tr {
  align-items: stretch;
}
.Parameter.table > td > table > thead > tr > th {
  width: 29%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Parameter.table > td > table > tbody > tr {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.Parameter.table > td > table > tbody > tr > td {
  width: 13%;
  display: inline-flex;
  justify-content: space-around;
  text-align-last: center;
}
.Parameter.table > td > table > tbody > tr > td {
  width: 29%;
  padding: 4px;
}
.Parameter.table > td > table > tbody > tr > td > select {
  width: 100%;
}
.Parameter.table > td > table > tbody > tr > td > .Input {
  width: 100%;
  text-align: center;
}
.Parameter.table > td > table > .table-row-buttons {
  border-top: solid 2px black;
  height: 3em;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.Parameter.table > td > table > .table-row-buttons > .Button {
  width: 75%;
  height: 2.5em;
}
.Parameter.table > td > table .remove-row-button {
  height: 2em;
  display: flex;
  justify-content: space-around;
}
.Parameter.graph > th + td > div {
  display: grid;
  width: 100%;
  min-height: 33px;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
.Parameter.graph > th + td > div > .Button {
  display: block;
  width: 100%;
  height: 100%;
}
.Group {
  /** LAYOUTS **/
}
.Group .header-multichan {
  display: flex;
  justify-content: space-around;
}
.Group > .ContentArea > div header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Group > .ContentArea > div h1 {
  text-align: center;
  font-weight: 400;
  padding: 0 5px 10px 5px;
  font-size: 16px;
}
.Group > .ContentArea > div p.desc {
  text-align: center;
  margin-top: 0;
  color: #aaaaaa;
}
.Category {
  /** LAYOUTS **/
  /** MULTI-CHAN **/
  /** HIDDEN & DISABLED **/
}
.Category .header-multichan {
  display: flex;
  justify-content: space-around;
}
.Category.hidden {
  display: none;
}
.Category.disabled {
  pointer-events: none;
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
}
.Category .Group.hidden {
  display: none;
}
.Category .Group.disabled {
  pointer-events: none;
  color: rgba(242, 242, 242, 0.15);
  background-color: #121313;
}
.Category > .ContentArea > div header {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Category > .ContentArea > div h1 {
  text-align: center;
  font-weight: 400;
  padding: 0 5px 10px 5px;
  font-size: 16px;
}
.Category > .ContentArea > div p.desc {
  text-align: center;
  margin-top: 0;
  color: #aaaaaa;
}
.RecordingCustom .aboveToolbar > div {
  grid-template-rows: auto !important;
}
.RecordingCustom .activeRecording .icon-spinner5 {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.RecordingCustom > .ContentArea {
  height: 100%;
}
.RecordingCustom > .ContentArea > div {
  height: 100%;
  display: grid;
  grid-template-rows: auto;
}
.RecordingCustom > .ContentArea > div > form > span[id="submit"] {
  display: flex;
  justify-content: center;
}
.RecordingCustom > .ContentArea > div > form > .ContentArea {
  height: 100%;
}
.RecordingCustom > .ContentArea > div > form > .ContentArea h1 {
  font-weight: 400;
  padding: 0 5px 10px 5px;
  font-size: 16px;
}
.RecordingCustom > .ContentArea.initLog > div {
  align-items: start;
}
.RecordingCustom.editing > .ContentArea > div {
  grid-template-rows: auto !important;
}
.RecordingCustom > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Device_Selector {
  /** Title Header **/
  /** Device List **/
}
.Device_Selector > .header {
  min-width: max-content;
  max-width: 75%;
  font-size: 1.75em;
  font-weight: 300;
  margin-bottom: 6px;
  padding: 12px 8px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.2);
}
.Device_Selector > .device-list > .device > .Icon {
  height: 0.75em;
  font-size: 0.75em;
}
.Device_Selector > .device-list > .device.online > .Icon {
  color: #0e0;
}
.Device_Selector > .device-list > .device.offline > .Icon {
  color: #f00;
}
.Device_Selector > .device-list > .device > .label > .device-serial {
  margin-right: 4px;
}
.Device_Selector > .device-list > .device > .label > .device-label.no-name {
  font-style: italic;
}
/** Small Screens **/
@media screen and (max-width: 600px) {
   > .header {
    width: 100%;
    max-width: 100%;
  }
}
.RecordingInit > .ContentArea > div {
  height: 100%;
  display: grid;
}
.RecordingInit > .ContentArea > div .Button > .button-label {
  justify-content: center;
  text-align: center;
  align-items: center;
}
.RecordingInit > .ContentArea > div > form {
  height: 100%;
}
.RecordingInit > .ContentArea > div > form h1 {
  font-weight: 400;
  padding: 0 5px 10px 5px;
  font-size: 16px;
}
.RecordingInit > .ContentArea.active-rec > div {
  grid-template-rows: 1fr;
}
.RecordingInit > .ContentArea.active-rec > div .activeRecording .icon-spinner5 {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.RecordingInit > .ContentArea:not(.active-rec) > div {
  grid-template-rows: 1fr;
}
.RecordingInit.editing > .ContentArea > div {
  grid-template-rows: auto;
}
.RecordingInit.editing .active-rec > .ContentArea > div {
  grid-template-rows: auto !important;
}
.RecordingInit > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
}
.RecordingMain > div {
  grid-template-rows: auto !important;
}
@media screen and (max-width: 600px) {
  .RecordingInit > .ContentArea > div > .List + .ContentArea > div > span {
    width: 100%;
  }
  .RecordingInit > .ContentArea > div > .List + .ContentArea > div {
    flex-direction: column;
  }
  .RecordingInit .mode-top-row {
    width: 100%;
  }
  .RecordingInit .mode-bottom-row {
    width: 100%;
  }
}
@media screen and (max-height: 800px) {
  .RecordingInit > .ContentArea > div {
    grid-template-rows: 1fr !important;
  }
  .RecordingInit > .ContentArea > div > .List {
    display: none;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.RecordingReport > .ContentArea {
  background-color: #fff;
  color: #323535;
}
.RecordingReport > .ContentArea .HeaderInfoEntry {
  font-size: 1.1em;
  font-weight: 300;
}
.RecordingReport .stripe-bg {
  background-color: #e5e5e5;
}
.RecordingReport .stripe-dark {
  background-color: #d5d5d5 !important;
}
.RecordingReport .stripe-light {
  background-color: #f5f5f5 !important;
}
.RecordingReport .stripe-mix {
  background-color: #bfbfbf !important;
}
.RecordingReport .stripe-mix-light {
  background-color: #cfcfcf !important;
}
.RecordingReport .stripe-mix-dark {
  background-color: #afafaf !important;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ReportTemplateSelector {
  margin: 10px;
}
.ReportTemplateSelector > fieldset > legend {
  font-size: 1.4em;
}
.ReportTemplateSelector > fieldset > legend > .Icon {
  margin-right: 7px;
}
.RecordingReportTemplates {
  display: grid;
  grid-template-rows: 56px
		1fr;
  grid-template-areas: "heading" "templateList";
}
.RecordingReportConfiguration {
  display: grid;
  grid-template-rows: 56px 1fr;
  height: 100%;
}
.RecordingReportConfiguration form {
  display: grid;
  grid-template-rows: 1fr 48px;
  padding: 10px 20px 0 20px;
  height: 100%;
}
.RecordingReportEditor .ReportRecordingSelector,
.RecordingReportEditor .RecordingReportTemplates {
  height: 100%;
}
.ReportFinderItem {
  display: grid;
  cursor: pointer;
}
.ReportFinderItem * {
  cursor: pointer;
}
.ReportFinderItem.disabled > .FinderListCell {
  background-color: #b5bfc9;
  cursor: not-allowed;
  pointer-events: none;
}
.ReportFinderItem.disabled > .FinderListCell:hover:active {
  background-color: inherit;
}
.ReportFinderItem.disabled > .FinderListCell .Button {
  pointer-events: none;
}
.ReportFinderItem > .FinderListCell {
  display: flex;
  align-items: center;
}
.ReportFinderItem > .FinderListCell .Icon {
  color: #323535;
}
.ReportFinderItem > .FinderListCell .Button {
  justify-content: center;
}
.ReportFinderItem > .FinderListCell.title,
.ReportFinderItem > .FinderListCell.type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ReportFinderItem > .FinderListCell.title {
  display: grid;
  grid-template-columns: auto 3em 3em;
}
.ReportFinderItem > .FinderListCell.title > .content {
  grid-column-start: 1;
  grid-column-end: 2;
}
.ReportFinderItem > .FinderListCell.title > .save {
  grid-column-start: 2;
  grid-column-end: 3;
}
.ReportFinderItem > .FinderListCell.title > .undo,
.ReportFinderItem > .FinderListCell.title > .edit {
  grid-column-start: 3;
  grid-column-end: 4;
}
.ReportFinderItem > .FinderListCell.status .Icon.status-icon {
  display: block;
  font-size: 16px;
}
.ReportFinderItem > .FinderListCell.status .Icon.icon-spin {
  animation: spin-lazy-0-360 1500ms linear infinite;
}
@keyframes spin-lazy-0-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ReportFinder > .ToolBar {
  position: relative;
}
.ReportFinder > .ToolBar > .ContextMenu {
  left: 2.5em;
}
.ReportFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.ReportFinder > .ToolBar .Button.add {
  border-radius: 4px;
}
.ReportFinder > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.ReportFinder > .ToolBar .Button.add.above {
  border-radius: 0;
}
.ReportFinder > .ToolBar .Button.add.active,
.ReportFinder > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.ReportFinder > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.ReportFinder > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.ReportFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.ReportFinder > .ContentArea .FinderListHeader,
.ReportFinder > .ContentArea .ReportFinderItem {
  grid-template-columns: 2.5em 2.5fr 1.5fr 10em 8em 2.5em 2.5em 80px 2.5em;
}
.ReportFinder > .ContentArea .FinderListBody {
  margin: 0;
  padding: 0;
}
.ReportFinder > .ContentArea .FinderListBody > .ReportFinderItem.final + .ReportFinderItem.first {
  border-top: 1px solid black;
  border-bottom: unset;
}
.ScheduledReportFinderItem {
  display: grid;
  cursor: pointer;
}
.ScheduledReportFinderItem * {
  cursor: pointer;
}
.ScheduledReportFinderItem .Icon {
  color: #323535;
}
.ScheduledReportFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.ScheduledReportFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.ScheduledReportFinder > .ContentArea .FinderListHeader,
.ScheduledReportFinder > .ContentArea .ScheduledReportFinderItem {
  grid-template-columns: 2.5em 1fr 120px 2.5em 2.5em;
}
.SessionFinderItem {
  display: grid;
  cursor: default;
}
.SessionFinderItem.active {
  background-color: #fff;
}
.SessionFinderItem * {
  cursor: default;
}
.SessionFinderItem .Icon {
  color: #323535;
}
.SessionFinderItem .Icon.active {
  animation: pulse 2000ms linear infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.3;
  }
}
.SessionFinderItem .Icon.closed {
  opacity: 0.5;
}
.SessionFinderItem .FinderListCell.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SessionFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.SessionFinder > .ContentArea .FinderListHeader,
.SessionFinder > .ContentArea .SessionFinderItem {
  grid-template-columns: 32px 1fr 1fr 0.5fr 32px 32px;
}
.Settings .ShortcutsContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, 150px);
  flex-wrap: wrap;
  margin-top: 20px;
  justify-content: space-evenly;
  grid-gap: 40px;
}
.Settings .ShortcutsContainer > .Shortcut {
  margin: auto;
}
.Settings > .ContentArea > div > table.shortcuts {
  width: 100%;
}
.Settings .Shortcut {
  margin: 16px;
}
.Desktop.ui-size\@normal .Settings .Shortcut > span > .Icon {
  font-size: 2.667em;
}
.Desktop.ui-size\@normal .Settings .Shortcut > span > .text > .label {
  font-size: 12px;
}
.Desktop.ui-size\@large .Settings .Shortcut > span > .Icon {
  font-size: 2.667em;
}
.Desktop.ui-size\@large .Settings .Shortcut > span > .text > .label {
  font-size: 14px;
}
.Desktop.ui-size\@extra-large .Settings .Shortcut > span > .Icon {
  font-size: 2.667em;
}
.Desktop.ui-size\@extra-large .Settings .Shortcut > span > .text > .label {
  font-size: 18px;
}
.ShareObjectContent {
  display: grid;
  grid-template-rows: 1fr 60px;
  height: 100%;
}
.ShareObjectContent .ShareObjectInfo {
  margin-left: 15px;
  margin-top: 20px;
  overflow-y: auto;
}
.ShareObjectContent .ShareObjectInfo .ExpirationInput,
.ShareObjectContent .ShareObjectInfo .PermissionsInput {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  gap: 10px;
  height: 2.7em;
}
.ShareObjectContent .ShareObjectInfo .ExpirationInput label,
.ShareObjectContent .ShareObjectInfo .PermissionsInput label {
  padding: 0;
}
.ShareObjectContent .ShareObjectInfo .EmailInput {
  max-width: 700px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 2.7em;
  margin-bottom: 20px;
}
.ShareObjectContent .ShareObjectInfo .EmailInput label {
  padding: 0;
}
.ShareObjectContent .ShareObjectInfo .EmailInput input {
  flex-grow: 2;
}
.ShareObjectContent .ShareObjectInfo .EmailError input {
  border: solid #e20000 1px !important;
}
.ShareObjectContent .ShareObjectInfo .EmailList .EmailListTitle {
  font-size: 1.1em;
}
.ShareObjectContent .ShareObjectInfo .EmailList .EmailListItem {
  display: grid;
  grid-template-columns: 2.5em 1fr;
  align-items: center;
  height: 2.7em;
  max-width: 700px;
}
.ShareObjectContent .ShareObjectInfo .EmailList .EmailListItem .icon-circle-with-cross {
  color: red;
}
.ShareObjectContent .ButtonBar {
  margin-right: 25px;
  justify-content: right;
  height: 100%;
}
.ShareObjectContent .ButtonBar .ShareButton {
  height: 2.7em !important;
  width: 90px!important;
}
.SharedFilesFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.SharedFilesFinder > .ContentArea .Icon {
  color: #323535;
}
.SharedFilesFinder > .ContentArea .FinderListHeader,
.SharedFilesFinder > .ContentArea .SharedFilesFinderItem {
  display: grid;
  grid-template-columns: 2.5em 23em 6em 1fr;
}
.SharedFilesFinder > .ContentArea .FinderListHeader .FinderListCell,
.SharedFilesFinder > .ContentArea .SharedFilesFinderItem .FinderListCell {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
}
.SharedFilesFinder > .ContentArea .FinderListHeader .Users,
.SharedFilesFinder > .ContentArea .SharedFilesFinderItem .Users {
  margin: auto;
}
.SharedFilesFinder > .ContentArea .FinderListHeader .right,
.SharedFilesFinder > .ContentArea .SharedFilesFinderItem .right {
  justify-content: right;
}
.SharedFilesFinder > .ContentArea .SharedFilesFinderItem :hover {
  cursor: pointer;
}
.SharedFilesFinder > .ContentArea .SharedFileEdit .FinderListHeader {
  grid-template-columns: 100px 1fr;
}
.SharedFilesFinder > .ContentArea .SharedFileEdit .SharedFileEditUser {
  display: grid;
  grid-template-columns: 100px 1fr;
}
.SharedFilesFinder > .ContentArea .SharedFileEdit .SharedFileEditUser .FinderListCell {
  display: flex;
}
.SharedFilesFinder > .ContentArea .SharedFileEdit .SharedFileEditUser .center {
  margin: auto;
}
.SharedFilesFinder > .ContentArea .SharedFileEdit .SharedFileEditUser :hover {
  cursor: pointer;
}
@media screen and (max-width: 420px) {
  .Desktop.ui-size\@normal .SharedFilesFinder .FinderListHeader,
  .Desktop.ui-size\@normal .SharedFilesFinder .SharedFilesFinderItem {
    grid-template-columns: 2.5em 1fr 80px 2.5em;
  }
}
@media screen and (max-width: 485px) {
  .Desktop.ui-size\@large .SharedFilesFinder .FinderListHeader,
  .Desktop.ui-size\@large .SharedFilesFinder .SharedFilesFinderItem {
    grid-template-columns: 2.5em 1fr 80px 2.5em;
  }
}
@media screen and (max-width: 420px) {
  .Desktop.ui-size\@extra-large .SharedFilesFinder .FinderListHeader,
  .Desktop.ui-size\@extra-large .SharedFilesFinder .SharedFilesFinderItem {
    grid-template-columns: 2.5em 1fr 80px 2.5em;
  }
}
.SingleCycleReport > .ContentArea {
  background-color: #fff;
  color: #323535;
}
.SingleCycleReportEditor .ReportRecordingSelector,
.SingleCycleReportEditor .SingleCycleReportTemplates {
  height: 100%;
}
.StatisticsReport > .ContentArea {
  background-color: #fff;
  color: #323535;
}
.StatisticsReportTemplates {
  display: grid;
  padding: 10px;
}
.StatisticsReportConfiguration {
  display: grid;
  height: 100%;
}
.StatisticsReportConfiguration form {
  display: grid;
  grid-template-rows: 1fr 48px;
  height: 100%;
}
.StatisticsReportConfiguration form > section {
  padding: 10px 20px 0 20px;
}
.StatisticsReportConfiguration .report-config-form-container {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.StatisticsReportConfiguration .start-end-interval {
  display: flex;
  column-gap: 64px;
}
.StatisticsReportConfiguration .report-start-end-container {
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 6px;
}
.StatisticsReportEditor .ReportDeviceSelector,
.StatisticsReportEditor .StatisticsReportTemplates {
  height: 100%;
}
.TagFinderItem {
  display: grid;
  cursor: pointer;
}
.TagFinderItem * {
  cursor: pointer;
}
.TagFinderItem .Icon {
  color: #323535;
}
.TagFinderItem > .FinderListCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TagFinderAdd {
  display: grid;
  cursor: pointer;
}
.TagFinderAdd * {
  cursor: pointer;
}
.TagFinderAdd .Icon {
  color: #323535;
}
.TagFinderAdd > .FinderListCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TagFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.TagFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.TagFinder > .ContentArea .FinderListHeader,
.TagFinder > .ContentArea .TagFinderItem,
.TagFinder > .ContentArea .TagFinderAdd {
  grid-template-columns: 2.5em 1fr 2.5em 2.5em;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Settings_Tags > .ContentArea > div {
  padding: 16px;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag {
  max-width: 1323px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 425px);
  grid-auto-flow: row;
  grid-gap: 16px;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem {
  width: 100%;
  min-height: 4.5em;
  height: 4.5em;
  padding: 0;
  overflow: hidden;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem > .content {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem > .content > .Tag {
  flex-grow: 1;
  height: 100%;
  padding-left: 12px;
  border: unset;
  border-radius: 0;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem > .content > .Tag > .label {
  width: 100%;
  text-align: left;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem > .content > .Button {
  height: 100%;
  border-radius: 0;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem > .content > .Button:hover > .Icon {
  color: #0082ca !important;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem > .content > .Button:last-child {
  padding-right: 12px;
  border-radius: 0;
}
.Settings_Tags > .ContentArea > div > .Zone.Tag > .ListItem:hover {
  border: 1px solid orange;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div {
  padding: 2px 8px;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form {
  height: 100%;
  display: grid;
  grid-template-columns: auto
						1fr;
  grid-template-rows: 5em repeat(3, auto) 4em;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > .preview {
  grid-column-start: 1;
  grid-column-end: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.2);
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > .preview > legend {
  font-size: 0.8em;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > .preview > .Tag {
  min-width: 5em;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > label {
  grid-column-start: 1;
  grid-column-end: 2;
  padding-right: 16px;
  margin-top: 8px;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > label.value {
  margin-top: 16px;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > span {
  grid-column-start: 2;
  grid-column-end: 3;
  margin-top: 8px;
  margin-bottom: 8px;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > span.value > .Input {
  width: 95%;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > span.value > .char-count {
  font-size: 0.8em;
  margin-left: 12px;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > span.value > .char-count > b {
  color: #af0;
  font-weight: 700;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > span.value > .char-count > em {
  margin-left: 0.5em;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > .actions {
  grid-column-start: 1;
  grid-column-end: 3;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-end;
}
.Settings_Tags > .ContentArea > div > .Modal > .container > .Window > .ContentArea > div > form > .actions > .delete {
  background-color: #b00;
}
.TensorPasswordChange .PasswordInput {
  display: flex;
}
.TensorPasswordChange .PasswordInput .Input.password {
  margin: auto auto 10px;
  height: 3em;
  width: 60%;
}
.TensorPasswordChange .PasswordInput .Valid {
  border-bottom: solid green 1px;
}
.TensorPasswordChange .PasswordInput .Invalid {
  border-bottom: solid red 1px;
}
.TensorPasswordChange .PasswordInfo {
  width: 60%;
  margin: auto auto 10px;
}
.TensorPasswordChange .PasswordInfo .Icon {
  margin-right: 10px;
}
.TensorPasswordChange .PasswordInfo .Icon .icon-cross {
  color: red;
}
.TensorPasswordChange .PasswordInfo .Icon .icon-check {
  color: green;
}
.TensorPasswordChange .PasswordInfo .ErrorMessage {
  color: red;
  text-align: center;
}
.TensorPasswordChange .Button {
  margin: auto;
}
.ThreePhase > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.ThreePhase > .ContentArea .FinderListHeader,
.ThreePhase > .ContentArea .ThreePhaseFinderItem {
  display: grid;
  grid-template-columns: 20%
				10%
				10%
				10%
				10%
				10%
				10%
				15%
				5%;
}
.ThreePhase > .ContentArea .FinderListHeader .FinderListCell,
.ThreePhase > .ContentArea .ThreePhaseFinderItem .FinderListCell {
  display: flex;
}
.ThreePhase > .ContentArea .FinderListHeader .FinderListCell .Icon,
.ThreePhase > .ContentArea .ThreePhaseFinderItem .FinderListCell .Icon {
  color: #323535;
}
.ThreePhase > .ContentArea .FinderListHeader .FinderListCell .ContextMenu,
.ThreePhase > .ContentArea .ThreePhaseFinderItem .FinderListCell .ContextMenu {
  position: relative;
  top: calc(100% + 1.2em);
}
.ThreePhase > .ContentArea .FinderListHeader .FinderListCell .ContextMenu .Icon,
.ThreePhase > .ContentArea .ThreePhaseFinderItem .FinderListCell .ContextMenu .Icon {
  color: unset;
}
.ThreePhase > .ContentArea .FinderListHeader .Graph .Button,
.ThreePhase > .ContentArea .ThreePhaseFinderItem .Graph .Button {
  width: 3.5em;
  height: 2.5em;
}
.ThreePhase > .ContentArea .FinderListHeader .Center,
.ThreePhase > .ContentArea .ThreePhaseFinderItem .Center {
  margin: auto;
}
.ThreePhase > .ContentArea .ThreePhaseFinderItem:hover {
  cursor: pointer;
}
.ThreePhase > .ContentArea .ThreePhaseFinderItem:hover .FinderListCell:hover {
  cursor: pointer;
}
.ThreePhase > .ContentArea .ThreePhaseCreate .FinderListHeader,
.ThreePhase > .ContentArea .ThreePhaseCreate .ThreePhaseDeviceItem {
  display: grid;
  grid-template-columns: 2.5em 100px 5fr 3fr;
}
.ThreePhase > .ContentArea .ThreePhaseCreate .FinderListCell {
  display: flex;
}
.ThreePhase > .ContentArea .ThreePhaseCreate .FinderListCell .Icon {
  color: #323535;
}
.ThreePhase > .ContentArea .ThreePhaseCreate .Center {
  margin: auto;
}
.ThreePhase .ToolBar {
  margin-right: 10px;
}
.ThreePhase .ToolBar .bold {
  width: 5em;
}
.Threshold .unit {
  color: #7a8c9e;
  font-size: 80%;
  margin-right: 4px;
}
.Threshold > .inputs.number {
  display: grid;
  grid-template-columns: 13em 1fr 1fr 1fr 1fr;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}
@media screen and (max-width: 500px) {
  .Threshold > .inputs.number {
    grid-template-columns: 56px 1fr 1fr 1fr 1fr;
  }
}
.Threshold > .inputs.number > label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Threshold > .inputs.number > label.ch {
  justify-content: flex-end;
}
.Threshold > .inputs.number > Input {
  width: 100%;
}
.Threshold > .inputs.number > div {
  width: 100%;
}
.Threshold > .inputs.checkbox {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.Threshold > .inputs.checkbox > label {
  margin-left: 16px;
}
.Threshold > .inputs.checkbox > label > span {
  margin-left: 6px;
  font-weight: bold;
  text-transform: capitalize;
}
.Threshold > .inputs.checkbox > input {
  align-self: center;
  justify-self: center;
}
.Threshold > .inputs > .measureToggle {
  align-self: center;
  justify-self: center;
}
.Threshold > .inputs > .Input.disabled {
  color: #a0a0a0;
  background-color: #121313;
}
.ThresholdSet .unit {
  color: #7a8c9e;
  font-size: 80%;
  margin-right: 4px;
}
.ThresholdSet > .inputs {
  display: grid;
  grid-template-columns: 13em 1fr 1fr 1fr 1fr;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}
@media screen and (max-width: 500px) {
  .ThresholdSet > .inputs {
    grid-template-columns: 56px 1fr 1fr 1fr 1fr;
  }
}
.ThresholdSet > .inputs > label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ThresholdSet > .inputs > label.ch {
  justify-content: space-between;
}
.ThresholdSet > .inputs > input {
  width: 100%;
}
.Thresholds > .ContentArea .ThresholdsInfo {
  padding: 10px;
}
.Thresholds > .ContentArea .ThresholdsInfo > .ThresholdInput {
  display: grid;
  grid-template-columns: 13em min(15em, 40%);
  gap: 5px;
  padding: 8px;
  font-weight: 600;
}
.Thresholds > .ContentArea .ThresholdsInfo > .ThresholdInput span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Thresholds > .ContentArea .ThresholdsInfo > .ThresholdInput .unit {
  color: #7a8c9e;
  font-size: 80%;
  margin-right: 4px;
}
.Thresholds > .ContentArea .ThresholdsInfo > form {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.Thresholds > .ContentArea .ThresholdsInfo > form h2 {
  font-size: inherit;
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 1px solid #464a4a;
}
.Thresholds > .ToolBar {
  padding: 2px 0px;
}
.Thresholds > .ToolBar > .Button {
  height: 100%;
}
.TransientCapture_Control {
  display: flex;
  flex-direction: row;
  width: 66.666%;
  max-width: 300px;
}
.TransientCapture_Control > div.description {
  flex-grow: 1;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px 0px;
  margin: 4px 0px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.TransientCapture_Control > div.description > b {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.333);
}
.TransientCapture_Control > div.description > span {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.TransientCapture_Control .Button.hidden > figure {
  display: none;
}
.TransientLineYAxis > g.ticks > line {
  stroke: #cacaca;
  stroke-width: 1px;
}
.TransientLineYAxis > g.labels > text {
  dominant-baseline: middle;
  font-size: 0.9em;
  fill: #222;
}
.TransientLineYAxis > g.other > line {
  stroke: #cacaca;
  stroke-width: 1px;
}
.TransientLineYAxis > g.other > text {
  dominant-baseline: middle;
  text-anchor: middle;
  font-size: 0.9em;
  fill: #444;
}
.TransientLineYAxis.left > g.labels > text {
  text-anchor: end;
}
.TransientLineYAxis.right > g.labels > text {
  text-anchor: start;
}
.TransientLineXAxis > g.ticks > line {
  stroke: #cacaca;
  stroke-width: 1px;
}
.TransientLineXAxis > g.labels > text {
  dominant-baseline: hanging;
  text-anchor: middle;
  font-size: 0.9em;
  fill: #222;
}
.TransientLineXAxis > g.other > line {
  stroke: #cacaca;
  stroke-width: 1px;
}
.TransientLineXAxis > g.other > text.label {
  text-anchor: middle;
  dominant-baseline: hanging;
  font-size: 0.9em;
  fill: #666;
}
.TransientLineToolArrow > rect.capture {
  pointer-events: all;
  cursor: arrow;
  fill: rgba(0, 0, 0, 0);
  touch-action: pan-x !important;
}
.TransientLineToolArrow > g.cursor {
  pointer-events: none;
}
.TransientLineToolArrow > g.cursor > line {
  pointer-events: none;
  stroke: #00a3fd;
  stroke-width: 1px;
}
.TransientLineToolArrow > g.cursor > rect.label-back {
  fill: #00a3fd;
  pointer-events: none;
  stroke: none;
}
.TransientLineToolArrow > g.cursor > text {
  dominant-baseline: central;
  fill: #fff;
  font-size: 10px;
  pointer-events: none;
  text-anchor: middle;
}
.TransientLineToolArrow > g.cursor.fixed > line {
  stroke: #1e2020;
}
.TransientLineToolArrow > g.cursor.fixed > rect.label-back {
  fill: #1e2020;
}
.TransientLineToolArrow > g.select > line {
  pointer-events: none;
  stroke: #00a3fd;
  stroke-width: 1px;
}
.TransientLineToolArrow > g.select > rect {
  fill: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.TransientLinePlot {
  user-select: none;
}
.TransientLinePlot > * {
  user-select: none;
}
.TransientLinePlot > rect.bg {
  stroke: #cacaca;
  fill: #f6f7f8;
}
.TransientLinePlot > text.label {
  dominant-baseline: hanging;
  text-anchor: middle;
  font-size: 0.9em;
  fill: #666;
}
.TransientLinePlot > line {
  stroke: #e0e0e0;
}
.TransientLineGraph > .ContentArea {
  color: #323535;
  background-color: #f0f2f4;
}
.TransientLineGraph > .ContentArea > div > svg {
  user-select: none;
}
.TransientLineGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.TransientLineGraph > .ToolBar {
  position: relative;
}
.TransientLineGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.TransientLineGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.TransientLineGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.TransientLineGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.TransientLineGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.TransientLineGraph > .ToolBar .Button.add.active,
.TransientLineGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.TransientLineGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.TransientLineGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.TransientCapture_LineView {
  width: 100%;
  height: 100%;
}
.TransientCapture .GraphViewer {
  color: #323535;
  background-color: #f0f2f4;
}
.TransientCapture > .ToolBar > span.label {
  display: flex;
  flex-direction: row;
}
.TransientCapture > .ToolBar > span.label > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 12px;
}
.TransientCapture > .ToolBar > span.label > span > p {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: smaller;
}
.TransientCapture > .ToolBar > span.label > span:first-child {
  align-items: flex-end;
}
.TransientCapture > .ToolBar > span.label > span:last-child {
  align-items: flex-start;
  margin-right: 0px;
}
.UserFinderItem {
  display: grid;
  cursor: pointer;
}
.UserFinderItem * {
  cursor: pointer;
}
.UserFinderItem .Icon {
  color: #323535;
  cursor: pointer;
}
.UserFinderItem .Icon.signed-out,
.UserFinderItem .Icon.unlocked,
.UserFinderItem .Icon.user {
  opacity: 0.5;
}
.UserFinderItem .Icon.locked {
  color: #ff6600;
}
.UserFinderItem > .FinderListCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UserFinderItem > .FinderListCell.tools > .Icon {
  margin: 0 3px;
}
.UserFinderAdd {
  display: grid;
  cursor: pointer;
}
.UserFinderAdd * {
  cursor: pointer;
}
.UserFinderAdd .Icon {
  color: #323535;
}
.UserFinderAdd > .FinderListCell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UserFinderAdd > .FinderListCell.password-label {
  grid-column-start: 3;
  grid-column-end: 4;
}
.UserFinderAdd > .FinderListCell.password {
  grid-column-start: 4;
  grid-column-end: 5;
}
.UserFinder > .ToolBar > .Search {
  justify-self: right;
  grid-column-start: 2;
  grid-column-end: 4;
}
.UserFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.UserFinder > .ContentArea .FinderListHeader,
.UserFinder > .ContentArea .UserFinderItem,
.UserFinder > .ContentArea .UserFinderAdd {
  grid-template-columns: 2.5em 10em 14em 22em 2.5em 2.5em 2.5em 1fr;
}
.UserFinder > .ContentArea .FinderListHeader .FinderListCell,
.UserFinder > .ContentArea .UserFinderItem .FinderListCell,
.UserFinder > .ContentArea .UserFinderAdd .FinderListCell {
  display: flex;
  align-items: center;
}
.UserFinder > .ContentArea .FinderListHeader .FinderListCell.right,
.UserFinder > .ContentArea .UserFinderItem .FinderListCell.right,
.UserFinder > .ContentArea .UserFinderAdd .FinderListCell.right {
  justify-content: right;
}
.UserFinder > .ContentArea .FinderListBody > .UserFinderAdd {
  height: 96px;
}
@media screen and (max-width: 700px) {
  .Desktop.ui-size\@normal .UserFinder .FinderListHeader,
  .Desktop.ui-size\@normal .UserFinder .UserFinderItem,
  .Desktop.ui-size\@normal .UserFinder .UserFinderAdd {
    grid-template-columns: 2.5em 1.5fr 1.5fr 3fr 2.5em 2.5em 2.5em 2.5em;
  }
}
@media screen and (max-width: 820px) {
  .Desktop.ui-size\@large .UserFinder .FinderListHeader,
  .Desktop.ui-size\@large .UserFinder .UserFinderItem,
  .Desktop.ui-size\@large .UserFinder .UserFinderAdd {
    grid-template-columns: 2.5em 1.5fr 1.5fr 3fr 2.5em 2.5em 2.5em 2.5em;
  }
}
@media screen and (max-width: 1055px) {
  .Desktop.ui-size\@extra-large .UserFinder .FinderListHeader,
  .Desktop.ui-size\@extra-large .UserFinder .UserFinderItem,
  .Desktop.ui-size\@extra-large .UserFinder .UserFinderAdd {
    grid-template-columns: 2.5em 1.5fr 1.5fr 3fr 2.5em 2.5em 2.5em 2.5em;
  }
}
.UserSettings > .ContentArea > div {
  padding: 20px;
}
.UserSettings > .ContentArea form > .fieldset {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
.UserSettings > .ContentArea form > .fieldset > input[name="firstName"],
.UserSettings > .ContentArea form > .fieldset > input[name="lastName"] {
  width: 120px;
}
.UserSettings > .ContentArea form > .fieldset > input[name="emailAddress"] {
  width: 100%;
}
.UserSettings > .ContentArea form > menu {
  display: flex;
  justify-content: flex-end;
}
.UserSettings > .ContentArea form > menu > button {
  margin-left: 8px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.inner-cost {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.Subscription_InfoDialog > .container > .Window {
  grid-template-rows: 3em auto 3em;
}
.Subscription_InfoDialog > .container > .Window > .name {
  grid-row-start: 1;
  grid-row-end: 2;
  text-align: center;
  font-weight: 700;
  font-size: 1.2em;
}
.Subscription_InfoDialog > .container > .Window > .description {
  grid-row-start: 2;
  grid-row-end: 3;
  padding: 12px 0px;
  font-weight: 100;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.Subscription_InfoDialog > .container > .Window > .tags {
  grid-row-start: 3;
  grid-row-end: 4;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.Subscription_InfoDialog > .container > .Window > .tags .price,
.Subscription_InfoDialog > .container > .Window > .tags .subscription {
  font-weight: 300;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.Subscription_InfoDialog > .container > .Window > .tags .price {
  color: black;
  background-color: #ff9900;
}
.Subscription_InfoDialog > .container > .Window > .tags .price > s {
  color: red;
}
.Subscription_InfoDialog > .container > .Window > .tags .subscription {
  color: black;
  background-color: #00ff00;
}
.Subscription_InfoDialog > .container > .Window > .tags .subscription.expired {
  color: black;
  background-color: #ff9900;
}
.Subscription_InfoDialog > .container > .Window > .tags .subscription.warn {
  background-color: #ff9900;
}
.Subscription_InfoDialog > .container > .Window > .tags .subscription.worry {
  background-color: yellow;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}#Zone #Wallet .expanded {
  grid-template-rows: 4em calc(100% - (4em * 3) - (1px * 3));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
#Zone #Wallet .content {
  height: calc(100% - (4em * -2) - (1px * -2));
}
#Zone #Subscription #Device .expanded {
  grid-template-rows: 4em calc(100% - (4em * 2) - (1px * 2));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
#Zone #Subscription #Device .content {
  height: calc(100% - (4em * -1) - (1px * -1));
}
#Zone #Subscription #Recording .expanded {
  grid-template-rows: 4em calc(100% - (4em * 1) - (1px * 1));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
#Zone #Subscription #Recording .content {
  height: calc(100% - (4em * 0) - (1px * 0));
}
#Zone #Transaction .expanded {
  grid-template-rows: 4em calc(100% - (4em * 0) - (1px * 0));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
#Zone #Transaction .content {
  height: calc(100% - (4em * 1) - (1px * 1));
}
.Transaction_Wallet {
  /** TOOLBAR **/
  /** TAG **/
}
.Transaction_Wallet > .ContentArea > div {
  /** Wallet Zone **/
  /** Subscription / Transaction Zones **/
  /** Subscription Zone **/
  /** Subscription Zone - Recording Report **/
  /** Transaction Zone **/
  /** Cart Zone **/
  /** Modal **/
}
.Transaction_Wallet > .ContentArea > div .vbucks {
  color: #ff9900;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) {
  display: grid;
  grid-template-rows: 4em auto;
  /* Header */
  /* Content */
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > header {
  grid-row-start: 1;
  grid-row-end: 2;
  border-top: 1px solid rgba(45, 48, 48, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > header > * {
  cursor: pointer;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > header > .expander {
  font-size: 2em;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > header > .name {
  margin: 0;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > header > .actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > header > .actions > .Button {
  font-size: 1em;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart) > .content {
  grid-row-start: 2;
  grid-row-end: 3;
}
.Transaction_Wallet > .ContentArea > div > .Zone:not(.Cart).expanded > .content {
  padding: 8px 8px;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone.expanded {
  grid-template-rows: 4em calc(100% - (4em * 3) - (1px * 3));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content {
  height: calc(100% - (4em * -2) - (1px * -2));
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds {
  height: 4em;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* Currently Available */
  /* Add Funds */
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .available {
  width: 100%;
  min-height: 5em;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .available > .content {
  width: 50%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  font-size: 1.2em;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .available > .content > span {
  font-weight: 500;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .add-funds {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .add-funds > .label {
  padding-left: 6px;
  font-size: 1.2em;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .add-funds .Button {
  justify-content: center;
  height: 3em;
  font-size: 1.1em;
  padding-left: 16px;
  padding-right: 16px;
}
.Transaction_Wallet > .ContentArea > div > .Wallet.Zone > .content > .funds > .add-funds .Button.only-icon {
  font-size: 1.2em;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .ListHeader,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader {
  width: 100%;
  min-height: 3em;
  height: 3em;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .ListHeader > .content,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content {
  width: 50%;
  max-width: 900px;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .ListHeader > .content > table,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table {
  width: 100%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .ListHeader > .content > table > thead > tr > th,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > thead > tr > th {
  font-size: 0.8em;
  color: #ff9900;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .ListHeader > .content > table > tbody > tr,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > tbody > tr {
  height: 3em;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List {
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem {
  width: 100%;
  min-height: 5em;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem.expanded,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem.expanded {
  height: auto;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem.expanded > .chevron-left,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem.expanded > .chevron-left {
  margin-top: 1.25em;
  margin-bottom: auto;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem.expanded > .content > *:first-child,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem.expanded > .content > *:first-child {
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem.expanded > .content > *:not(:first-child),
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem.expanded > .content > *:not(:first-child) {
  margin-top: 8px;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem.collapsed,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem.collapsed {
  height: 5em;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem > .content,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content {
  width: 50%;
  max-width: 900px;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem > .content > table,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table {
  width: 100%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem > .content > table > thead > tr > th,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table > thead > tr > th {
  font-size: 0.8em;
  color: #ff9900;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem > .content > table > tbody > tr,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table > tbody > tr {
  height: 3em;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem + .ListItem,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem + .ListItem {
  margin-top: 4px;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone.expanded {
  grid-template-rows: 4em calc(100% - (4em * 2) - (1px * 2));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content {
  height: calc(100% - (4em * -1) - (1px * -1));
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .ListHeader > .content > table > colgroup,
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .List > .ListItem > .content > table.Info > colgroup {
  /* Device */
  /* Expiration Date */
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .ListHeader > .content > table > colgroup > .device,
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .device {
  width: 75%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .ListHeader > .content > table > colgroup > .expiry,
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .expiry {
  width: 25%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .List > .Subscription > .content {
  /** Details **/
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .List > .Subscription > .content > table.Info > tbody > tr {
  /* Device */
  /* Expiration Date */
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Device.Zone > .content > .List > .Subscription > .content > table.Info > tbody > tr > .device {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone.expanded {
  grid-template-rows: 4em calc(100% - (4em * 1) - (1px * 1));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content {
  height: calc(100% - (4em * 0) - (1px * 0));
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .ListHeader > .content > table > colgroup,
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .ListItem > .content > table.Info > colgroup {
  /* Recording */
  /* Report */
  /* Expiration Date */
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .ListHeader > .content > table > colgroup > .recording,
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .recording {
  width: 45%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .ListHeader > .content > table > colgroup > .report,
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .report {
  width: 30%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .ListHeader > .content > table > colgroup > .expiry,
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .expiry {
  width: 25%;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .Subscription > .content {
  /** Details **/
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .Subscription > .content > table.Info > tbody > tr {
  /* Recording */
  /* Report */
  /* Expiration Date */
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .Subscription > .content > table.Info > tbody > tr > .recording {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Transaction_Wallet > .ContentArea > div > .Subscription.Recording.Zone > .content > .List > .Subscription > .content > table.Info > tbody > tr > .report {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone.expanded {
  grid-template-rows: 4em calc(100% - (4em * 0) - (1px * 0));
  height: calc(100% - ((4 - 1) * 4em) - ((4 - 1) * 1px));
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content {
  height: calc(100% - (4em * 1) - (1px * 1));
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > colgroup,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table.Info > colgroup {
  /* Purchase Time */
  /* # of Items */
  /* Total Price */
  /* Description Spacer */
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > colgroup > .time,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .time {
  width: 30%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > colgroup > .count,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .count {
  width: 10%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > colgroup > .price,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .price {
  width: 10%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .ListHeader > .content > table > colgroup > .spacer,
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem > .content > table.Info > colgroup > .spacer {
  width: 50%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content {
  /** Entries **/
  /** Items **/
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Info > tbody > tr {
  /* Purchase Time */
  /* # of Items */
  /* Total Price */
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items {
  margin-top: 8px;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > colgroup {
  /* Index */
  /* Name */
  /* Quantity */
  /* Price */
  /* Description */
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > colgroup > .index {
  width: 5%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > colgroup > .name {
  width: 25%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > colgroup > .quantity {
  width: 10%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > colgroup > .price {
  width: 10%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > colgroup > .description {
  width: 50%;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > tbody > tr {
  /* Name */
  /* Description */
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > tbody > tr > .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .Transaction > .content > table.Items > tbody > tr > .description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Transaction_Wallet > .ContentArea > div > .Cart.Zone {
  height: 100%;
}
.Transaction_Wallet > .ContentArea > div > .Modal {
  /* Adding wallet funds */
  /* Details about a subscription */
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window {
  height: 250px;
  display: grid;
  grid-template-rows: 4em
						auto
						4em;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > header {
  grid-row-start: 1;
  grid-row-end: 2;
  padding: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > header > h2 {
  font-weight: 500;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .content {
  grid-row-start: 2;
  grid-row-end: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .content > .label,
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .content > .Input {
  font-size: 1.3em;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .actions {
  grid-row-start: 3;
  grid-row-end: 4;
  padding: 0 4px;
  display: grid;
  justify-content: space-around;
  align-items: center;
  grid-column-gap: 8px;
  grid-template-columns: 40%
							40%;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .actions > .Button {
  height: 3em;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .actions > .checkout {
  grid-column-start: 2;
  grid-column-end: 3;
}
.Transaction_Wallet > .ContentArea > div > .Modal.walletFunds > .container > .Window > .actions > .cancel {
  grid-column-start: 1;
  grid-column-end: 2;
}
.Transaction_Wallet > .ToolBar {
  padding: 0 4px;
}
.Transaction_Wallet > .ToolBar .Button + .Button {
  margin-left: 8px;
}
.Transaction_Wallet > .ToolBar > .Button.hidden {
  display: none;
}
.Transaction_Wallet > .ToolBar > .spacer {
  visibility: hidden;
  pointer-events: none;
}
.Transaction_Wallet .tag {
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
  width: max-content;
}
.Transaction_Wallet .tag.price {
  color: black;
  background-color: #ff9900;
}
.Transaction_Wallet .tag.price > s {
  color: red;
}
.Transaction_Wallet .tag.subscription {
  color: black;
  background-color: #00ff00;
}
.Transaction_Wallet .tag.subscription.expired {
  color: black;
  background-color: #ff9900;
}
.Transaction_Wallet .tag.subscription.warn {
  background-color: #ff9900;
}
.Transaction_Wallet .tag.subscription.worry {
  background-color: yellow;
}
@media screen and (max-width: 500px) {
  .Transaction_Wallet > .ContentArea > div > .Subscription.Zone > .content > .List > .ListItem,
  .Transaction_Wallet > .ContentArea > div > .Transaction.Zone > .content > .List > .ListItem {
    width: 100%;
  }
}
.WaveformCapture_LineView_ToolBar {
  position: relative;
}
.WaveformCapture_LineView_ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.WaveformItem {
  overflow-x: hidden;
  text-align: center;
}
.WaveformItem .WaveformTitle {
  display: grid;
  grid-template-columns: 2.5em 1fr 2.5em;
  height: 3em;
  cursor: pointer;
  text-align: left;
}
.WaveformItem .WaveformTitle * {
  cursor: pointer;
}
.WaveformItem .WaveformItemExpanded {
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  height: fit-content;
  row-gap: 5px;
}
.WaveformItem .WaveformItemExpanded .WaveformItemExpandedRow {
  margin-left: 2.5em;
  display: grid;
  grid-template-columns: 2.5em 1fr;
  text-align: left;
}
.WaveformItem .Icon {
  margin: auto;
}
.WaveformItem .Title {
  line-height: 3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-content: center;
}
.WaveformItem:hover {
  background-color: #505454;
}
.WaveformItem .icon-satellite {
  color: #32CD32;
}
.AddWaveforms {
  background-color: #646969;
  color: #f0f2f4;
  width: 30%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-template-rows: 3em
		1fr
		15em;
}
.AddWaveforms h3 {
  text-align: center;
}
.AddWaveforms .List {
  overflow: auto;
}
.AddWaveforms .List > .loading {
  height: 3em;
  display: grid;
  grid-template-columns: 2.5em 1fr;
}
.AddWaveforms .List > .loading > .SpinnerIcon {
  margin: auto;
}
.AddWaveforms .List > .loading > span {
  align-self: center;
}
.AddWaveforms .StartEnd {
  margin: auto;
}
.AddWaveforms .ToolBar {
  flex-direction: column;
}
.AddWaveforms .ToolBar .AddWaveformsContainer {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  /* Firefox */
}
.AddWaveforms .ToolBar .AddWaveformsContainer input {
  width: 20%;
  text-align: center;
  margin-right: 20px;
}
.AddWaveforms .ToolBar .AddWaveformsContainer input::-webkit-outer-spin-button,
.AddWaveforms .ToolBar .AddWaveformsContainer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.AddWaveforms .ToolBar .AddWaveformsContainer input[type=number] {
  -moz-appearance: textfield;
}
.AddWaveforms .ToolBar .AddWaveformsLabel {
  margin-right: 5px;
  text-align: center;
  padding: 0;
  width: 80%;
}
.AddWaveforms .ToolBar > .Button {
  margin: auto;
  margin-top: 5px;
  height: 3em;
  padding: 18px;
}
.AddWaveforms .StartEnd {
  width: 80%;
}
.WaveformCapture_LineView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.WaveformCapture_LineView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformCapture_LineView > .ContentArea > div > svg {
  user-select: none;
}
.WaveformCapture_LineView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformCapture_SliderControlGrid > line {
  stroke: #dfdfdf;
}
.WaveformCapture_SliderControlGrid.high-contrast > line {
  stroke: #353535;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.WaveformCapture_SliderControlDataset.high-contrast {
  stroke: #f0f2f4;
}
.WaveformCapture_SliderControlPlot {
  user-select: none;
}
.WaveformCapture_SliderControlPlot > * {
  user-select: none;
}
.WaveformCapture_SliderControlPlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformCapture_SliderControlPlot > text.label {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.WaveformCapture_SliderControlPlot > .lines > line {
  stroke: #dfdfdf;
}
.WaveformCapture_SliderControlPlot.high-contrast > rect.bg {
  fill: black;
  stroke: #505050;
}
.WaveformCapture_SliderControlPlot.high-contrast > text.label {
  fill: #ccc;
}
.WaveformCapture_SliderControlPlot.high-contrast > .lines > line {
  stroke: #353535;
}
.WaveformCapture_SliderControlThumb {
  fill: rgba(0, 120, 255, 0.08);
}
.WaveformCapture_SliderControlThumb:hover {
  fill: rgba(0, 120, 255, 0.15);
}
.WaveformCapture_SliderControlThumb .thumb-grab {
  cursor: grab;
}
.WaveformCapture_SliderControlThumb .thumb-grabbing {
  cursor: grabbing;
}
.WaveformCapture_SliderControlGraph > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformCapture_SliderControlGraph.high-contrast > rect.bg {
  fill: black;
  stroke: #505050;
}
.WaveformCapture_SliderControl {
  background-color: #f0f2f4;
  border-bottom: 1px solid #dfdfdf;
  height: 120px;
  position: relative;
}
.WaveformCapture_SliderControl.high-contrast {
  background-color: black;
  border-bottom: 1px solid #353535;
}
.WaveformCapture_HarmonicsView {
  display: grid;
  grid-template-rows: 120px auto 3em;
  height: 100%;
}
.WaveformCapture_HarmonicsView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  flex-grow: 1;
}
.WaveformCapture_HarmonicsView > .ContentArea > div > svg {
  user-select: none;
}
.WaveformCapture_HarmonicsView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformCapture_HarmonicsView > .WaveformCapture_Toolbar {
  position: relative;
}
.WaveformCapture_HarmonicsView > .WaveformCapture_Toolbar .ContextMenu.save {
  right: 2.5em;
}
.WaveformCapture_VectorView {
  display: grid;
  grid-template-rows: 120px auto 3em;
  height: 100%;
}
.WaveformCapture_VectorView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  flex-grow: 1;
}
.WaveformCapture_VectorView > .ContentArea > div > svg {
  user-select: none;
}
.WaveformCapture_VectorView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformCapture_MeterView {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.WaveformCapture_MeterView > .ContentArea > div > .WaveformMeter + .WaveformMeter {
  margin-top: 24px;
}
.WaveformRMSYAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformRMSYAxis > g.labels > text {
  fill: #222;
  dominant-baseline: middle;
}
.WaveformRMSYAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformRMSYAxis > g.other > text {
  dominant-baseline: middle;
  fill: #444;
  text-anchor: middle;
}
.WaveformRMSYAxis.left > g.labels > text {
  text-anchor: end;
}
.WaveformRMSYAxis.right > g.labels > text {
  text-anchor: start;
}
.WaveformRMSXAxis > g.ticks > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformRMSXAxis > g.labels > text {
  dominant-baseline: hanging;
  fill: #222;
  text-anchor: middle;
}
.WaveformRMSXAxis > g.other > line {
  stroke: #cacaca;
  strokeWidth: 1px;
}
.WaveformRMSXAxis > g.other > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformRMSPlot {
  user-select: none;
}
.WaveformRMSPlot > * {
  user-select: none;
}
.WaveformRMSPlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformRMSPlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformRMSPlot > line {
  stroke: #e0e0e0;
}
.WaveformRMSGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformRMSGraph > .ContentArea > div > svg {
  user-select: none;
}
.WaveformRMSGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformRMSGraph > .ToolBar {
  position: relative;
}
.WaveformRMSGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.WaveformRMSGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.WaveformRMSGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.WaveformRMSGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.WaveformRMSGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.WaveformRMSGraph > .ToolBar .Button.add.active,
.WaveformRMSGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.WaveformRMSGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.WaveformRMSGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.WaveformCapture_RMSView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.WaveformCapture_RMSView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformCapture_RMSView > .ContentArea > div > svg {
  user-select: none;
}
.WaveformCapture_RMSView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformSymmetricalComponentsPlot {
  user-select: none;
}
.WaveformSymmetricalComponentsPlot > * {
  user-select: none;
}
.WaveformSymmetricalComponentsPlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformSymmetricalComponentsPlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformSymmetricalComponentsPlot > line {
  stroke: #e0e0e0;
}
.WaveformSymmetricalComponetsGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformSymmetricalComponetsGraph > .ContentArea > div > svg {
  user-select: none;
}
.WaveformSymmetricalComponetsGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformSymmetricalComponetsGraph > .ToolBar {
  position: relative;
}
.WaveformSymmetricalComponetsGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.WaveformSymmetricalComponetsGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add.active,
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.WaveformSymmetricalComponetsGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.WaveformCapture_SymmetricalComponentsView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.WaveformCapture_SymmetricalComponentsView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformCapture_SymmetricalComponentsView > .ContentArea > div > svg {
  user-select: none;
}
.WaveformCapture_SymmetricalComponentsView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformUnbalancePlot {
  user-select: none;
}
.WaveformUnbalancePlot > * {
  user-select: none;
}
.WaveformUnbalancePlot > rect.bg {
  fill: #f6f7f8;
  stroke: #cacaca;
}
.WaveformUnbalancePlot > text.label {
  dominant-baseline: hanging;
  fill: #666;
  text-anchor: middle;
}
.WaveformUnbalancePlot > line {
  stroke: #e0e0e0;
}
.WaveformUnbalanceGraph > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformUnbalanceGraph > .ContentArea > div > svg {
  user-select: none;
}
.WaveformUnbalanceGraph > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformUnbalanceGraph > .ToolBar {
  position: relative;
}
.WaveformUnbalanceGraph > .ToolBar > .ContextMenu.tool {
  left: 7.9em;
}
.WaveformUnbalanceGraph > .ToolBar > .ContextMenu.save {
  right: 2.5em;
}
.WaveformUnbalanceGraph > .ToolBar .Button.add {
  border-radius: 4px;
}
.WaveformUnbalanceGraph > .ToolBar .Button.add > .Icon {
  transition: transform 0.1s ease-in-out;
}
.WaveformUnbalanceGraph > .ToolBar .Button.add.above {
  border-radius: 0;
}
.WaveformUnbalanceGraph > .ToolBar .Button.add.active,
.WaveformUnbalanceGraph > .ToolBar .Button.add.active:hover {
  background-color: #1e2020;
}
.WaveformUnbalanceGraph > .ToolBar .Button.add.rotate {
  background-color: #1e2020;
}
.WaveformUnbalanceGraph > .ToolBar .Button.add.rotate > .Icon {
  transform: rotate(45deg);
}
.WaveformCapture_UnbalanceView {
  display: grid;
  grid-template-rows: auto 3em;
  height: 100%;
}
.WaveformCapture_UnbalanceView > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
}
.WaveformCapture_UnbalanceView > .ContentArea > div > svg {
  user-select: none;
}
.WaveformCapture_UnbalanceView > .ContentArea > div > .Modal {
  color: #f0f2f4;
}
.WaveformControl {
  display: flex;
  flex-direction: row;
  width: 66.666%;
  max-width: 300px;
}
.WaveformControl > div {
  flex-grow: 1;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px 0px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.WaveformControl > div > b {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.333);
}
.Small {
  width: 40%!important;
  max-height: 3em;
}
.WaveformCapture > .ToolBar > span.label {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
.WaveformCapture > .ToolBar > span.label > p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.WaveformCapture > .ToolBar .icon-satellite {
  color: #32CD32;
  margin-right: 15px!important;
}
.WaveformCaptureReport .ContentArea {
  background-color: #fff;
  overflow-y: auto;
}
.WaveformCaptureReport .ContentArea .HeaderInfo .HeaderInfoTitle {
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 10px;
  text-decoration: underline;
}
.WaveformCaptureReport .ContentArea .HeaderInfo .HeaderInfoEntry {
  margin-bottom: 2px;
}
.WaveformCaptureReport .ContentArea .Table thead .top th {
  border-bottom: none;
}
.WaveformCaptureReport .ContentArea .Table thead .middle th {
  padding-top: 0!important;
  border-bottom: none;
}
.WaveformCaptureReport .ContentArea .Table thead .bottom th {
  padding-top: 0!important;
  padding-bottom: 8px;
}
.WaveformFinderItem {
  display: grid;
}
.WaveformFinderItem :hover {
  cursor: pointer;
}
.WaveformFinderItem .Icon {
  color: #323535;
}
.WaveformFinderItem .FinderListCell.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.WaveformFinderItem .FinderListCell {
  display: flex;
  align-items: center;
}
.WaveformFinderItem .Center {
  margin: auto;
}
.WaveformFinder > .ContentArea {
  background-color: #f0f2f4;
  color: #323535;
  position: relative;
}
.WaveformFinder > .ContentArea .FinderListHeader,
.WaveformFinder > .ContentArea .WaveformFinderItem {
  grid-template-columns: 4.5em 2.5em 14em 4.5em 3em 5.5em 9em 5em;
}
.WaveformFinder > .ContentArea .FinderListBody {
  overflow-x: auto;
}
.WaveformFinder > .ContentArea .icon-satellite {
  color: green;
}
.WaveformFinder > .ContentArea .duration-cycles {
  white-space: pre-line;
  line-break: anywhere;
}
.WaveformFinder > .ContentArea > div {
  display: inline-grid;
  grid-template-rows: 1fr auto;
}
.WaveformFinder > .ContentArea > div > .settings-viewer {
  grid-row-start: 2;
  grid-row-end: 3;
  background-color: #323535;
  color: #f0f2f4;
  display: inline-flex;
  padding: 12px 0px 24px 12px;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table {
  width: 35%;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table .channel-header {
  font-weight: 200;
  border-bottom: 1px solid rgba(181, 191, 201, 0.2);
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table.left {
  text-align: left;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table .center {
  text-align: center;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table .right {
  text-align: right;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table > thead + thead {
  margin-top: 8px;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table > tbody > tr {
  margin-top: 2px;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table > tbody > tr > th {
  font-weight: 300;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table > tbody > tr > td {
  padding-right: 2px;
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table > tbody > tr > td + td {
  border-left: 1px solid rgba(181, 191, 201, 0.1);
}
.WaveformFinder > .ContentArea > div > .settings-viewer > table > tbody.thresholds > tr > th {
  border-right: 1px solid rgba(181, 191, 201, 0.2);
}
.WaveformFinder > .ContentArea > div > .FinderList {
  grid-row-start: 1;
  grid-row-end: 2;
}
.WaveformFinder > .ToolBar {
  padding-left: 8px;
  column-gap: 4px;
}
.WaveformFinder > .ToolBar > .toggle-settings {
  padding-left: 14px;
  padding-right: 14px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.Report_Waveform_List > .ContentArea > div {
  background-color: #fff;
}
.Report_Waveform_List > .ContentArea > div .stripe-bg {
  background-color: #e5e5e5;
}
.Report_Waveform_List > .ContentArea > div .stripe-dark {
  background-color: #d5d5d5 !important;
}
.Report_Waveform_List > .ContentArea > div .stripe-light {
  background-color: #f5f5f5 !important;
}
.Report_Waveform_List > .ContentArea > div .stripe-mix {
  background-color: #bfbfbf !important;
}
.Report_Waveform_List > .ContentArea > div .stripe-mix-light {
  background-color: #cfcfcf !important;
}
.Report_Waveform_List > .ContentArea > div .stripe-mix-dark {
  background-color: #afafaf !important;
}
.Report_Waveform_List > .ContentArea > div > article.document > .Table thead .Icon,
.Report_Waveform_List > .ContentArea > div > article.document > .Table tbody .Icon {
  color: black;
}
.Report_Waveform_List > .ContentArea > div > article.document > .Table thead > tr > th {
  padding-left: 8px;
  padding-right: 8px;
}
.Report_Waveform_List > .ContentArea > div > article.document > .Table tbody > tr > th,
.Report_Waveform_List > .ContentArea > div > article.document > .Table tbody > tr > td {
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.toasts {
  /** Analytics Report creation & status toast **/
}
.toasts.CreateAnalyticsReport {
  width: 100%;
}
.toasts.CreateAnalyticsReport > header,
.toasts.CreateAnalyticsReport > main {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.toasts.CreateAnalyticsReport > header {
  flex-direction: row;
  align-items: center;
}
.toasts.CreateAnalyticsReport > main {
  flex-direction: column;
  align-items: flex-start;
}
.toasts.CreateAnalyticsReport > main > .report {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.toasts.CreateAnalyticsReport > main > .report > .name {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toasts.CreateAnalyticsReport > main > .report > .Icon {
  width: 1em;
}
.toasts.CreateAnalyticsReport > main > .report.success > .Icon {
  color: #00aa00;
  visibility: hidden;
}
.toasts.CreateAnalyticsReport > main > .report.failure {
  cursor: not-allowed;
}
.toasts.CreateAnalyticsReport > main > .report.failure * {
  cursor: not-allowed;
}
.toasts.CreateAnalyticsReport > main > .report.failure > .name {
  color: #ff9900;
}
.toasts.CreateAnalyticsReport > main > .errors > b {
  color: #ff9900;
}
.toasts.CreateAnalyticsReport.error > header > .Icon {
  animation: pulse 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.AppGrid {
  display: grid;
  background-image: url(logo-pqcanvass-watermark.svg);
  background-size: 24vw auto;
  background-repeat: no-repeat;
  background-position: center;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  padding: 2px;
  overflow: auto;
}
.AppGrid > [data-focus="true"] .Window {
  background-color: #575c5c;
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .AppGrid {
    background-size: 45vw auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .AppGrid {
    background-size: 10vw auto;
  }
}
.Grid {
  display: grid;
  grid-gap: 3px;
  padding: 0 10px;
}
.Grid > button {
  border-radius: 4px;
  background-color: #3e4242;
}
.Grid > button.hover {
  background-color: #575c5c;
}
.Grid > button.active {
  background-color: #0082ca;
}
.Grid > button.active.hover {
  background-color: #0092e3;
}
.Grid.disabled > button,
.Grid.disabled > button.hover {
  background-color: #373a3a;
  cursor: not-allowed;
}
.Grid.disabled > button.active,
.Grid.disabled > button.active.hover {
  background-color: #3e4242;
}
.AppGridControl {
  display: grid;
  grid-template-rows: 3.5em auto 3.5em;
}
.AppGridControl .AppGridSelects {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.AppGridControl .AppGridSelects > header {
  display: flex;
  align-items: center;
  padding: 10px;
}
.AppGridControl .AppGridSelects > header > label {
  flex-grow: 1;
  padding: 0;
}
.OpenItems {
  display: grid;
  grid-template-rows: 48px auto 48px;
}
.OpenItems > .ListItem {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  grid-row-start: 1;
  grid-row-end: 2;
}
.OpenItems > .ContentArea {
  grid-row-start: 2;
  grid-row-end: 4;
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .OpenItems > .ListItem {
    border-bottom: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .OpenItems > .ContentArea {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.Ring > circle {
  opacity: 0.3333;
}
.Ring > circle,
.Ring > path {
  fill: none;
  vector-effect: non-scaling-stroke;
}
.SessionTimeout {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
  transition: background-color 0.1s linear;
  width: 48px;
  height: 100%;
}
.SessionTimeout > .Ring {
  pointer-events: none;
  transition: transform 0.1s linear;
  will-change: transform;
  z-index: 0;
}
.SessionTimeout > .Ring > path {
  transition: stroke 0.1s linear;
}
.SessionTimeout > span {
  background-color: rgba(0, 130, 202, 0.8);
  border-radius: 2px;
  color: #fff;
  font-size: 8px;
  opacity: 0;
  padding: 1px 4px;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.1s linear, background-color 0.1s linear, transform 0.1s linear;
  z-index: 1;
}
.SessionTimeout:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.SessionTimeout:hover > span {
  opacity: 1;
}
.SessionTimeout.warning {
  background-color: rgba(255, 102, 0, 0.75);
}
.SessionTimeout.warning > .Ring {
  transform: translate(8px, 4px);
}
.SessionTimeout.warning > span {
  background-color: rgba(0, 0, 0, 0.8);
  transform: translateY(16px);
  opacity: 1;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.UserBadge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.UserBadge > .badge > .Icon {
  font-size: 2em;
  margin: 0.5em;
}
.UserBadge > .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  flex-grow: 1;
  margin: 12px 0;
}
.UserBadge > .info > b,
.UserBadge > .info > em,
.UserBadge > .info > span {
  display: block;
  clear: both;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1em;
  line-height: 1.3em;
}
.UserBadge > .tags {
  height: 100%;
  padding: 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-end;
  gap: 2px;
}
.UserBadge > .SessionTimeout {
  height: 100%;
}
.Manuals .Manual {
  display: flex;
  padding: 10px;
  cursor: pointer;
  text-decoration: underline;
  color: #0082ca;
}
.Manuals .Manual:hover {
  color: #00a3fd;
}
.OpenItemsButton > button {
  align-items: center;
  display: flex;
  height: auto;
  text-transform: uppercase;
}
.OpenItemsButton > button > i {
  padding: 10px;
  border-radius: 2em;
  font-size: 2em;
  transition: background-color 0.3s ease-in;
}
.OpenItemsButton > button:hover > i,
.OpenItemsButton > button.active > i {
  background-color: #1e2020;
  transition: background-color 0s linear;
}
.OpenItemsButton.Expanded > button > i {
  background-color: #1e2020;
  transition: background-color 0s linear;
}
.OpenItemsButtonMenu.Expanded {
  position: absolute;
  left: 0;
  bottom: 3.5em;
  background-color: transparent;
  z-index: 99;
  border-radius: 5px;
  max-height: 400px;
  overflow-x: clip;
  overflow-y: auto;
  animation: sidebarSlideIn 250ms linear;
  max-width: 65%;
  min-width: 16em;
  /** Action Buttons **/
}
@keyframes sidebarSlideIn {
  0% {
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  10% {
    left: -90%;
  }
  20% {
    left: -80%;
  }
  30% {
    left: -70%;
  }
  40% {
    left: -60%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -40%;
  }
  70% {
    left: -30%;
  }
  80% {
    left: -20%;
  }
  90% {
    left: -10%;
  }
  100% {
    left: 0%;
  }
}
.OpenItemsButtonMenu.Expanded > .actions {
  display: grid;
  grid-template-columns: 64px 1fr 128px;
  height: 3.5em;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
  background-color: #141616;
  /** Home **/
  /** Close All **/
}
.OpenItemsButtonMenu.Expanded > .actions > *:hover:not(.disabled) {
  background-color: #0B81D7;
}
.OpenItemsButtonMenu.Expanded > .actions > .Button {
  border-radius: 0 !important;
}
.OpenItemsButtonMenu.Expanded > .actions > .home {
  grid-column-start: 1;
  grid-column-end: 2;
  justify-content: center;
}
.OpenItemsButtonMenu.Expanded > .actions > .home > .Icon {
  font-size: 1.5em;
}
.OpenItemsButtonMenu.Expanded > .actions > .close-all {
  grid-column-start: 3;
  grid-column-end: 4;
}
.OpenItemsButtonMenu.Expanded > .actions > .close-all > .button-label {
  justify-content: center;
}
.OpenItemsButtonMenu.Expanded .OpenItemsButtonItem {
  background-color: #141616;
  display: grid;
  grid-template-columns: calc(100% - 32px) 32px;
}
.OpenItemsButtonMenu.Expanded .OpenItemsButtonItem:hover,
.OpenItemsButtonMenu.Expanded .OpenItemsButtonItem > *:hover {
  background-color: #0B81D7;
}
.OpenItemsButtonMenu.Expanded .OpenItemsButtonItem > .Button:hover > .Icon {
  color: red;
}
.OpenItemsButtonMenu.animate {
  animation: sidebarSlideOut 250ms linear;
}
@keyframes sidebarSlideOut {
  0% {
    left: 0%;
  }
  10% {
    left: -10%;
  }
  20% {
    left: -20%;
  }
  30% {
    left: -30%;
  }
  40% {
    left: -40%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -60%;
  }
  70% {
    left: -70%;
  }
  80% {
    left: -80%;
  }
  90% {
    left: -90%;
  }
  100% {
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 600px) {
  .OpenItemsButton > button > i {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2em;
    font-size: 2em;
    transition: background-color 0.3s ease-in;
  }
}
.MainMenu > button {
  align-items: center;
  display: flex;
  height: auto;
  text-transform: uppercase;
}
.MainMenu > button > i {
  padding: 10px;
  border-radius: 2em;
  font-size: 2em;
  transition: background-color 0.3s ease-in;
}
.MainMenu > button:hover > i,
.MainMenu > button.active > i {
  background-color: #1e2020;
  transition: background-color 0s linear;
}
.MainMenu > menu {
  animation: sidebarSlideIn 250ms linear;
  position: absolute;
  bottom: 3.5em;
  left: 0;
  width: 27em;
  height: 32.75em;
  background-color: #141616;
  border-radius: 0 4px 0 0;
  overflow: hidden;
  z-index: 11;
}
@keyframes sidebarSlideIn {
  0% {
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  10% {
    left: -90%;
  }
  20% {
    left: -80%;
  }
  30% {
    left: -70%;
  }
  40% {
    left: -60%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -40%;
  }
  70% {
    left: -30%;
  }
  80% {
    left: -20%;
  }
  90% {
    left: -10%;
  }
  100% {
    left: 0%;
  }
}
.MainMenu > menu > .back,
.MainMenu > menu > .open-items,
.MainMenu > menu > .UserBadge {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.MainMenu > menu > .open-items {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.MainMenu > menu > .open-items > .ContentArea > div > .List > .ListItem > .Icon > .IconLayer {
  color: #f0f2f4;
}
.MainMenu > menu.main {
  display: grid;
  grid-template-rows: 5em 1.1fr 3em;
}
.MainMenu > menu.main > .back {
  display: none;
}
.MainMenu > menu > .open-items > .back {
  height: auto;
}
.MainMenu > menu .ToolBar {
  flex-wrap: nowrap;
}
.MainMenu .ContentArea.scrollY > div::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.MainMenu .ContentArea.scrollY > div::-webkit-scrollbar-track {
  background-color: #3e4242;
  border-radius: 8px;
}
.MainMenu .ContentArea.scrollY > div::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}
.MainMenu .ContentArea.scrollY > div::-webkit-scrollbar-thumb:hover {
  background-color: #464a4a;
}
.MainMenu.animate > menu {
  animation: sidebarSlideOut 250ms linear;
}
@keyframes sidebarSlideOut {
  0% {
    left: 0%;
  }
  10% {
    left: -10%;
  }
  20% {
    left: -20%;
  }
  30% {
    left: -30%;
  }
  40% {
    left: -40%;
  }
  50% {
    left: -50%;
  }
  60% {
    left: -60%;
  }
  70% {
    left: -70%;
  }
  80% {
    left: -80%;
  }
  90% {
    left: -90%;
  }
  100% {
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1200px), (max-height: 1280px) {
  .MainMenu > button > span {
    display: none;
  }
  .MainMenu > menu {
    bottom: 3.5em;
  }
}
@media screen and (max-width: 600px), (max-height: 640px) {
  .MainMenu > menu {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .MainMenu > menu.main {
    grid-template-rows: 5em 1fr 3.5em 3.5em;
  }
  .MainMenu > menu.main > .UserBadge {
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .MainMenu > menu.main > .ContentArea {
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .MainMenu > menu.main > .ToolBar {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .MainMenu > menu.main > .back {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: none;
    display: flex;
    grid-row-start: 4;
    grid-row-end: 5;
    padding: 0;
  }
  .MainMenu > menu.main > .back > i {
    font-size: 2em;
  }
}
@media screen and (min-width: 1800px), (min-height: 1920px) {
  .MainMenu > button > i {
    font-size: 2em;
  }
  .MainMenu > button > span {
    display: initial;
  }
  .MainMenu > menu {
    bottom: 3.5em;
  }
}
.Desktop.ui-size\@extra-large .MainMenu > button > i {
  font-size: 3em;
  padding: 0.1em;
  margin-right: 0.25em;
}
.Desktop.ui-size\@extra-large .MainMenu > button > span {
  font-size: 2em;
}
@media screen and (min-width: 1800px), (min-height: 1920px) {
  .Desktop.ui-size\@extra-large .MainMenu > button > i {
    padding: 0.2em;
    margin-right: 0.25em;
  }
  .Desktop.ui-size\@extra-large .MainMenu > button > span {
    font-size: 2em;
  }
}
.Dock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
}
.Dock > .Shortcut > .Icon {
  font-size: 3em;
}
.Dock > span.UI-SIZE-TEST {
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
}
.Dock > span.FONT-SIZE-TEST {
  width: 175px;
  margin-left: 25px;
  border-left: 1px solid navajowhite;
  border-right: 1px solid navajowhite;
}
.Dock > span.FONT-SIZE-TEST > .text {
  visibility: hidden;
  position: absolute;
}
.Dock > span.FONT-SIZE-TEST > .info {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.Dock > span.FONT-SIZE-TEST > .info > span {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.Dock > span.FONT-SIZE-TEST > .info > span > p {
  padding: 0px;
  margin: 0px;
}
.Dock > .Shortcut {
  margin: 0 8px;
  transition: transform 0.15s ease;
}
.Dock > .Shortcut:hover {
  transform: translateY(-2px);
}
.Dock > .Shortcut > span > .Icon {
  font-size: 2em;
}
.Dock > .Shortcut > span > .label {
  display: none;
}
.Dock > .Shortcut > span > .label > .text {
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .Dock {
    overflow: hidden;
  }
  .Dock > .Shortcut {
    margin: -4px;
  }
  .Dock > .Shortcut > .Icon {
    font-size: 3em;
  }
}
@media screen and (max-width: 640px) {
  .Dock {
    overflow: hidden;
  }
  .Dock > .Shortcut {
    margin: -12px;
  }
  .Dock > .Shortcut > .Icon {
    font-size: 3em;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}/* Allows the modification of a parent element's flex properties
 * by the presence of a specific class in a lone child element. */
.Toast {
  width: 100%;
  min-height: 8em;
  z-index: 999;
  display: grid;
  grid-template-rows: 1.6em auto;
  grid-template-columns: 2.5em 1fr;
  pointer-events: all;
  background-color: #373a3a;
  border-radius: 3px;
  padding: 2px;
  box-shadow: -4px 6px 15px 0px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.025);
  border-left: 1px solid rgba(255, 255, 255, 0.025);
  border-bottom: 1px solid rgba(255, 255, 255, 0.025);
  /* If content's lone-child specifies (no-*) class,
	 * then this extends up to the root. */
  /* no-hover */
  /* no-active */
  /* New Toast */
  /* Dismissed Toast */
  /* Hidden Toast */
  /* Title Bar */
  /* Icon(s) */
  /* Contents / Children */
  /* No Actions */
  /* No Icon */
  /* ONLY Contents - No Icon, No Actions */
}
.Toast * {
  /* Helps indicate that you can click on the toast to dismiss it */
  cursor: pointer !important;
}
.Toast > .content:not(:has(> *:only-child.no-hover)):hover {
  background-color: #646969;
}
.Toast > .content:not(:has(> *:only-child.no-hover)):hover > span {
  background-color: #646969;
}
.Toast > .content:not(:has(> *:only-child.no-active)):active {
  background-color: #646969;
}
.Toast > .content:not(:has(> *:only-child.no-active)):active > span {
  background-color: #646969;
}
.Toast.new {
  animation: slideIn 200ms linear;
}
@keyframes slideIn {
  0% {
    margin-left: 100%;
    visibility: hidden;
  }
  10% {
    margin-left: 90%;
  }
  20% {
    margin-left: 80%;
  }
  30% {
    margin-left: 70%;
  }
  40% {
    margin-left: 60%;
  }
  50% {
    margin-left: 50%;
  }
  60% {
    margin-left: 40%;
  }
  70% {
    margin-left: 30%;
  }
  80% {
    margin-left: 20%;
  }
  90% {
    margin-left: 10%;
  }
  100% {
    margin-left: 0%;
  }
}
.Toast.dismissed {
  animation: slideOut 200ms linear;
}
@keyframes slideOut {
  0% {
    margin-left: 0%;
  }
  10% {
    margin-left: 10%;
  }
  20% {
    margin-left: 20%;
  }
  30% {
    margin-left: 30%;
  }
  40% {
    margin-left: 40%;
  }
  50% {
    margin-left: 50%;
  }
  60% {
    margin-left: 60%;
  }
  70% {
    margin-left: 70%;
  }
  80% {
    margin-left: 80%;
  }
  90% {
    margin-left: 90%;
  }
  100% {
    margin-left: 100%;
    visibility: hidden;
  }
}
.Toast.hidden {
  display: none;
}
.Toast > .actions {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 3;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* Toast Title */
  /* Action Buttons */
}
.Toast > .actions > .title {
  padding: 1px 6px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Toast > .actions > .buttons {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 2px;
}
.Toast > .actions > .buttons > .Button {
  min-width: 24px;
  height: 100%;
  justify-content: center;
  padding: 1px 4px;
}
.Toast > .icon {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Toast > .content {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  display: inline-flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  /* Content element classes that control flex properties */
  /* No internal padding desired for content zone */
  /* Plain Strings */
  /* Alignment */
}
.Toast > .content:has( > *:only-child.justify-content_center) {
  justify-content: center;
}
.Toast > .content:not(:has(> *:only-child.no-padding)) {
  padding: 8px;
}
.Toast > .content > p {
  font-weight: 100;
}
.Toast > .content.plain {
  padding: 8px;
}
.Toast > .content.plain:hover {
  background-color: initial !important;
}
.Toast > .content.left {
  justify-content: left;
}
.Toast > .content.center {
  justify-content: center;
}
.Toast > .content.right {
  justify-content: right;
}
.Toast > .content.spaced {
  justify-content: space-between;
}
.Toast > .actions.none + .icon {
  grid-row-start: 1;
  grid-row-end: 3;
}
.Toast > .actions.none + .icon:not(.none) + .content {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
.Toast > .actions:not(.none) + .icon.none + .content {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.Toast > .actions.none + .icon.none + .content {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
  padding: 6px;
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.ToastList {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100 !important;
  height: 90%;
  min-width: 25%;
  max-width: 35%;
  pointer-events: none;
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
}
/* 600px <= width < 900px */
@media screen and (min-width: 600px) and (max-width: 900px) {
  .ToastList {
    min-width: 33%;
    max-width: 50%;
  }
}
/* 0px < width < 600px*/
@media screen and (max-width: 600px) {
  .ToastList {
    min-width: 50%;
    max-width: 65%;
  }
}
.Session {
  z-index: 100;
}
.Session > .Window {
  max-width: 350px;
  max-height: 200px;
}
.Session > .Window > .ContentArea > div {
  padding: 20px;
}
.Session > .Window > .ContentArea > div > .ButtonBar {
  margin-top: 20px;
}
.AdblockBanner {
  position: fixed;
  display: block;
  width: 100%;
  height: auto;
  min-height: auto;
  z-index: 2;
  text-align: center;
  background-color: #7c8484;
  overflow: hidden;
  animation-duration: 2s;
  animation-name: slidein;
}
.AdblockBanner .AdblockBannerContent {
  font-size: 0.9em;
}
.AdblockBanner .AdblockBannerContent .Button {
  float: right;
  flex-direction: row-reverse;
  margin-bottom: 5px;
}
.AdblockBanner .AdblockBannerContent h4 {
  margin-block-start: 0.5em;
  margin-block-end: 0.4em;
}
.AdblockBanner .AdblockBannerContent p {
  margin-block-start: 0;
  margin-block-end: 0;
}
@keyframes slidein {
  from {
    height: 0;
  }
  to {
    height: 7vh;
  }
}
@media (max-width: 500px) {
}@media (max-width: 500px) {
}.FontSizeWatcher {
  position: absolute;
  visibility: hidden;
}
.FontSizeWatcher > span {
  position: absolute;
  visibility: hidden;
}
.FontSizeWatcher > span.normal {
  font-size: 12px;
}
.FontSizeWatcher > span.large {
  font-size: 14px;
}
.FontSizeWatcher > span.extra-large {
  font-size: 18px;
}
.Desktop {
  display: grid;
  background-color: #1e2020;
  grid-template-rows: auto 3.5em;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.Desktop.ui-size\@normal {
  font-size: 12px;
}
.Desktop.ui-size\@large {
  font-size: 14px;
}
.Desktop.ui-size\@extra-large {
  font-size: 18px;
}
.Desktop > footer {
  position: relative;
  background-color: #323535;
  display: flex;
  width: 100%;
}
.Desktop > footer > * {
  z-index: 2;
  /* Keep everything in front of the DockWrapper */
}
.Desktop > footer > .MainMenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Desktop > footer > .DockWrapper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  /* Ensure the DockWrapper doesn't block any toolbar buttons */
  display: flex;
  justify-content: center;
  align-items: center;
}
.Desktop > footer > .DockWrapper > .Dock {
  height: 100%;
  z-index: 2;
}
.Desktop > footer > .logo {
  width: 115px;
  height: 100%;
  margin-left: auto;
  margin-right: 5px;
  background-image: url(logo-pqcanvass-light.svg);
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: center;
}
.Desktop > .HiddenFooter {
  position: absolute;
  bottom: 0;
  left: 48%;
  z-index: 99;
}
.Desktop > .HiddenFooter .Icon {
  font-size: 2em;
  color: #0082ca;
}
.Desktop > .expanded {
  bottom: 3.5em;
}
.Desktop > .collapsed {
  bottom: 0;
}
@media screen and (max-width: 800px) {
  .Desktop.ui-size\@extra-large {
    font-size: 14px;
  }
  footer {
    grid-template-columns: 9em 1fr!important;
  }
  footer > .DockWrapper {
    justify-content: flex-end !important;
  }
  footer .Dock {
    justify-content: unset;
    overflow-y: hidden;
  }
  footer .logo {
    visibility: hidden;
  }
}
@media screen and (max-width: 640px) {
  .Desktop.ui-size\@extra-large {
    font-size: 14px;
  }
  footer {
    grid-template-columns: 9em 1fr!important;
    position: unset !important;
  }
  footer .DockWrapper {
    height: 3.5em;
  }
  footer .Dock {
    justify-content: unset;
    overflow-y: hidden;
    display: none;
  }
  footer .logo {
    visibility: visible;
  }
}
@media screen and (max-height: 450px) {
  .Desktop {
    grid-template-rows: 100%;
  }
  .Desktop.ui-size\@extra-large {
    font-size: 14px;
  }
}
.Desktop.Expanded {
  grid-template-rows: auto 3.5em;
}
.SignIn {
  /* 
	* Chrome's auto-fill doesn't trigger typical events, but it does trigger an animation.
	* We define an empty animation and listen for it with onanimationstart to detect auto-fill.
	* The animation itself is empty since we only need it for detection, not visual effects.
	*/
}
@keyframes onAutoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
.SignIn input:-webkit-autofill {
  animation-name: onAutoFillStart;
  animation-fill-mode: both;
}
.SignIn > .Modal {
  background-image: url(logo-pqcanvass.svg);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center calc(100% - 40px);
}
.SignIn > .Modal > .Window {
  background-color: #323535;
  width: 20em;
  height: 22em;
}
.SignIn > .Modal > .Window > .ContentArea > div {
  padding: 5px 20px;
}
.SignIn > .Modal > .Window > .ContentArea form input:not([type="checkbox"]),
.SignIn > .Modal > .Window > .ContentArea form button {
  width: 100%;
}
.SignIn > .Modal > .Window > .ContentArea form a {
  display: block;
  padding: 8px;
  text-align: center;
}
.SignIn > .Modal > .Window > .ContentArea form label.remember {
  cursor: pointer;
}
.AccountSelect > .Modal {
  background-image: url(logo-pqcanvass.svg);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center calc(100% - 40px);
}
.AccountSelect > .Modal > .Window {
  background-color: #323535;
  grid-template-rows: 3em 1fr 3.5em;
  width: 20em;
  height: 24em;
}
.AccountSelect > .Modal > .SiteAdmin {
  width: 40em;
  height: 30em;
}
.ForgotPassword > .Modal {
  background-image: url(logo-pqcanvass.svg);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center calc(100% - 40px);
}
.ForgotPassword > .Modal > .Window {
  background-color: #323535;
  width: 270px;
  height: 300px;
}
.ForgotPassword > .Modal > .Window > .ContentArea > div > div {
  overflow-y: hidden;
  display: grid;
  grid-template-rows: auto 48px;
  width: 100%;
  height: 100%;
}
.ForgotPassword > .Modal > .Window > .ContentArea > div > div form {
  padding: 5px 20px;
}
.ForgotPassword > .Modal > .Window > .ContentArea > div > div form input,
.ForgotPassword > .Modal > .Window > .ContentArea > div > div form button {
  width: 100%;
}
.ResetPassword > .Modal {
  background-image: url(logo-pqcanvass.svg);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center calc(100% - 40px);
}
.ResetPassword > .Modal > .Window {
  background-color: #323535;
  width: 250px;
  height: 330px;
}
.ResetPassword > .Modal > .Window > .ContentArea > div {
  display: grid;
  grid-template-rows: auto 48px;
  width: 100%;
  height: 100%;
}
.ResetPassword > .Modal > .Window > .ContentArea > div form {
  padding: 5px 20px;
}
.ResetPassword > .Modal > .Window > .ContentArea > div form input,
.ResetPassword > .Modal > .Window > .ContentArea > div form button {
  width: 100%;
}
.AccountUnlock > .Modal {
  background-image: url(logo-pqcanvass.svg);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center calc(100% - 40px);
}
.AccountUnlock > .Modal > .Window {
  background-color: #323535;
  width: 285px;
  height: 255px;
}
.AccountUnlock > .Modal > .Window > .ContentArea > div > div {
  display: grid;
  grid-template-rows: auto 48px;
  width: 100%;
  height: 100%;
}
.AccountUnlock > .Modal > .Window > .ContentArea > div > div form {
  padding: 5px 20px;
}
.AccountUnlock > .Modal > .Window > .ContentArea > div > div form input,
.AccountUnlock > .Modal > .Window > .ContentArea > div > div form button {
  width: 100%;
}
.AccountUnlock > .Modal > .Window > .ContentArea > div > div form input {
  text-align: center;
}
.GuestRegistration > .Modal {
  background-image: url(logo-pqcanvass.svg);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center calc(100% - 40px);
}
.GuestRegistration > .Modal > .Window {
  background-color: #323535;
  width: 70%;
  height: 60%;
  max-height: 425px;
  grid-template-rows: 3em 3em auto;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div {
  padding: 5px 20px;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > aside.tip {
  display: block;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > aside.tip > .link {
  cursor: pointer;
  color: #0082ca;
  text-decoration: underline;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div .Support {
  justify-content: center;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm {
  height: 75%;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm input {
  margin-bottom: 30px;
  height: 3em;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormRead {
  width: 100%;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent {
  height: 100%;
  display: grid;
  grid-template-rows: 4.5em 4.5em 4.5em 1fr 3em;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent input {
  width: 100%;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .Button {
  height: 3em;
  grid-column: 1/3;
  display: flex;
  margin: auto;
  width: 30%;
  min-width: fit-content;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PasswordRequirements {
  display: inline-flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 10px;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PasswordRequirements > span {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PasswordRequirements > span > .Icon {
  font-size: 1.5em;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PasswordRequirements > span > .Icon.met {
  color: green;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PasswordRequirements > span > .Icon.unmet {
  color: red;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PasswordRequirements > span > p {
  margin: 6px 0px 6px 8px;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PhoneInput {
  display: flex;
  gap: 2px;
  align-items: baseline;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PhoneInput > input {
  text-align: center;
  padding: 0;
  width: 3em;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PhoneInput > input::placeholder {
  text-align: center;
  align-items: center;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PhoneInput > input.PhoneFieldError {
  border: solid #e20000 1px !important;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PhoneInput .long {
  width: 3.5em;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent > .PhoneInput > label {
  margin-left: 7px;
  color: grey;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent .Valid {
  border-bottom: solid green 1px;
}
.GuestRegistration > .Modal > .Window > .ContentArea > div > .GuestRegistrationForm > .GuestRegistrationFormContent .Invalid {
  border-bottom: solid red 1px;
}
* {
  box-sizing: border-box;
  cursor: default;
}
html,
body {
  background-color: #323535;
  color: #f0f2f4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  font-family: "Open Sans";
  font-size: 12px;
}
h1 {
  margin: 0;
}
a {
  color: #0082ca;
  cursor: pointer;
  transition: color 0.1s linear;
}
a:hover {
  color: #0092e3;
}
a:active,
a.active {
  color: #00a3fd;
}
b,
strong {
  font-weight: 600;
}
hr {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 10px 0 15px 0;
}
label[disabled] {
  color: #a0a0a0;
}
menu {
  margin: 0;
  padding: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type="number"].spinner {
  -moz-appearance: number-input;
}
input[type="number"]::-webkit-outer-spin-button.spinner {
  width: 12px;
  height: 30px !important;
  margin-left: 2px;
}
/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance:	none;
	margin:				0;
}
*/
button {
  border: none;
  background-color: transparent;
  color: #f0f2f4;
  cursor: pointer;
}
button * {
  cursor: pointer;
}
button:focus {
  outline: none;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.Shortcut i.icon-cog,
.ListItem i.icon-cog {
  transition: transform 0.3s ease-in-out;
}
.Shortcut:hover i.icon-cog,
.ListItem:hover i.icon-cog {
  transform: rotate(90deg);
}
.tip {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  font-size: 11px;
  margin: 12px 0;
  padding: 16px;
}
.tip > .Icon {
  margin-right: 7px;
}
.tip.error {
  background-color: rgba(255, 102, 0, 0.5);
}
.hotkeyed:focus {
  outline: 0px solid transparent;
}
@media screen and (min-width: 1800px), (min-height: 1920px) {
  body {
    font-size: 14px;
  }
}
@media print {
  html,
  body {
    background-color: white;
    position: relative;
    overflow: auto;
  }
  .info {
    color: #323535;
  }
  .info .Button {
    background-color: #f0f2f4;
  }
}
input,
textarea {
  background-color: #4b4f4f;
  color: #f0f2f4;
  border: none;
  padding: 8px;
  border-radius: 2px;
  cursor: text;
}
input:focus {
  outline: none;
}
input:focus:not([type="checkbox"]) {
  border-left: 2px solid #0082ca !important;
  padding-left: 6px;
}
input[type="checkbox"] {
  cursor: pointer;
}
select {
  background-color: #4b4f4f;
  color: #f0f2f4;
  border: none;
  border-radius: 2px;
  padding: 7px;
  cursor: pointer;
}
select:focus {
  border-left: 2px solid #0082ca !important;
  outline: none;
  padding-left: 5px;
}
select[disabled] {
  cursor: not-allowed;
}
label {
  display: inline-block;
  padding: 2px 0 8px 0;
}
label > input[type="checkbox"] {
  transform: translateY(2px);
  margin-right: 8px;
}
fieldset {
  border-color: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  margin-bottom: 10px;
}
fieldset > legend {
  font-weight: 100;
  padding: 2px 8px;
}
fieldset > legend > .Icon {
  margin-right: 4px;
}
fieldset > .fields {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 12px;
  grid-row-gap: 4px;
  margin: 4px;
}
fieldset > .fields > label {
  align-self: center;
}
.form-button {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
}
.form-button:hover {
  background-color: #0092e3;
}
.form-button:active,
.form-button.active {
  background-color: #00a3fd;
}
.form-button[disabled]:not(.blend) {
  color: #eee;
}
.form-button[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
.form-button[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
.form-button-secondary {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
}
.form-button-secondary:hover {
  background-color: #191b1b;
}
.form-button-secondary:active,
.form-button-secondary.active {
  background-color: #0d0e0e;
}
.form-button-secondary[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
label.stack {
  display: block;
}
label.stack > input {
  margin: 0 10px;
}
label.click {
  cursor: pointer;
}
form button {
  background-color: #0082ca;
  color: #f0f2f4;
  transition: background-color 0.075s linear;
  padding: 8px;
}
form button:hover {
  background-color: #0092e3;
}
form button:active,
form button.active {
  background-color: #00a3fd;
}
form button[disabled]:not(.blend) {
  color: #eee;
}
form button[disabled]:not(.blend)[type="submit"] {
  background-color: rgba(0, 130, 202, 0.3) !important;
}
form button[disabled]:not(.blend):not([type="submit"]) {
  opacity: 0.111 !important;
}
form button.secondary {
  background-color: #262828;
  color: #d3d8de;
  transition: background-color 0.075s linear;
  padding: 8px 16px;
}
form button.secondary:hover {
  background-color: #191b1b;
}
form button.secondary:active,
form button.secondary.active {
  background-color: #0d0e0e;
}
form button.secondary[disabled] {
  background-color: rgba(38, 40, 40, 0.3) !important;
  color: #ccc;
}
.lightForm > input,
.lightForm > textarea,
.lightForm > select {
  background-color: #fff;
  color: #323535;
  width: 100%;
}
.lightForm > input,
.lightForm > textarea {
  cursor: text;
}
.add-button {
  border-radius: 4px;
}
.add-button > .Icon {
  transition: transform 0.1s ease-in-out;
}
.add-button.above {
  border-radius: 0;
}
.add-button.active,
.add-button.active:hover {
  background-color: #1e2020;
}
.add-button.rotate {
  background-color: #1e2020;
}
.add-button.rotate > .Icon {
  transform: rotate(45deg);
}
.form-grid {
  align-content: start;
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
}
.form-grid.two {
  grid-template-columns: 1.5fr 2fr;
}
.form-grid.three {
  grid-template-columns: 1.5fr 2fr 1fr;
}
.span12 {
  grid-column: 1 / 2;
}
.span13 {
  grid-column: 1 / 3;
}
.span14 {
  grid-column: 1 / 4;
}
.span23 {
  grid-column: 2 / 3;
}
.span24 {
  grid-column: 2 / 4;
}
.table-info {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
}
.table-info.fast {
  table-layout: fixed;
}
.table-info th,
.table-info td {
  font-size: 1em;
  text-align: left;
}
.table-info th.left,
.table-info td.left {
  text-align: left;
}
.table-info th.center,
.table-info td.center {
  text-align: center;
}
.table-info th.right,
.table-info td.right {
  text-align: right;
}
.table-info th.w20,
.table-info td.w20 {
  width: 20%;
}
.table-info th.w25,
.table-info td.w25 {
  width: 25%;
}
.table-info th.w33,
.table-info td.w33 {
  width: 33.33333%;
}
.table-info th.w50,
.table-info td.w50 {
  width: 50%;
}
.table-info th.w66,
.table-info td.w66 {
  width: 66.66666%;
}
.table-info th.w75,
.table-info td.w75 {
  width: 75%;
}
.table-info th.dashempty:empty::before,
.table-info td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
.table-info th {
  font-weight: 600;
  padding: 4px 8px;
}
.table-info th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.table-info td {
  font-weight: 400;
  padding: 8px;
}
.table-info td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
.table-info > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
.table-info > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
.table-info > tbody.stripe > tr:nth-child(odd) > th,
.table-info > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
.table-info > tbody.cstripe > th:nth-child(odd),
.table-info > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
.table-info > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
.table-info > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
.table-info td > table.info td:first-child,
.table-info td > table.info th:first-child {
  padding-left: 0;
}
.table-info td > table.info td:last-child,
.table-info td > table.info th:last-child {
  padding-right: 0;
}
table.info {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
}
table.info.fast {
  table-layout: fixed;
}
table.info th,
table.info td {
  font-size: 1em;
  text-align: left;
}
table.info th.left,
table.info td.left {
  text-align: left;
}
table.info th.center,
table.info td.center {
  text-align: center;
}
table.info th.right,
table.info td.right {
  text-align: right;
}
table.info th.w20,
table.info td.w20 {
  width: 20%;
}
table.info th.w25,
table.info td.w25 {
  width: 25%;
}
table.info th.w33,
table.info td.w33 {
  width: 33.33333%;
}
table.info th.w50,
table.info td.w50 {
  width: 50%;
}
table.info th.w66,
table.info td.w66 {
  width: 66.66666%;
}
table.info th.w75,
table.info td.w75 {
  width: 75%;
}
table.info th.dashempty:empty::before,
table.info td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
table.info th {
  font-weight: 600;
  padding: 4px 8px;
}
table.info th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
table.info td {
  font-weight: 400;
  padding: 8px;
}
table.info td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
table.info > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
table.info > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
table.info > tbody.stripe > tr:nth-child(odd) > th,
table.info > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
table.info > tbody.cstripe > th:nth-child(odd),
table.info > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
table.info > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
table.info > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
table.info td > table.info td:first-child,
table.info td > table.info th:first-child {
  padding-left: 0;
}
table.info td > table.info td:last-child,
table.info td > table.info th:last-child {
  padding-right: 0;
}
table.recording {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
}
table.recording.fast {
  table-layout: fixed;
}
table.recording th,
table.recording td {
  font-size: 1em;
  text-align: left;
}
table.recording th.left,
table.recording td.left {
  text-align: left;
}
table.recording th.center,
table.recording td.center {
  text-align: center;
}
table.recording th.right,
table.recording td.right {
  text-align: right;
}
table.recording th.w20,
table.recording td.w20 {
  width: 20%;
}
table.recording th.w25,
table.recording td.w25 {
  width: 25%;
}
table.recording th.w33,
table.recording td.w33 {
  width: 33.33333%;
}
table.recording th.w50,
table.recording td.w50 {
  width: 50%;
}
table.recording th.w66,
table.recording td.w66 {
  width: 66.66666%;
}
table.recording th.w75,
table.recording td.w75 {
  width: 75%;
}
table.recording th.dashempty:empty::before,
table.recording td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
table.recording th {
  font-weight: 600;
  padding: 4px 8px;
}
table.recording th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
table.recording td {
  font-weight: 400;
  padding: 8px;
}
table.recording td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
table.recording > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
table.recording > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
table.recording > tbody.stripe > tr:nth-child(odd) > th,
table.recording > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
table.recording > tbody.cstripe > th:nth-child(odd),
table.recording > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
table.recording > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
table.recording > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
table.recording td > table.info td:first-child,
table.recording td > table.info th:first-child {
  padding-left: 0;
}
table.recording td > table.info td:last-child,
table.recording td > table.info th:last-child {
  padding-right: 0;
}
table.recording td.measures,
table.recording td.scaleFactors {
  padding-left: 0;
}
table.report {
  border-collapse: collapse;
  width: 100%;
  max-width: 960px;
}
table.report.fast {
  table-layout: fixed;
}
table.report th,
table.report td {
  font-size: 1em;
  text-align: left;
}
table.report th.left,
table.report td.left {
  text-align: left;
}
table.report th.center,
table.report td.center {
  text-align: center;
}
table.report th.right,
table.report td.right {
  text-align: right;
}
table.report th.w20,
table.report td.w20 {
  width: 20%;
}
table.report th.w25,
table.report td.w25 {
  width: 25%;
}
table.report th.w33,
table.report td.w33 {
  width: 33.33333%;
}
table.report th.w50,
table.report td.w50 {
  width: 50%;
}
table.report th.w66,
table.report td.w66 {
  width: 66.66666%;
}
table.report th.w75,
table.report td.w75 {
  width: 75%;
}
table.report th.dashempty:empty::before,
table.report td.dashempty:empty::before {
  content: "\2014";
  color: rgba(62, 66, 66, 0.2);
}
table.report th {
  font-weight: 600;
  padding: 4px 8px;
}
table.report th > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
table.report td {
  font-weight: 400;
  padding: 8px;
}
table.report td > .Button {
  grid-template-columns: 12px 1fr;
  min-width: 12px;
}
table.report > thead > tr > th {
  font-size: 1em;
  font-weight: 300;
  padding-top: 16px;
  border-bottom: 1px solid rgba(181, 191, 201, 0.1);
}
table.report > thead > tr > th.main {
  border-bottom: none;
  font-weight: 600;
}
table.report > tbody.stripe > tr:nth-child(odd) > th,
table.report > tbody.stripe > tr:nth-child(odd) > td {
  background-color: #e5e5e5;
}
table.report > tbody.cstripe > th:nth-child(odd),
table.report > tbody.cstripe > td:nth-child(odd) {
  background-color: #d5d5d5;
}
table.report > tbody > tr.boundary > td {
  border-top: 1px solid rgba(181, 191, 201, 0.1);
}
table.report > tbody > tr.boundary.heavy > td {
  border-top: 1px solid rgba(62, 66, 66, 0.2);
}
table.report td > table.info td:first-child,
table.report td > table.info th:first-child {
  padding-left: 0;
}
table.report td > table.info td:last-child,
table.report td > table.info th:last-child {
  padding-right: 0;
}
.document {
  color: #323535;
  padding: 20px;
}
.document > h1 {
  color: #373a3a;
  font-size: 2em;
  font-weight: 100;
}
.document > h2 {
  color: #3e4242;
  font-size: 1.3em;
  font-weight: 300;
}
.document > h3 {
  border-bottom: 2px solid rgba(181, 191, 201, 0.1);
  color: #323535;
  font-size: 1.15em;
  font-weight: 400;
  padding-bottom: 8px;
  text-align: center;
}