/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__shakeAnimation {
  animation: js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__shake 0.5s;
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__red {
  padding: 6px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #1c1e24;
  box-shadow: 0 0 4px 2px #000;
  pointer-events: all;
  color: #e64759;
  border: 1px solid #e64759;
  cursor: pointer;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__red:hover {
  opacity: 0.6;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__red[data-node-selected='true'] {
  background-color: #e64759;
  color: #cfd2da;
  box-shadow: 0 0 4px 1px #e64759;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__red[data-node-selected='true']:hover {
  opacity: 1;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__green {
  padding: 6px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #1c1e24;
  box-shadow: 0 0 4px 2px #000;
  pointer-events: all;
  color: #1bc98e;
  border: 1px solid #1bc98e;
  cursor: pointer;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__green:hover {
  opacity: 0.6;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__green[data-node-selected='true'] {
  background-color: #1bc98e;
  color: #000000;
  box-shadow: 0 0 4px 1px #1bc98e;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__green[data-node-selected='true']:hover {
  opacity: 1;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__yellow {
  padding: 6px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #1c1e24;
  box-shadow: 0 0 4px 2px #000;
  pointer-events: all;
  color: #e4d836;
  border: 1px solid #e4d836;
  cursor: pointer;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__yellow:hover {
  opacity: 0.6;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__yellow[data-node-selected='true'] {
  background-color: #e4d836;
  color: #000000;
  box-shadow: 0 0 4px 1px #e4d836;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__yellow[data-node-selected='true']:hover {
  opacity: 1;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__top-left {
  position: absolute;
  top: 0;
  left: 20%;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__top-right {
  position: absolute;
  top: 0;
  right: 20%;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__bottom-left {
  position: absolute;
  bottom: 0;
  left: 20%;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__bottom-right {
  position: absolute;
  bottom: 0;
  right: 20%;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__left-top {
  position: absolute;
  top: 20%;
  left: 0;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__left-bottom {
  position: absolute;
  bottom: 20%;
  left: 0;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__right-top {
  position: absolute;
  top: 20%;
  right: 0;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__right-bottom {
  position: absolute;
  bottom: 20%;
  right: 0;
}
.js-view-modules-admin-components-workflow-workflow-graph-nodes-transition-node__selfTransitionable {
  display: grid;
  grid-template-columns: 1fr 20px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__shakeAnimation {
  animation: js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__shake 0.5s;
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel {
  font-size: 10px;
  pointer-events: all;
  position: absolute;
  box-shadow: 0 0 4px 2px #000;
  border-radius: 5px;
  z-index: 11;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__yellow-edgeButton {
  border: 1px solid #e4d836;
  color: #e4d836;
  background-color: #1c1e24;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__yellow-edgeButton span {
  font-size: 14px;
  margin-left: 5px;
  color: #e4d836;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__yellow-edgeButton:hover {
  background-color: #272a32;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__red-edgeButton {
  border: 1px solid #e64759;
  color: #e64759;
  background-color: #1c1e24;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__red-edgeButton span {
  font-size: 14px;
  margin-left: 5px;
  color: #e64759;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__red-edgeButton:hover {
  background-color: #272a32;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__green-edgeButton {
  border: 1px solid #1bc98e;
  color: #1bc98e;
  background-color: #1c1e24;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__green-edgeButton span {
  font-size: 14px;
  margin-left: 5px;
  color: #1bc98e;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__edgeLabel .js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__green-edgeButton:hover {
  background-color: #272a32;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__yellow-tooltip {
  color: #e4d836;
  padding: 6px 12px;
  background-color: #1c1e24;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px #e4d836;
  border: 1px solid #e4d836;
  max-width: 250px;
  position: relative;
  right: 105%;
  bottom: 40px;
  text-align: center;
  max-width: 300px;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__yellow-tooltip::after {
  content: '';
  position: absolute;
  top: 10px;
  right: -8%;
  transform: translateX(-50%) rotate(-90deg);
  border-width: 7px;
  border-style: solid;
  border-color: #e4d836 transparent transparent transparent;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__red-tooltip {
  color: #e64759;
  padding: 6px 12px;
  background-color: #1c1e24;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px #e64759;
  border: 1px solid #e64759;
  max-width: 250px;
  position: relative;
  right: 105%;
  bottom: 40px;
  text-align: center;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__red-tooltip::after {
  content: '';
  position: absolute;
  top: 10px;
  right: -8%;
  transform: translateX(-50%) rotate(-90deg);
  border-width: 7px;
  border-style: solid;
  border-color: #e64759 transparent transparent transparent;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__green-tooltip {
  color: #1bc98e;
  padding: 6px 12px;
  background-color: #1c1e24;
  border-radius: 10px;
  box-shadow: 0 0 4px 1px #1bc98e;
  border: 1px solid #1bc98e;
  max-width: 250px;
  position: relative;
  right: 105%;
  bottom: 40px;
  text-align: center;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__green-tooltip::after {
  content: '';
  position: absolute;
  top: 10px;
  right: -8%;
  transform: translateX(-50%) rotate(-90deg);
  border-width: 7px;
  border-style: solid;
  border-color: #1bc98e transparent transparent transparent;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__selfEdge {
  z-index: 12321;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__selfEdgeLabel {
  left: -18px;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__selfEdgeLabel :hover {
  opacity: 0.8;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__selfEdgeButton {
  padding: 2px;
  height: 20px;
  width: 20px;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__conditionText {
  word-break: break-all;
  text-decoration: underline;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__buttonError {
  animation: js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__shake 0.5s;
  position: relative;
}
.js-view-modules-admin-components-workflow-workflow-graph-edges-transition-edge__buttonError::after {
  content: '*';
  color: #e64759;
  font-size: 20px;
  position: absolute;
  top: -4px;
  right: 1px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-basic-modal-basic-modal__shakeAnimation {
  animation: js-view-components-modal-basic-modal-basic-modal__shake 0.5s;
}
@keyframes js-view-components-modal-basic-modal-basic-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-basic-modal-basic-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-basic-modal-basic-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-basic-modal-basic-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-basic-modal-basic-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-basic-modal-basic-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-basic-modal-basic-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-basic-modal-basic-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-basic-modal-basic-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-basic-modal-basic-modal__modalStyle .js-view-components-modal-basic-modal-basic-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-basic-modal-basic-modal__modalStyle .js-view-components-modal-basic-modal-basic-modal__modal-content .js-view-components-modal-basic-modal-basic-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-basic-modal-basic-modal__modalStyle .js-view-components-modal-basic-modal-basic-modal__modal-content .js-view-components-modal-basic-modal-basic-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-basic-modal-basic-modal__modalStyle .js-view-components-modal-basic-modal-basic-modal__modal-content .js-view-components-modal-basic-modal-basic-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-basic-modal-basic-modal__modal {
  position: fixed;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog {
  max-height: 95vh;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 600px;
  margin: 0;
  animation: js-view-components-modal-basic-modal-basic-modal__scale-in-center 0.3s both;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog .js-view-components-modal-basic-modal-basic-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog .js-view-components-modal-basic-modal-basic-modal__modal-content .js-view-components-modal-basic-modal-basic-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog .js-view-components-modal-basic-modal-basic-modal__modal-content .js-view-components-modal-basic-modal-basic-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog .js-view-components-modal-basic-modal-basic-modal__modal-content .js-view-components-modal-basic-modal-basic-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog > :first-child {
  border-radius: 6px;
  position: relative;
  box-shadow: 0 5px 15px #00000080;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog input:focus-visible {
  outline: none;
}
.js-view-components-modal-basic-modal-basic-modal__modal-dialog textarea {
  background: #fff;
  color: #51586a;
}
.js-view-components-modal-basic-modal-basic-modal__modal-backdrop {
  background-color: rgba(0, 0, 0, 0.495);
  position: fixed;
  inset: 0;
  z-index: 999;
}
.js-view-components-modal-basic-modal-basic-modal__cross-button {
  padding-right: 15px;
  position: absolute;
  top: 23px;
  right: 0;
}
.js-view-components-modal-basic-modal-basic-modal__cross-button > span {
  font-size: 21px;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@keyframes js-view-components-modal-basic-modal-basic-modal__scale-in-center {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #18b37e;
  color: #18b37e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #18b37e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #18b37e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #18b37e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #18b37e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #18b37e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #18b37e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-button-basic-button__shakeAnimation {
  animation: js-view-components-button-basic-button__shake 0.5s;
}
@keyframes js-view-components-button-basic-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-button-basic-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-button-basic-button__blue {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #1997c6;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__blue svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__blue:hover {
  background-color: #126e90;
  color: #fff;
}
.js-view-components-button-basic-button__blue:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__blue:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__blue:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__blue:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__green {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #18b37e;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__green svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__green:hover {
  background-color: #159c6e;
  color: #fff;
}
.js-view-components-button-basic-button__green:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__green:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__green:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__green:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__purple {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #8b6cff;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__purple svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__purple:hover {
  background-color: #610ceb;
  color: #fff;
}
.js-view-components-button-basic-button__purple:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__purple:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__purple:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__purple:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__red {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #e64759;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__red svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__red:hover {
  background-color: #dc1e33;
  color: #fff;
}
.js-view-components-button-basic-button__red:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__red:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__red:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__red:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__yellow {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #e4d836;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__yellow svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__yellow:hover {
  background-color: #aca217;
  color: #fff;
}
.js-view-components-button-basic-button__yellow:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__yellow:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__yellow:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__yellow:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__white {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #fff;
  color: #51586a;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__white svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__white:hover {
  background-color: #fff;
  color: #51586a;
}
.js-view-components-button-basic-button__white:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__white:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__white:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__white:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__default {
  padding: 6px 12px;
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #51586a;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
}
.js-view-components-button-basic-button__default svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__default:hover {
  background-color: #51586a;
  color: #fff;
}
.js-view-components-button-basic-button__default:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__default:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__default:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__default:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__purple-outline {
  background-color: transparent;
  color: #8b6cff;
  border: 1px solid #8b6cff;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__purple-outline:hover {
  background-color: #8b6cff;
  color: #fff;
}
.js-view-components-button-basic-button__purple-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__purple-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__purple-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__purple-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__blue-outline {
  background-color: transparent;
  color: #1997c6;
  border: 1px solid #1997c6;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__blue-outline:hover {
  background-color: #1997c6;
  color: #fff;
}
.js-view-components-button-basic-button__blue-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__blue-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__blue-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__blue-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__green-outline {
  background-color: transparent;
  color: #18b37e;
  border: 1px solid #18b37e;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__green-outline:hover {
  background-color: #18b37e;
  color: #fff;
}
.js-view-components-button-basic-button__green-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__green-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__green-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__green-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__red-outline {
  background-color: transparent;
  color: #e64759;
  border: 1px solid #e64759;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__red-outline:hover {
  background-color: #e64759;
  color: #fff;
}
.js-view-components-button-basic-button__red-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__red-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__red-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__red-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__yellow-outline {
  background-color: transparent;
  color: #e4d836;
  border: 1px solid #e4d836;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__yellow-outline:hover {
  background-color: #e4d836;
  color: #fff;
}
.js-view-components-button-basic-button__yellow-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__yellow-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__yellow-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__yellow-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__white-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__white-outline:hover {
  background-color: #fff;
  color: #51586a;
}
.js-view-components-button-basic-button__white-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__white-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__white-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__white-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__default-outline {
  background-color: #252830;
  color: #51586a;
  border: 1px solid #51586a;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
}
.js-view-components-button-basic-button__default-outline:hover {
  background-color: #51586a;
  color: #fff;
}
.js-view-components-button-basic-button__default-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-button-basic-button__default-outline:disabled {
  cursor: default;
}
.js-view-components-button-basic-button__default-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__default-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-button-basic-button__xsmall,
.js-view-components-button-basic-button__small {
  font-size: 12px;
}
.js-view-components-button-basic-button__medium {
  font-size: 14px;
}
.js-view-components-button-basic-button__large {
  font-size: 18px;
}
.js-view-components-button-basic-button__xxsmall {
  font-size: 10px;
}
.js-view-components-button-basic-button__loading {
  opacity: 0.1;
}
.js-view-components-button-basic-button__link {
  display: inline-block;
}
.js-view-components-button-basic-button__link:hover {
  text-decoration: none;
}
.js-view-components-button-basic-button__disabled {
  pointer-events: none;
  border-color: #6f7890 !important;
  color: #6f7890 !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-progress-spinner__shakeAnimation {
  animation: js-view-components-progress-spinner__shake 0.5s;
}
@keyframes js-view-components-progress-spinner__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-progress-spinner__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes js-view-components-progress-spinner__loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes js-view-components-progress-spinner__loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__black {
  width: 16px;
  height: 16px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__black:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.33333333px solid rgba(0, 0, 0, 0.2);
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__black:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #15181f transparent transparent;
  border-style: solid;
  border-width: 1.33333333px;
  box-shadow: 0 0 0 1px transparent;
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__blue {
  width: 16px;
  height: 16px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__blue:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.33333333px solid rgba(255, 255, 255, 0.2);
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__blue:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1997c6 transparent transparent;
  border-style: solid;
  border-width: 1.33333333px;
  box-shadow: 0 0 0 1px transparent;
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__green {
  width: 16px;
  height: 16px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__green:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.33333333px solid rgba(255, 255, 255, 0.2);
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__green:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1bc98e transparent transparent;
  border-style: solid;
  border-width: 1.33333333px;
  box-shadow: 0 0 0 1px transparent;
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__red {
  width: 16px;
  height: 16px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__red:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.33333333px solid rgba(255, 255, 255, 0.2);
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__red:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e64759 transparent transparent;
  border-style: solid;
  border-width: 1.33333333px;
  box-shadow: 0 0 0 1px transparent;
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__yellow {
  width: 16px;
  height: 16px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__yellow:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.33333333px solid rgba(255, 255, 255, 0.2);
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__yellow:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e4d836 transparent transparent;
  border-style: solid;
  border-width: 1.33333333px;
  box-shadow: 0 0 0 1px transparent;
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__white {
  width: 16px;
  height: 16px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__white:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.33333333px solid rgba(255, 255, 255, 0.2);
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-smaller.js-view-components-progress-spinner__white:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 1.33333333px;
  box-shadow: 0 0 0 1px transparent;
  width: 16px;
  height: 16px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__black {
  width: 20px;
  height: 20px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__black:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.66666667px solid rgba(0, 0, 0, 0.2);
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__black:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #15181f transparent transparent;
  border-style: solid;
  border-width: 1.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__blue {
  width: 20px;
  height: 20px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__blue:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.66666667px solid rgba(255, 255, 255, 0.2);
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__blue:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1997c6 transparent transparent;
  border-style: solid;
  border-width: 1.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__green {
  width: 20px;
  height: 20px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__green:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.66666667px solid rgba(255, 255, 255, 0.2);
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__green:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1bc98e transparent transparent;
  border-style: solid;
  border-width: 1.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__red {
  width: 20px;
  height: 20px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__red:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.66666667px solid rgba(255, 255, 255, 0.2);
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__red:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e64759 transparent transparent;
  border-style: solid;
  border-width: 1.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__yellow {
  width: 20px;
  height: 20px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__yellow:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.66666667px solid rgba(255, 255, 255, 0.2);
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__yellow:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e4d836 transparent transparent;
  border-style: solid;
  border-width: 1.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__white {
  width: 20px;
  height: 20px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__white:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 1.66666667px solid rgba(255, 255, 255, 0.2);
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-small.js-view-components-progress-spinner__white:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 1.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 20px;
  height: 20px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__black {
  width: 30px;
  height: 30px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__black:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 2.5px solid rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__black:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #15181f transparent transparent;
  border-style: solid;
  border-width: 2.5px;
  box-shadow: 0 0 0 1px transparent;
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__blue {
  width: 30px;
  height: 30px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__blue:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 2.5px solid rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__blue:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1997c6 transparent transparent;
  border-style: solid;
  border-width: 2.5px;
  box-shadow: 0 0 0 1px transparent;
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__green {
  width: 30px;
  height: 30px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__green:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 2.5px solid rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__green:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1bc98e transparent transparent;
  border-style: solid;
  border-width: 2.5px;
  box-shadow: 0 0 0 1px transparent;
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__red {
  width: 30px;
  height: 30px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__red:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 2.5px solid rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__red:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e64759 transparent transparent;
  border-style: solid;
  border-width: 2.5px;
  box-shadow: 0 0 0 1px transparent;
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__yellow {
  width: 30px;
  height: 30px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__yellow:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 2.5px solid rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__yellow:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e4d836 transparent transparent;
  border-style: solid;
  border-width: 2.5px;
  box-shadow: 0 0 0 1px transparent;
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__white {
  width: 30px;
  height: 30px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__white:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 2.5px solid rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-medium.js-view-components-progress-spinner__white:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 2.5px;
  box-shadow: 0 0 0 1px transparent;
  width: 30px;
  height: 30px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__black {
  width: 44px;
  height: 44px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__black:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 3.66666667px solid rgba(0, 0, 0, 0.2);
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__black:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #15181f transparent transparent;
  border-style: solid;
  border-width: 3.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__blue {
  width: 44px;
  height: 44px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__blue:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 3.66666667px solid rgba(255, 255, 255, 0.2);
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__blue:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1997c6 transparent transparent;
  border-style: solid;
  border-width: 3.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__green {
  width: 44px;
  height: 44px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__green:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 3.66666667px solid rgba(255, 255, 255, 0.2);
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__green:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #1bc98e transparent transparent;
  border-style: solid;
  border-width: 3.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__red {
  width: 44px;
  height: 44px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__red:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 3.66666667px solid rgba(255, 255, 255, 0.2);
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__red:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e64759 transparent transparent;
  border-style: solid;
  border-width: 3.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__yellow {
  width: 44px;
  height: 44px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__yellow:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 3.66666667px solid rgba(255, 255, 255, 0.2);
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__yellow:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #e4d836 transparent transparent;
  border-style: solid;
  border-width: 3.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__white {
  width: 44px;
  height: 44px;
  position: relative;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__white:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  border-radius: 500rem;
  border: 3.66666667px solid rgba(255, 255, 255, 0.2);
  width: 44px;
  height: 44px;
}
.js-view-components-progress-spinner__spinner-large.js-view-components-progress-spinner__white:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  animation: js-view-components-progress-spinner__loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 3.66666667px;
  box-shadow: 0 0 0 1px transparent;
  width: 44px;
  height: 44px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-button-with-icon-button-with-icon__shakeAnimation {
  animation: js-view-components-button-with-icon-button-with-icon__shake 0.5s;
}
@keyframes js-view-components-button-with-icon-button-with-icon__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-button-with-icon-button-with-icon__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-button-with-icon-button-with-icon__loading {
  position: relative;
}
.js-view-components-button-with-icon-button-with-icon__buttonLoading {
  opacity: 0.1;
}
.js-view-components-button-with-icon-button-with-icon__spinner {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-button-with-icon-button-with-icon__link {
  display: inline-block;
}
.js-view-components-button-with-icon-button-with-icon__link:hover {
  text-decoration: none;
}
.js-view-components-button-with-icon-button-with-icon__text {
  margin-left: 8px;
}
.js-view-components-button-with-icon-button-with-icon__large {
  font-size: 24px;
}
.js-view-components-button-with-icon-button-with-icon__medium {
  font-size: 18px;
}
.js-view-components-button-with-icon-button-with-icon__small {
  font-size: 14px;
}
.js-view-components-button-with-icon-button-with-icon__xsmall {
  font-size: 12px;
}
.js-view-components-button-with-icon-button-with-icon__xxsmall {
  font-size: 10px;
}
.js-view-components-button-with-icon-button-with-icon__disabled {
  pointer-events: auto;
  cursor: default;
}
.js-view-components-button-with-icon-button-with-icon__disabled svg {
  filter: brightness(0.5);
}
.js-view-components-button-with-icon-button-with-icon__disabled:hover {
  background-color: transparent !important;
}
.js-view-components-button-with-icon-button-with-icon__disabled:hover svg {
  filter: brightness(0.5);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__shakeAnimation {
  animation: js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__shake 0.5s;
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__header {
  text-align: center;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__modal {
  width: fit-content;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__title {
  border-bottom: 1px solid #434857;
  background-color: #252830;
  text-align: center;
  padding-bottom: 6px;
  margin: 0;
  color: #cfd2da;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body {
  padding: 6px 30px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__content {
  padding: 6px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__content .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitleContainer {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__content .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitleContainer .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitle {
  display: flex;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__content .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitleContainer .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitle p {
  margin-right: 5px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__content .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitleContainer:hover {
  opacity: 0.7;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__content .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__contentTitleContainer * {
  margin: 0;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__btnGroup {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  z-index: 10;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__radioGroup {
  padding-left: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #434857;
  margin-top: 6px;
  padding-top: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__red {
  color: #e64759;
  text-decoration: underline;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__green {
  color: #1bc98e;
  text-decoration: underline;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__yellow {
  color: #e4d836;
  text-decoration: underline;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__grayBorder {
  border: 1px solid #434857;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__shake {
  animation: js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__shake 0.5s;
  border: 1px solid #e64759;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-restriction-modal__tootlip {
  margin: auto;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-basic-radio__shakeAnimation {
  animation: js-view-components-basic-radio__shake 0.5s;
}
@keyframes js-view-components-basic-radio__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-basic-radio__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-basic-radio__radio-container {
  position: relative;
  cursor: pointer;
}
.js-view-components-basic-radio__radio-container > input[type='radio'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  display: block;
  min-width: 18px;
  min-height: 18px;
  text-align: center;
  background-color: #434857;
  background-clip: padding-box;
  background-size: 75% 75%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #00000026;
  border-radius: 50%;
  box-shadow: inset 0 1px 2px #00000013;
  user-select: none;
}
.js-view-components-basic-radio__radio-container > input[type='radio']:checked {
  background-clip: border-box;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMzAxIDM5MyA4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTMwMSAzOTMgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMjUyODMwIiBkPSJNLTI5NywzOTRjLTEuNywwLTMsMS4zLTMsM3MxLjMsMywzLDNzMy0xLjMsMy0zUy0yOTUuMywzOTQtMjk3LDM5NHoiLz48L3N2Zz4=);
  background-color: #1bc98e;
  border-color: #1bc98e;
  box-shadow: none;
}
.js-view-components-basic-radio__radio-container > input[data-radio-color='red']:checked {
  background-color: #e64759;
  border-color: #e64759;
}
.js-view-components-basic-radio__radio-container > input[data-radio-color='green']:checked {
  background-color: #1bc98e;
  border-color: #1bc98e;
}
.js-view-components-basic-radio__radio-container > input[data-radio-color='yellow']:checked {
  background-color: #e4d836;
  border-color: #e4d836;
}
.js-view-components-basic-radio__radio-container-inline > input[type='radio'] {
  display: inline-block;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-radio-button-input__shakeAnimation {
  animation: js-view-components-input-radio-button-input__shake 0.5s;
}
@keyframes js-view-components-input-radio-button-input__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-radio-button-input__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-radio-button-input__radio-container {
  margin-right: 10px;
  margin-left: 0 !important;
}
.js-view-components-input-radio-button-input__radio-container:first-of-type {
  margin-right: 10px;
}
.js-view-components-input-radio-button-input__radio-container .js-view-components-input-radio-button-input__option {
  font-size: 14px;
  margin-left: 8px;
  position: relative;
  bottom: 4px;
}
.js-view-components-input-radio-button-input__radio-container .js-view-components-input-radio-button-input__description {
  margin: 5px 0;
  font-size: 15px;
  opacity: 0.4;
  color: #cfd2da;
  margin-left: 25px;
}
.js-view-components-input-radio-button-input__radio-container .js-view-components-input-radio-button-input__sub-label {
  margin: 0 5px;
  font-size: 10px;
  color: #cfd2da;
  opacity: 0.4;
  display: inline-block;
  font-style: italic;
  position: relative;
  bottom: 4px;
}
.js-view-components-input-radio-button-input__radio-container .disabled .custom-control-indicator {
  background-color: #2d313c !important;
}
.js-view-components-input-radio-button-input__disabled {
  opacity: 0.5;
}
.js-view-components-input-radio-button-input__active {
  color: #1bc98e;
}
.js-view-components-input-radio-button-input__labelMessage {
  margin-left: 8px;
  position: relative;
  bottom: 3px;
}
.js-view-components-input-radio-button-input__red {
  color: #e64759;
}
.js-view-components-input-radio-button-input__green {
  color: #1bc98e;
}
.js-view-components-input-radio-button-input__yellow {
  color: #e4d836;
}

.js-view-components-basic-collapse__collapse {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 300ms cubic-bezier(0, 1, 0, 1), opacity 1000ms ease;
}
.js-view-components-basic-collapse__open {
  height: auto;
  overflow: visible;
  opacity: 1;
  max-height: 99999px;
  transition: all 300ms cubic-bezier(1, 0, 1, 0), opacity 200ms ease-in;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-expand-collapse-button-expand-collapse-button__shakeAnimation {
  animation: js-view-components-expand-collapse-button-expand-collapse-button__shake 0.5s;
}
@keyframes js-view-components-expand-collapse-button-expand-collapse-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-expand-collapse-button-expand-collapse-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-expand-collapse-button-expand-collapse-button__container {
  cursor: pointer;
  color: #1997c6;
  text-decoration: underline;
}
.js-view-components-expand-collapse-button-expand-collapse-button__container[data-color='red'] {
  color: #e64759;
}
.js-view-components-expand-collapse-button-expand-collapse-button__container[data-color='green'] {
  color: #1bc98e;
}
.js-view-components-expand-collapse-button-expand-collapse-button__container[data-color='blue'] {
  color: #1997c6;
}
.js-view-components-expand-collapse-button-expand-collapse-button__container[data-color='yellow'] {
  color: #e4d836;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-tooltip-tooltip-inner__shakeAnimation {
  animation: js-view-components-tooltip-tooltip-inner__shake 0.5s;
}
@keyframes js-view-components-tooltip-tooltip-inner__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-tooltip-tooltip-inner__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-tooltip-tooltip-inner__tooltipContainer {
  position: fixed;
  z-index: 9999;
}
.js-view-components-tooltip-tooltip-inner__tooltip {
  background-color: #252830;
  color: #1bc98e;
  position: relative;
  padding: 4px 6px;
  border-radius: 3px;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.5));
  will-change: opacity;
  font-size: 12px;
  overflow: visible;
}
.js-view-components-tooltip-tooltip-inner__tooltip p {
  margin: 0;
  padding: 0;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow .js-view-components-tooltip-tooltip-inner__tooltip::after {
  position: absolute;
  content: ' ';
  height: 0;
  width: 0;
  border: solid transparent;
  border-width: 8px;
  pointer-events: none;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left .js-view-components-tooltip-tooltip-inner__tooltip::after {
  right: -8px;
  border-right-width: 0;
  margin-top: -8px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left .js-view-components-tooltip-tooltip-inner__tooltip::after {
  border-left-color: #252830;
  transform: translateX(-1.5px);
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right .js-view-components-tooltip-tooltip-inner__tooltip::after {
  left: -8px;
  border-left-width: 0;
  margin-top: -8px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right .js-view-components-tooltip-tooltip-inner__tooltip::after {
  border-right-color: #252830;
  transform: translateX(1.5px);
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top .js-view-components-tooltip-tooltip-inner__tooltip::after {
  bottom: -8px;
  border-bottom-width: 0;
  margin-left: -8px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top .js-view-components-tooltip-tooltip-inner__tooltip::after {
  border-top-color: #252830;
  transform: translateY(-1.5px);
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom .js-view-components-tooltip-tooltip-inner__tooltip::after {
  top: -8px;
  border-top-width: 0;
  margin-left: -8px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom .js-view-components-tooltip-tooltip-inner__tooltip::after {
  border-bottom-color: #252830;
  transform: translateY(1.5px);
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top.start .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom.start .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top.start .js-view-components-tooltip-tooltip-inner__tooltip::after,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom.start .js-view-components-tooltip-tooltip-inner__tooltip::after {
  left: 15px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top.center .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom.center .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top.center .js-view-components-tooltip-tooltip-inner__tooltip::after,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom.center .js-view-components-tooltip-tooltip-inner__tooltip::after {
  left: 50%;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top.end .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom.end .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.top.end .js-view-components-tooltip-tooltip-inner__tooltip::after,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.bottom.end .js-view-components-tooltip-tooltip-inner__tooltip::after {
  right: 3px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left.start .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right.start .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left.start .js-view-components-tooltip-tooltip-inner__tooltip::after,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right.start .js-view-components-tooltip-tooltip-inner__tooltip::after {
  top: 15px;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left.center .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right.center .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left.center .js-view-components-tooltip-tooltip-inner__tooltip::after,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right.center .js-view-components-tooltip-tooltip-inner__tooltip::after {
  top: 50%;
}
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left.end .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right.end .js-view-components-tooltip-tooltip-inner__tooltip::before,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.left.end .js-view-components-tooltip-tooltip-inner__tooltip::after,
.js-view-components-tooltip-tooltip-inner__tooltipContainerWithArrow.right.end .js-view-components-tooltip-tooltip-inner__tooltip::after {
  bottom: 3px;
}
.js-view-components-tooltip-tooltip-inner__greenContainer.left .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-left-color: #1bc98e;
}
.js-view-components-tooltip-tooltip-inner__greenContainer.right .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-right-color: #1bc98e;
}
.js-view-components-tooltip-tooltip-inner__greenContainer.top .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-top-color: #1bc98e;
}
.js-view-components-tooltip-tooltip-inner__greenContainer.bottom .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-bottom-color: #1bc98e;
}
.js-view-components-tooltip-tooltip-inner__greenTooltip {
  color: #1bc98e;
  border: 1px solid #1bc98e;
}
.js-view-components-tooltip-tooltip-inner__redContainer.left .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-left-color: #e64759;
}
.js-view-components-tooltip-tooltip-inner__redContainer.right .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-right-color: #e64759;
}
.js-view-components-tooltip-tooltip-inner__redContainer.top .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-top-color: #e64759;
}
.js-view-components-tooltip-tooltip-inner__redContainer.bottom .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-bottom-color: #e64759;
}
.js-view-components-tooltip-tooltip-inner__redTooltip {
  color: #e64759;
  border: 1px solid #e64759;
}
.js-view-components-tooltip-tooltip-inner__blueContainer.left .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-left-color: #1997c6;
}
.js-view-components-tooltip-tooltip-inner__blueContainer.right .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-right-color: #1997c6;
}
.js-view-components-tooltip-tooltip-inner__blueContainer.top .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-top-color: #1997c6;
}
.js-view-components-tooltip-tooltip-inner__blueContainer.bottom .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-bottom-color: #1997c6;
}
.js-view-components-tooltip-tooltip-inner__blueTooltip {
  color: #1997c6;
  border: 1px solid #1997c6;
}
.js-view-components-tooltip-tooltip-inner__yellowContainer.left .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-left-color: #e4d836;
}
.js-view-components-tooltip-tooltip-inner__yellowContainer.right .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-right-color: #e4d836;
}
.js-view-components-tooltip-tooltip-inner__yellowContainer.top .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-top-color: #e4d836;
}
.js-view-components-tooltip-tooltip-inner__yellowContainer.bottom .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-bottom-color: #e4d836;
}
.js-view-components-tooltip-tooltip-inner__yellowTooltip {
  color: #e4d836;
  border: 1px solid #e4d836;
}
.js-view-components-tooltip-tooltip-inner__grayContainer.left .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-left-color: #6f7890;
}
.js-view-components-tooltip-tooltip-inner__grayContainer.right .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-right-color: #6f7890;
}
.js-view-components-tooltip-tooltip-inner__grayContainer.top .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-top-color: #6f7890;
}
.js-view-components-tooltip-tooltip-inner__grayContainer.bottom .js-view-components-tooltip-tooltip-inner__tooltip::before {
  border-bottom-color: #6f7890;
}
.js-view-components-tooltip-tooltip-inner__grayTooltip {
  color: #cfd2da;
  border: 1px solid #6f7890;
}

.general-tooltip-appear div,
.general-tooltip-enter div {
  opacity: 0;
}
.general-tooltip-appear.general-tooltip-appear-active div,
.general-tooltip-enter.general-tooltip-enter-active div {
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.general-tooltip-exit div {
  opacity: 1;
}
.general-tooltip-exit.general-tooltip-exit-active div {
  opacity: 0;
  transition: opacity 150ms ease-in;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-info-button-tooltip-info-button-tooltip__shakeAnimation {
  animation: js-view-components-info-button-tooltip-info-button-tooltip__shake 0.5s;
}
@keyframes js-view-components-info-button-tooltip-info-button-tooltip__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-info-button-tooltip-info-button-tooltip__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-info-button-tooltip-info-button-tooltip__button {
  height: 28px;
  width: 28px;
  border: 1px solid #1997c6;
  color: #1997c6;
  background: transparent;
  border-radius: 4px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.js-view-components-info-button-tooltip-info-button-tooltip__button:hover {
  color: #cfd2da;
  background-color: #1997c6;
}
.js-view-components-info-button-tooltip-info-button-tooltip__button:disabled {
  cursor: default;
  color: #51586a;
  border-color: #51586a;
}
.js-view-components-info-button-tooltip-info-button-tooltip__small {
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.js-view-components-info-button-tooltip-info-button-tooltip__xSmall {
  width: 15px;
  height: 15px;
  font-size: 8px;
}
.js-view-components-info-button-tooltip-info-button-tooltip__tooltipContent {
  width: 400px;
  color: #cfd2da;
  background-color: #252830;
  white-space: pre-line;
  padding: 10px;
}
.js-view-components-info-button-tooltip-info-button-tooltip__tooltipContent ul {
  margin: 5px 0 15px 10px;
  padding: 0;
  white-space: normal;
}
.js-view-components-info-button-tooltip-info-button-tooltip__tooltipContent ol {
  margin: 5px 0 15px 25px;
}
.js-view-components-info-button-tooltip-info-button-tooltip__selected {
  color: #cfd2da;
  border-color: #cfd2da;
}
.js-view-components-info-button-tooltip-info-button-tooltip__blue {
  border: 1px solid #1997c6;
  color: #1997c6;
}
.js-view-components-info-button-tooltip-info-button-tooltip__blue:hover {
  color: #cfd2da;
  background-color: #1997c6;
}
.js-view-components-info-button-tooltip-info-button-tooltip__green {
  border: 1px solid #1bc98e;
  color: #1bc98e;
}
.js-view-components-info-button-tooltip-info-button-tooltip__green:hover {
  color: #cfd2da;
  background-color: #1bc98e;
}
.js-view-components-info-button-tooltip-info-button-tooltip__red {
  border: 1px solid #e64759;
  color: #e64759;
}
.js-view-components-info-button-tooltip-info-button-tooltip__red:hover {
  color: #cfd2da;
  background-color: #e64759;
}
.js-view-components-info-button-tooltip-info-button-tooltip__yellow {
  border: 1px solid #e4d836;
  color: #e4d836;
}
.js-view-components-info-button-tooltip-info-button-tooltip__yellow:hover {
  color: #15181f;
  background-color: #e4d836;
}
.js-view-components-info-button-tooltip-info-button-tooltip__gray {
  border: 1px solid #6f7890;
  color: #6f7890;
}
.js-view-components-info-button-tooltip-info-button-tooltip__gray:hover {
  color: #15181f;
  background-color: #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-new-link-new-link__shakeAnimation {
  animation: js-view-components-new-link-new-link__shake 0.5s;
}
@keyframes js-view-components-new-link-new-link__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-new-link-new-link__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-new-link-new-link__noStyle,
.js-view-components-new-link-new-link__noStyle > a {
  text-decoration: none;
}
.js-view-components-new-link-new-link__noStyle:hover,
.js-view-components-new-link-new-link__noStyle > a:hover,
.js-view-components-new-link-new-link__noStyle:active,
.js-view-components-new-link-new-link__noStyle > a:active,
.js-view-components-new-link-new-link__noStyle:focus,
.js-view-components-new-link-new-link__noStyle > a:focus {
  text-decoration: none;
}
.js-view-components-new-link-new-link__link {
  text-decoration: underline;
}
.js-view-components-new-link-new-link__link:hover,
.js-view-components-new-link-new-link__link:active,
.js-view-components-new-link-new-link__link:focus {
  text-decoration: underline;
}
.js-view-components-new-link-new-link__red {
  color: #e64759;
}
.js-view-components-new-link-new-link__red:hover,
.js-view-components-new-link-new-link__red :active,
.js-view-components-new-link-new-link__red:focus {
  color: #f2a1aa;
}
.js-view-components-new-link-new-link__yellow {
  color: #e4d836;
}
.js-view-components-new-link-new-link__yellow:hover,
.js-view-components-new-link-new-link__yellow :active,
.js-view-components-new-link-new-link__yellow:focus {
  color: #f0e990;
}
.js-view-components-new-link-new-link__green {
  color: #1bc98e;
}
.js-view-components-new-link-new-link__green:hover,
.js-view-components-new-link-new-link__green :active,
.js-view-components-new-link-new-link__green:focus {
  color: #60eabb;
}
.js-view-components-new-link-new-link__disabled {
  color: #51586a;
  pointer-events: none;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-square-button-square-button__shakeAnimation {
  animation: js-view-components-square-button-square-button__shake 0.5s;
}
@keyframes js-view-components-square-button-square-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-square-button-square-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-square-button-square-button__button {
  border: 1px solid;
  border-radius: 10px;
  background-color: #15181f;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
}
.js-view-components-square-button-square-button__button:active {
  box-shadow: 0 0 2px 2px #6f7890;
}
.js-view-components-square-button-square-button__linkButtonDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.js-view-components-square-button-square-button__transparent {
  background-color: transparent;
}
.js-view-components-square-button-square-button__blue {
  border-color: #1997c6;
  color: #1997c6;
}
.js-view-components-square-button-square-button__blue:hover {
  background-color: #1997c6 !important;
  color: #252830;
}
.js-view-components-square-button-square-button__blueSelected {
  background-color: #1997c6;
  border-color: #1997c6;
  color: #ffffff;
}
.js-view-components-square-button-square-button__blueSelected:hover {
  opacity: 0.8;
}
.js-view-components-square-button-square-button__green {
  border-color: #1bc98e;
  color: #1bc98e;
}
.js-view-components-square-button-square-button__green:hover {
  background-color: #1bc98e;
  color: #ffffff;
}
.js-view-components-square-button-square-button__greenSelected {
  background-color: #1bc98e;
  border-color: #1bc98e;
  color: #ffffff;
}
.js-view-components-square-button-square-button__greenSelected:hover {
  opacity: 0.8;
}
.js-view-components-square-button-square-button__yellow {
  border-color: #e4d836;
  color: #e4d836;
}
.js-view-components-square-button-square-button__yellow:hover {
  background-color: #e4d836;
  color: #252830;
}
.js-view-components-square-button-square-button__red {
  border-color: #e64759;
  color: #e64759;
}
.js-view-components-square-button-square-button__red:hover {
  background-color: #e64759;
  color: #252830;
}
.js-view-components-square-button-square-button__redSelected {
  background-color: #e64759;
  border-color: #e64759;
  color: #ffffff;
}
.js-view-components-square-button-square-button__redSelected:hover {
  opacity: 0.8;
}
.js-view-components-square-button-square-button__gray {
  border-color: #cfd2da;
  color: #cfd2da;
}
.js-view-components-square-button-square-button__gray:hover {
  background-color: #cfd2da;
  color: #252830;
}
.js-view-components-square-button-square-button__graySelected {
  background-color: #cfd2da;
  border-color: #cfd2da;
  color: #ffffff;
}
.js-view-components-square-button-square-button__graySelected:hover {
  opacity: 0.8;
}
.js-view-components-square-button-square-button__small {
  height: 19px;
  min-height: 19px;
  width: 19px;
  border-radius: 4px;
  font-size: 9px;
  padding: 0;
}
.js-view-components-square-button-square-button__iconSmall {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-square-button-square-button__iconSmall > *:before {
  display: block;
  transform: translateY(-2px);
}
.js-view-components-square-button-square-button__standard {
  height: 35px;
  min-height: 35px;
  width: 35px;
  min-width: 35px;
  border-radius: 4px;
  font-size: 14px;
  padding: 0;
}
.js-view-components-square-button-square-button__iconStandard {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-square-button-square-button__iconStandard > *:before {
  display: block;
  transform: translateY(-2px);
}
.js-view-components-square-button-square-button__medium {
  height: 45px;
  min-height: 45px;
  width: 45px;
  border-radius: 4px;
  font-size: 15px;
}
.js-view-components-square-button-square-button__iconMedium {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-square-button-square-button__iconMedium > *:before {
  display: block;
}
.js-view-components-square-button-square-button__large {
  height: 56px;
  min-height: 56px;
  width: 56px;
  font-size: 34px;
}
.js-view-components-square-button-square-button__larger {
  height: 70px;
  min-height: 70px;
  width: 70px;
  font-size: 50px;
}
.js-view-components-square-button-square-button__iconLarge {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0, -2px);
}
.js-view-components-square-button-square-button__iconLarge > *:before {
  display: block;
}
.js-view-components-square-button-square-button__iconLarger {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(3px, 2px);
}
.js-view-components-square-button-square-button__iconLarger > *:before {
  display: block;
}
.js-view-components-square-button-square-button__textSmall {
  font-size: 100%;
}
.js-view-components-square-button-square-button__textStandard {
  font-size: 100%;
}
.js-view-components-square-button-square-button__textMedium {
  font-size: 90%;
}
.js-view-components-square-button-square-button__textLarge {
  font-size: 60%;
}
.js-view-components-square-button-square-button__textLarger {
  font-size: 100%;
}
.js-view-components-square-button-square-button__iconContainer {
  line-height: 1;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__shakeAnimation {
  animation: js-view-components-and-or-toggle-button-and-or-toggle-button__shake 0.5s;
}
@keyframes js-view-components-and-or-toggle-button-and-or-toggle-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-and-or-toggle-button-and-or-toggle-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__verticalDottedLine {
  height: 35px;
  width: 0;
  border-left: 1px dashed;
  margin: 0 auto;
  margin-bottom: 0;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__horizontalDottedLine {
  height: 0;
  width: 35px;
  border-bottom: 1px dashed;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__horizontal {
  flex-direction: row;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__vertical {
  flex-direction: column;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__green {
  border-color: #1bc98e;
}
.js-view-components-and-or-toggle-button-and-or-toggle-button__blue {
  border-color: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__shakeAnimation {
  animation: js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__shake 0.5s;
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__conditionSection {
  border-top: 1px solid #434857;
  color: #cfd2da;
  z-index: 9;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__conditionSection > h4 {
  text-decoration: underline;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__visible {
  height: auto;
  overflow: visible;
  opacity: 1;
  max-height: 9999px;
  padding: 10px 0;
  transition: all 300ms cubic-bezier(1, 0, 1, 0), opacity 500ms ease-in;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__hidden {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: all 300ms cubic-bezier(0, 1, 0, 1), opacity 500ms ease;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__container {
  border: 1px solid #434857;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 0 10px 4px #252830;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__header > div {
  display: flex;
  gap: 10px;
  position: relative;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__header > div :first-child {
  width: 100%;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__header > div .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__headerError {
  color: #e64759;
  position: absolute;
  top: 5px;
  left: 20px;
  margin: 0;
  z-index: 10;
  font-size: 14px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  border: 1px solid #434857;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 0 10px 4px #252830;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__selectContainer {
  display: flex;
  flex-direction: column;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch {
  min-width: 50%;
  max-width: 50%;
  box-shadow: 0 0 10px 4px #252830;
  padding: 10px;
  border: 1px solid #434857;
  border-radius: 4px;
  margin-left: auto;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList {
  border: 1px solid #434857;
  margin-top: 4px;
  border-radius: 4px;
  height: 120px;
  overflow: auto;
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldItem {
  padding: 3px 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  border-top: 1px solid #434857;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldItem .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldText {
  margin: auto 0 auto 4px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldItem > button {
  margin-left: auto;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldItem.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__include {
  background-color: #1a3133;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__body .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldListWithSearch .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldList .js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__fieldItem.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__exclude {
  background-color: #30222d;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__selectInput input {
  min-width: 215px;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__verticalDottedLine {
  width: 0;
  height: 15px;
  min-height: 15px;
  border-left: 2px dashed #1bc98e;
  transform: translateX(25px);
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__operator {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  align-items: flex-start;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__operator select {
  background-color: #1a3133;
  border-radius: 5px;
  color: #cfd2da;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__noData {
  margin-top: 5px;
  text-align: center;
  color: #cecece;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__error {
  animation: js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__shake 0.5s both;
  color: #e64759;
  transition: all 0.2s linear;
  margin: 0;
}
.js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__conditionBox {
  animation: js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__put-down 0.5s ease;
}
@keyframes js-view-modules-admin-components-workflow-workflow-graph-restriction-modal-condition-section-condition-section__put-down {
  0% {
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-highlighted-text-highlighted-text__shakeAnimation {
  animation: js-view-components-highlighted-text-highlighted-text__shake 0.5s;
}
@keyframes js-view-components-highlighted-text-highlighted-text__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-highlighted-text-highlighted-text__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-highlighted-text-highlighted-text__highlighted {
  color: inherit;
  border: 1px solid #1bc98e;
  border-radius: 2px;
  background-color: #1bc98e33;
  padding: 0 2px;
}
.js-view-components-highlighted-text-highlighted-text__pointer {
  cursor: pointer;
}
.js-view-components-highlighted-text-highlighted-text__highlightLexica {
  background-color: #4b534b;
}
.js-view-components-highlighted-text-highlighted-text__mentionSlack {
  background-color: transparent;
  color: #1ca8dd;
}
.js-view-components-highlighted-text-highlighted-text__linkNoDecoration {
  text-decoration: underline;
  color: #cfd2da;
}
.js-view-components-highlighted-text-highlighted-text__linkNoDecoration span {
  text-decoration: underline;
  color: #cfd2da;
}
.js-view-components-highlighted-text-highlighted-text__linkNoDecoration:hover {
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-basic-form__shakeAnimation {
  animation: js-view-components-basic-form__shake 0.5s;
}
@keyframes js-view-components-basic-form__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-basic-form__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-basic-form__form-group {
  margin-bottom: 10px;
}
.js-view-components-basic-form__form-group-flex {
  margin-bottom: 10px;
  display: flex;
}
.js-view-components-basic-form__form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  background-color: #434857;
  background-image: none;
  border: 1px solid #434857;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px #00000013;
  box-shadow: inset 0 1px 1px #00000013;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.js-view-components-basic-form__form-control:focus {
  color: #252830;
  background-color: #fff;
  box-shadow: none;
}
.js-view-components-basic-form__form-control:disabled {
  background-color: #30343e !important;
  opacity: 1;
  cursor: not-allowed;
}
.js-view-components-basic-form__input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.js-view-components-basic-form__input-group .js-view-components-basic-form__form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.js-view-components-basic-form__input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #4d5364;
  border: 1px solid transparent;
  border-radius: 4px;
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.js-view-components-basic-form__input-group-addon input[type='radio'],
.js-view-components-basic-form__input-group-addon input[type='checkbox'] {
  margin-top: 0;
  border-right: 0;
}
.js-view-components-basic-form__input-group-addon:not(:first-child):not(:last-child),
.js-view-components-basic-form__input-group .js-view-components-basic-form__form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.js-view-components-basic-form__input-group .js-view-components-basic-form__form-control:first-child,
.js-view-components-basic-form__input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.js-view-components-basic-form__input-group-addon:first-child {
  border-right: 0;
}
.js-view-components-basic-form__input-group .js-view-components-basic-form__form-control:last-child,
.js-view-components-basic-form__input-group-addon:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.js-view-components-basic-form__input-group-addon:last-child {
  border-left: 0;
}
.js-view-components-basic-form__input-group-lg > .js-view-components-basic-form__form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
textarea.js-view-components-basic-form__form-control {
  height: auto;
}
.js-view-components-basic-form__help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #fff;
}
.js-view-components-basic-form__short-height {
  height: 20px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-single-select-autosuggest__shakeAnimation {
  animation: js-view-components-form-control-single-select-autosuggest__shake 0.5s;
}
@keyframes js-view-components-form-control-single-select-autosuggest__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-single-select-autosuggest__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-single-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-single-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-form-control-single-select-autosuggest__innerContainer {
  position: relative;
  width: 100%;
}
.js-view-components-form-control-single-select-autosuggest__innerContainer.js-view-components-form-control-single-select-autosuggest__loading {
  opacity: 0.5;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 0.15s ease-in-out;
}
.js-view-components-form-control-single-select-autosuggest__innerContainer .js-view-components-form-control-single-select-autosuggest__noItemsText {
  text-align: center;
  color: #6f7890;
}
.js-view-components-form-control-single-select-autosuggest__list {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  padding: 0;
  list-style: none;
  overflow-y: auto;
  align-items: stretch;
  justify-content: flex-start;
  max-height: 400px;
  width: 100%;
}
.js-view-components-form-control-single-select-autosuggest__list::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-single-select-autosuggest__list::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-single-select-autosuggest__list::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-single-select-autosuggest__list::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-single-select-autosuggest__list .js-view-components-form-control-single-select-autosuggest__listItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #6f7890;
  background-color: #51586a;
  padding: 10px;
  min-height: 50px;
  cursor: default;
  user-select: none;
  height: max-content;
}
.js-view-components-form-control-single-select-autosuggest__list .js-view-components-form-control-single-select-autosuggest__listItem:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.js-view-components-form-control-single-select-autosuggest__list .js-view-components-form-control-single-select-autosuggest__listItem:hover {
  background-color: #3b404d;
}
.js-view-components-form-control-single-select-autosuggest__list .js-view-components-form-control-single-select-autosuggest__listItemDarker {
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-form-control-single-select-autosuggest__optionsContainer {
  margin-top: 10px;
  padding-top: 10px;
  background-color: #51586a;
  position: absolute;
  width: 100%;
  border-radius: 4px;
  z-index: 11;
}
.js-view-components-form-control-single-select-autosuggest__optionsContainerDarker {
  background-color: #353944;
}
.js-view-components-form-control-single-select-autosuggest__expand {
  color: white;
}
.js-view-components-form-control-single-select-autosuggest__rightButton {
  padding: 6px 6px 4px 6px;
  height: 100%;
  width: 40px;
  cursor: pointer;
  user-select: none;
  border: none;
}
.js-view-components-form-control-single-select-autosuggest__rightButton:hover {
  background-color: #687086;
  cursor: pointer;
}
.js-view-components-form-control-single-select-autosuggest__formControlInput {
  height: 100%;
  min-width: 250px;
}
.js-view-components-form-control-single-select-autosuggest__inputWithIcon input {
  padding-left: 20px;
}
.js-view-components-form-control-single-select-autosuggest__clearButton {
  background-color: transparent;
  border: none;
  overflow: hidden;
  outline: none;
  position: absolute;
  box-shadow: none;
  width: 40px;
  font-size: 20px;
  padding: 2px 0 0 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  color: #cfd2da;
  will-change: color;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  z-index: 1000;
  opacity: 0;
  right: 0;
}
.js-view-components-form-control-single-select-autosuggest__clearButton:hover {
  color: #3b404d;
  background-color: #d9dbe1;
  opacity: 1;
}
.js-view-components-form-control-single-select-autosuggest__leftMargin {
  margin-right: 30px;
}
.js-view-components-form-control-single-select-autosuggest__clearSearch {
  margin-right: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.js-view-components-form-control-single-select-autosuggest__optionImage {
  width: 30px;
  height: 30px;
  margin: 5px 10px 5px 0;
  font-size: 30px;
}
.js-view-components-form-control-single-select-autosuggest__inputGroupContainer {
  min-width: 250px;
}
.js-view-components-form-control-single-select-autosuggest__inputGroupContainer > * {
  min-height: 35px;
  height: 100%;
}
/* reset min-width to match container width */
.js-view-components-form-control-single-select-autosuggest__inputGroupContainerFullWidth {
  min-width: 0;
}
.js-view-components-form-control-single-select-autosuggest__inputGroupContainerFullWidth input {
  min-width: 0;
}
.js-view-components-form-control-single-select-autosuggest__dropdownIcon {
  max-width: 24px;
}
.js-view-components-form-control-single-select-autosuggest__inputBoxIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-47%);
  left: 10px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  color: #6f7890;
  pointer-events: none;
  z-index: 10;
}
.js-view-components-form-control-single-select-autosuggest__textContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.js-view-components-form-control-single-select-autosuggest__textContainer .js-view-components-form-control-single-select-autosuggest__titleText {
  flex: 1;
  justify-content: flex-start;
  padding: 0;
  color: #cfd2da;
}
.js-view-components-form-control-single-select-autosuggest__textContainer .js-view-components-form-control-single-select-autosuggest__secondaryText {
  font-size: 11px;
  justify-content: flex-end;
  color: #cfd2da;
}
.js-view-components-form-control-single-select-autosuggest__spinnerContainer {
  background-color: transparent;
  border: none;
  overflow: hidden;
  outline: none;
  position: absolute;
  box-shadow: none;
  width: 40px;
  font-size: 20px;
  padding: 2px 0 0 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  left: 0;
  margin-left: 10px;
}
.js-view-components-form-control-single-select-autosuggest__spinnerContainer .js-view-components-form-control-single-select-autosuggest__spinner {
  z-index: 1000;
}
.js-view-components-form-control-single-select-autosuggest__loading > * {
  opacity: 50%;
  pointer-events: none;
}
.js-view-components-form-control-single-select-autosuggest__disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.js-view-components-form-control-single-select-autosuggest__slimGroupContainer > * {
  height: 100%;
}
.js-view-components-form-control-single-select-autosuggest__clearButtonSmall {
  font-size: inherit;
}
.js-view-components-form-control-single-select-autosuggest__noCaret {
  caret-color: transparent;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-text-input-text-input__shakeAnimation {
  animation: js-view-components-text-input-text-input__shake 0.5s;
}
@keyframes js-view-components-text-input-text-input__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-text-input-text-input__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-text-input-text-input__container {
  display: flex;
  justify-content: stretch;
  height: 36px;
  border-radius: 4px;
  background-color: #434857;
  padding-left: 8px;
}
.js-view-components-text-input-text-input__container button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  color: #cfd2da;
}
.js-view-components-text-input-text-input__container button:focus {
  outline: 0;
}
.js-view-components-text-input-text-input__container button:focus,
.js-view-components-text-input-text-input__container button:active,
.js-view-components-text-input-text-input__container button:hover {
  color: #ffffff;
}
.js-view-components-text-input-text-input__icon {
  flex: 0 auto;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-text-input-text-input__okIcon {
  flex: 0 auto;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 8px;
}
.js-view-components-text-input-text-input__cancelIcon {
  flex: 0 auto;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-text-input-text-input__cancelIcon button {
  color: #e64759;
}
.js-view-components-text-input-text-input__cancelIcon button:hover {
  color: #f2a1aa;
}
.js-view-components-text-input-text-input__input {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #ffffff;
}
.js-view-components-text-input-text-input__input input,
.js-view-components-text-input-text-input__input input[type='search']::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 100%;
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-basic-checkbox__shakeAnimation {
  animation: js-view-components-basic-checkbox__shake 0.5s;
}
@keyframes js-view-components-basic-checkbox__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-basic-checkbox__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-basic-checkbox__checkbox-container {
  display: flex;
  align-items: center;
}
.js-view-components-basic-checkbox__checkbox-container > input[type='checkbox'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  min-height: 18px;
  min-width: 18px;
  border-radius: 0.33rem;
  background-color: #434857;
  border: 1px solid #00000026;
  background-clip: padding-box;
  margin: 0;
  outline: none;
}
.js-view-components-basic-checkbox__checkbox-container > input[type='checkbox']:checked {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMzAxIDM5MyA4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTMwMSAzOTMgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMjUyODMwIiBkPSJNLTI5NC42LDM5NGwtMC43LDAuN2wtMi44LDIuOGwtMC44LTAuOGwtMC43LTAuN2wtMS40LDEuNGwwLjcsMC43bDEuNSwxLjVsMC43LDAuN2wwLjctMC43bDMuNS0zLjVsMC43LTAuN0MtMjkzLjEsMzk1LjQtMjk0LjYsMzk0LTI5NC42LDM5NHoiLz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  background-color: #1bc98e;
  border: none;
  outline: none;
}
.js-view-components-basic-checkbox__checkbox-container > input[type='checkbox']:hover {
  cursor: pointer;
}
.js-view-components-basic-checkbox__checkbox-container > input[type='checkbox']:focus {
  outline: none;
}
.js-view-components-basic-checkbox__checkbox-container > input[type='checkbox']:disabled {
  background-color: #2d303a;
  border-color: #2d303a;
  box-shadow: none;
  cursor: not-allowed;
}
.js-view-components-basic-checkbox__checkbox-container > label {
  margin: 0;
  margin-left: 10px;
  cursor: pointer;
  font-weight: normal;
  user-select: none;
}
.js-view-components-basic-checkbox__tooltip {
  background-color: #15181f;
  color: #1997c6;
  border: 1px solid #434857;
  border-radius: 5px;
  box-shadow: 0 0 5px #1997c6;
  padding: 6px 12px;
  transform: translateX(-10%) translateY(-150%);
  position: relative;
  width: 300px;
  text-align: center;
}
.js-view-components-basic-checkbox__tooltip::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #434857;
  top: 100%;
  left: 12%;
  transform: rotate(180deg);
}
.js-view-components-basic-checkbox__tooltip::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #15181f;
  top: 100%;
  left: 12%;
  transform: rotate(180deg);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-round-icon-button-round-icon-button__shakeAnimation {
  animation: js-view-components-round-icon-button-round-icon-button__shake 0.5s;
}
@keyframes js-view-components-round-icon-button-round-icon-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-round-icon-button-round-icon-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-round-icon-button-round-icon-button__button {
  border: 2px solid #1bc98e;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.js-view-components-round-icon-button-round-icon-button__button > span {
  font-size: 14px;
}
.js-view-components-round-icon-button-round-icon-button__button:hover {
  border-width: 3px;
}
.js-view-components-round-icon-button-round-icon-button__button:focus {
  border-width: 3px;
}
.js-view-components-round-icon-button-round-icon-button__button:active {
  border-width: 4px;
}
.js-view-components-round-icon-button-round-icon-button__green {
  border-color: #1bc98e;
  color: #1bc98e;
}
.js-view-components-round-icon-button-round-icon-button__selected-green {
  background-color: #1bc98e;
  color: #252830;
}
.js-view-components-round-icon-button-round-icon-button__white-green {
  background-color: #ffffff;
  color: #1bc98e;
}
.js-view-components-round-icon-button-round-icon-button__red {
  border-color: #e64759;
  color: #e64759;
}
.js-view-components-round-icon-button-round-icon-button__selected-red {
  background-color: #e64759;
  color: #252830;
}
.js-view-components-round-icon-button-round-icon-button__white-red {
  background-color: #ffffff;
  color: #e64759;
}
.js-view-components-round-icon-button-round-icon-button__small {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  border-width: 1px;
}
.js-view-components-round-icon-button-round-icon-button__small > span {
  font-size: 10px;
  height: 12px;
  width: 12px;
  transform: translate(0, -2px);
}
.js-view-components-round-icon-button-round-icon-button__small:hover {
  box-shadow: none;
  border-width: 3px;
}
.js-view-components-round-icon-button-round-icon-button__small:focus,
.js-view-components-round-icon-button-round-icon-button__small:active {
  box-shadow: none;
  border-width: 2px;
  outline: none;
}

.js-view-components-loading-centered-loading-centered__container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}
.js-view-components-loading-centered-loading-centered__visible {
  opacity: 1;
}
.js-view-components-loading-centered-loading-centered__smaller {
  min-height: 20px;
}
.js-view-components-loading-centered-loading-centered__small {
  min-height: 32px;
}
.js-view-components-loading-centered-loading-centered__medium {
  min-height: 44px;
}
.js-view-components-loading-centered-loading-centered__large {
  min-height: 64px;
}

.js-view-components-basic-grid-grid__container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.js-view-components-basic-grid-grid__container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .js-view-components-basic-grid-grid__container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .js-view-components-basic-grid-grid__container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .js-view-components-basic-grid-grid__container {
    width: 1170px;
  }
}
.js-view-components-basic-grid-grid__row {
  margin-left: -15px;
  margin-right: -15px;
}
.js-view-components-basic-grid-grid__row::after,
.js-view-components-basic-grid-grid__row::before {
  content: ' ';
  display: table;
}
.js-view-components-basic-grid-grid__row:after {
  clear: both;
}
.js-view-components-basic-grid-grid__col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.js-view-components-basic-grid-grid__col-xs-1,
.js-view-components-basic-grid-grid__col-xs-2,
.js-view-components-basic-grid-grid__col-xs-3,
.js-view-components-basic-grid-grid__col-xs-4,
.js-view-components-basic-grid-grid__col-xs-5,
.js-view-components-basic-grid-grid__col-xs-6,
.js-view-components-basic-grid-grid__col-xs-7,
.js-view-components-basic-grid-grid__col-xs-8,
.js-view-components-basic-grid-grid__col-xs-9,
.js-view-components-basic-grid-grid__col-xs-10,
.js-view-components-basic-grid-grid__col-xs-11,
.js-view-components-basic-grid-grid__col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.js-view-components-basic-grid-grid__col-xs-12 {
  width: 100%;
}
.js-view-components-basic-grid-grid__col-xs-11 {
  width: 91.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-10 {
  width: 83.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-9 {
  width: 75%;
}
.js-view-components-basic-grid-grid__col-xs-8 {
  width: 66.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-7 {
  width: 58.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-6 {
  width: 50%;
}
.js-view-components-basic-grid-grid__col-xs-5 {
  width: 41.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-4 {
  width: 33.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-3 {
  width: 25%;
}
.js-view-components-basic-grid-grid__col-xs-2 {
  width: 16.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-1 {
  width: 8.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-pull-12 {
  right: 100%;
}
.js-view-components-basic-grid-grid__col-xs-pull-11 {
  right: 91.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-pull-10 {
  right: 83.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-pull-9 {
  right: 75%;
}
.js-view-components-basic-grid-grid__col-xs-pull-8 {
  right: 66.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-pull-7 {
  right: 58.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-pull-6 {
  right: 50%;
}
.js-view-components-basic-grid-grid__col-xs-pull-5 {
  right: 41.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-pull-4 {
  right: 33.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-pull-3 {
  right: 25%;
}
.js-view-components-basic-grid-grid__col-xs-pull-2 {
  right: 16.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-pull-1 {
  right: 8.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-pull-0 {
  right: auto;
}
.js-view-components-basic-grid-grid__col-xs-push-12 {
  left: 100%;
}
.js-view-components-basic-grid-grid__col-xs-push-11 {
  left: 91.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-push-10 {
  left: 83.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-push-9 {
  left: 75%;
}
.js-view-components-basic-grid-grid__col-xs-push-8 {
  left: 66.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-push-7 {
  left: 58.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-push-6 {
  left: 50%;
}
.js-view-components-basic-grid-grid__col-xs-push-5 {
  left: 41.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-push-4 {
  left: 33.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-push-3 {
  left: 25%;
}
.js-view-components-basic-grid-grid__col-xs-push-2 {
  left: 16.66666667%;
}
.js-view-components-basic-grid-grid__col-xs-push-1 {
  left: 8.33333333%;
}
.js-view-components-basic-grid-grid__col-xs-push-0 {
  left: auto;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-error-component-error__shakeAnimation {
  animation: js-view-components-error-component-error__shake 0.5s;
}
@keyframes js-view-components-error-component-error__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-error-component-error__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-error-component-error__error-grid {
  margin-top: 20px;
}
.js-view-components-error-component-error__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  flex-shrink: 0;
  flex-grow: 1;
  background-color: #353944;
  margin-bottom: 30px;
}
.js-view-components-error-component-error__darker {
  background-color: #15181f;
}
.js-view-components-error-component-error__centered {
  margin-bottom: 0;
}
.js-view-components-error-component-error__content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  flex-grow: 1;
  font-size: 14px;
}
.js-view-components-error-component-error__icon {
  font-size: 40px;
  line-height: 1;
  color: #cfd2da;
}
.js-view-components-error-component-error__dash {
  font-size: 40px;
}

.js-view-components-layout-page__page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  min-width: 1280px;
}
.js-view-components-layout-page__page > nav {
  flex-shrink: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.js-view-components-layout-page__page > main {
  flex-grow: 1;
  position: relative;
}
.js-view-components-layout-page__page > footer {
  flex-shrink: 0;
}
.js-view-components-layout-page__responsive {
  min-width: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-progress-step__shakeAnimation {
  animation: js-view-components-progress-step__shake 0.5s;
}
@keyframes js-view-components-progress-step__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-progress-step__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-progress-step__step {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500em;
  color: #ffffff;
  z-index: 1;
}
.js-view-components-progress-step__step-completed {
  background-color: #1bc98e;
}
.js-view-components-progress-step__step-current {
  background-color: #1ca8dd;
}
.js-view-components-progress-step__step-future {
  background-color: #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-progress-step-list__shakeAnimation {
  animation: js-view-components-progress-step-list__shake 0.5s;
}
@keyframes js-view-components-progress-step-list__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-progress-step-list__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-progress-step-list__background-container {
  background-color: #525969;
  padding: 15px 0 15px 0 !important;
}
.js-view-components-progress-step-list__steps-container {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.js-view-components-progress-step-list__line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-bottom: 2px solid #6f7890;
  margin-left: 20px;
  margin-right: 20px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-modal-header__shakeAnimation {
  animation: js-view-modules-auth-components-modal-header__shake 0.5s;
}
@keyframes js-view-modules-auth-components-modal-header__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-modal-header__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-modal-header__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-auth-components-modal-header__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-auth-components-modal-header__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-auth-components-modal-header__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-auth-components-modal-header__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-auth-components-modal-header__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-auth-components-modal-header__modalStyle {
  max-height: 95vh;
}
.js-view-modules-auth-components-modal-header__modalStyle .js-view-modules-auth-components-modal-header__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-auth-components-modal-header__modalStyle .js-view-modules-auth-components-modal-header__modal-content .js-view-modules-auth-components-modal-header__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-auth-components-modal-header__modalStyle .js-view-modules-auth-components-modal-header__modal-content .js-view-modules-auth-components-modal-header__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-auth-components-modal-header__modalStyle .js-view-modules-auth-components-modal-header__modal-content .js-view-modules-auth-components-modal-header__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-auth-components-modal-header__container-normal {
  padding: 30px 0 30px 0 !important;
  background-color: #222 !important;
}
.js-view-modules-auth-components-modal-header__container-compact {
  padding: 10px 0 10px 0 !important;
  background-color: #222 !important;
}

.js-view-modules-auth-components-modal-title__container {
  display: flex;
}
.js-view-modules-auth-components-modal-title__container img {
  width: 200px;
  height: 58px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-modal-body__shakeAnimation {
  animation: js-view-modules-auth-components-modal-body__shake 0.5s;
}
@keyframes js-view-modules-auth-components-modal-body__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-modal-body__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-modal-body__body {
  padding: 30px 0 30px 0 !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #373737;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-modal-footer__shakeAnimation {
  animation: js-view-modules-auth-components-modal-footer__shake 0.5s;
}
@keyframes js-view-modules-auth-components-modal-footer__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-modal-footer__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-modal-footer__container-normal {
  padding: 30px 0 30px 0 !important;
  background-color: #222 !important;
  flex: 1;
}
.js-view-modules-auth-components-modal-footer__container-normal > :first-child {
  width: 100%;
}
.js-view-modules-auth-components-modal-footer__container-compact {
  padding: 20px 0 20px 0 !important;
  background-color: #222 !important;
  flex: 1;
}
.js-view-modules-auth-components-modal-footer__container-compact > :first-child {
  width: 100%;
}

.js-view-modules-auth-components-activation-form-content-container__body {
  min-height: 320px !important;
  justify-content: center;
  padding: 10px !important;
}
.js-view-modules-auth-components-activation-form-content-container__back-btn:hover {
  text-decoration: none !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-error-message__shakeAnimation {
  animation: js-view-components-form-control-error-message__shake 0.5s;
}
@keyframes js-view-components-form-control-error-message__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-error-message__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-error-message__error-message {
  color: #e64759;
  display: inline-block;
  margin-top: 6px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-label__shakeAnimation {
  animation: js-view-components-form-control-label__shake 0.5s;
}
@keyframes js-view-components-form-control-label__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-label__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-label__label {
  color: #cfd2da;
  font-weight: 400;
}
.js-view-components-form-control-label__label-small,
.js-view-components-form-control-label__label-sm {
}
.js-view-components-form-control-label__label-large,
.js-view-components-form-control-label__label-lg {
  font-size: 1.5em;
}
.js-view-components-form-control-label__required-label-large,
.js-view-components-form-control-label__required-label-lg {
  font-size: 0.7em;
  margin-left: 8px;
}
.js-view-components-form-control-label__required-label-small,
.js-view-components-form-control-label__required-label-sm {
  font-size: 0.8em;
  margin-left: 10px;
}
.js-view-components-form-control-label__icon {
  margin-right: 5px;
}
.js-view-components-form-control-label__mandatory {
  font-size: 8px;
  opacity: 0.5;
  margin-left: 5px;
}
.js-view-components-form-control-label__infoToolTipContainer {
  display: flex;
  align-items: center;
}
.js-view-components-form-control-label__infoToolTipContainer .js-view-components-form-control-label__infoMessage {
  margin-left: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-index__shakeAnimation {
  animation: js-view-components-input-index__shake 0.5s;
}
@keyframes js-view-components-input-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.form-control.autofilled {
  color: #252830;
  background-color: #fff;
  box-shadow: none;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-password-fields__shakeAnimation {
  animation: js-view-modules-auth-components-password-fields__shake 0.5s;
}
@keyframes js-view-modules-auth-components-password-fields__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-password-fields__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-password-fields__criterion-container.help-block {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.js-view-modules-auth-components-password-fields__cross-icon {
  font-size: 20px;
  height: 18px;
  margin-top: -9px;
  color: #e64759;
  margin-right: 3px;
  margin-left: -5px;
}
.js-view-modules-auth-components-password-fields__input-wrapper input {
  background: #fff;
  color: #51586a;
}
.js-view-modules-auth-components-password-fields__input-wrapper input:focus {
  -webkit-box-shadow: inset 0 1px 1px #00000014, 0 0 8px #1ca8dd99;
  box-shadow: inset 0 1px 1px #00000014, 0 0 8px #1ca8dd99;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-error-block__shakeAnimation {
  animation: js-view-components-form-error-block__shake 0.5s;
}
@keyframes js-view-components-form-error-block__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-error-block__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-error-block__error-block {
  color: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-email-fields__shakeAnimation {
  animation: js-view-modules-auth-components-email-fields__shake 0.5s;
}
@keyframes js-view-modules-auth-components-email-fields__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-email-fields__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-email-fields__input-wrapper input {
  background: #fff;
  color: #51586a;
}
.js-view-modules-auth-components-email-fields__input-wrapper input:focus {
  -webkit-box-shadow: inset 0 1px 1px #00000014, 0 0 8px #1ca8dd99;
  box-shadow: inset 0 1px 1px #00000014, 0 0 8px #1ca8dd99;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-search-input__shakeAnimation {
  animation: js-view-components-input-search-input__shake 0.5s;
}
@keyframes js-view-components-input-search-input__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-search-input__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-search-input__search-container {
  position: relative;
  display: flex;
}
.js-view-components-input-search-input__search-container input {
  padding-left: 35px;
  padding-right: 35px;
  font-weight: normal;
  background-color: #434857;
  border: none;
  border-radius: 4px;
  color: #fff !important;
}
.js-view-components-input-search-input__search-container input:focus {
  background-color: #434857;
}
.js-view-components-input-search-input__search-container input:focus ~ .js-view-components-input-search-input__button {
  color: #6f7890;
}
.js-view-components-input-search-input__search-container input:focus ~ .js-view-components-input-search-input__button:hover {
  color: #252830;
}
.js-view-components-input-search-input__button {
  background-color: transparent;
  border: none;
  overflow: hidden;
  outline: none;
  position: absolute;
  box-shadow: none;
  width: 35px;
  top: 0;
  bottom: 0;
  cursor: pointer;
  color: #cfd2da;
  will-change: color;
  transition: color 0.15s ease-in-out;
}
.js-view-components-input-search-input__button:hover {
  color: #ffffff;
}
.js-view-components-input-search-input__submit-button {
  left: 0;
}
.js-view-components-input-search-input__clear-button {
  right: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dropdown-menu-container__shakeAnimation {
  animation: js-view-components-dropdown-menu-container__shake 0.5s;
}
@keyframes js-view-components-dropdown-menu-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dropdown-menu-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dropdown-menu-container__container {
  background-color: #353944;
  border: 1px solid #434857;
  border-radius: 8px;
  margin: 5px 0 0;
  position: absolute;
  z-index: 1001;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding: 10px;
}
.js-view-components-dropdown-menu-container__blue {
  box-shadow: 0 0 2px 2px #1997c6;
  border-color: #1997c6;
  margin: 7px 2px 2px;
}
.js-view-components-dropdown-menu-container__compact {
  padding: 5px;
}
.js-view-components-dropdown-menu-container__right {
  right: 10px;
}

.js-view-components-button-unstyled__button {
  border: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  text-shadow: none;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dropdown-text-heading__shakeAnimation {
  animation: js-view-components-dropdown-text-heading__shake 0.5s;
}
@keyframes js-view-components-dropdown-text-heading__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dropdown-text-heading__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dropdown-text-heading__button .js-view-components-dropdown-text-heading__icon {
  margin-left: 5px;
  vertical-align: middle;
}
.js-view-components-dropdown-text-heading__button h2,
.js-view-components-dropdown-text-heading__button h3,
.js-view-components-dropdown-text-heading__button h5 {
  color: #cfd2da;
  margin: 0;
  padding: 0;
}
.js-view-components-dropdown-text-heading__button h3 {
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}
.js-view-components-dropdown-text-heading__button h5 {
  font-size: 16px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dropdown-menu-item__shakeAnimation {
  animation: js-view-components-dropdown-menu-item__shake 0.5s;
}
@keyframes js-view-components-dropdown-menu-item__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dropdown-menu-item__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dropdown-menu-item__item {
  display: flex;
  align-items: center;
  transition: background-color 0.2s;
}
.js-view-components-dropdown-menu-item__item:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.js-view-components-dropdown-menu-item__item h6 {
  transition: color 0.2s;
}
.js-view-components-dropdown-menu-item__text-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  cursor: pointer;
  text-align: left;
}
.js-view-components-dropdown-menu-item__text-container p {
  color: #51586a;
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.js-view-components-dropdown-menu-item__alert-count {
  background-color: #1bc98e;
  color: white;
  border-radius: 3px;
  font-size: 11px;
  margin-right: 2px;
}
.js-view-components-dropdown-menu-item__indented {
  margin-left: 15px;
}
.js-view-components-dropdown-menu-item__remove-button {
  width: 40px;
  color: #51586a;
  cursor: pointer;
  padding: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dropdown-button-menu-item__shakeAnimation {
  animation: js-view-components-dropdown-button-menu-item__shake 0.5s;
}
@keyframes js-view-components-dropdown-button-menu-item__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dropdown-button-menu-item__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dropdown-button-menu-item__item {
  background-color: white;
  margin-bottom: 10px;
  border-radius: 3px;
}
.js-view-components-dropdown-button-menu-item__item button {
  padding: 5px 10px;
}
.js-view-components-dropdown-button-menu-item__item button h6 {
  padding: 0;
  margin: 0;
  color: #1bc98e;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.3;
}
.js-view-components-dropdown-button-menu-item__item:hover button h6 {
  color: #139166 !important;
}
.js-view-components-dropdown-button-menu-item__item.selected {
  background-color: #1bc98e;
}
.js-view-components-dropdown-button-menu-item__item.selected:hover {
  background-color: #139166;
}
.js-view-components-dropdown-button-menu-item__item.selected button h6,
.js-view-components-dropdown-button-menu-item__item.selected button p,
.js-view-components-dropdown-button-menu-item__item.selected:hover button h6 {
  color: white !important;
}
.js-view-components-dropdown-button-menu-item__item-compact {
  background-color: white;
  margin-bottom: 10px;
  border-radius: 3px;
}
.js-view-components-dropdown-button-menu-item__item-compact button {
  padding: 5px 10px;
}
.js-view-components-dropdown-button-menu-item__item-compact button h6 {
  padding: 0;
  margin: 0;
  color: #1bc98e;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.3;
}
.js-view-components-dropdown-button-menu-item__item-compact:hover button h6 {
  color: #139166 !important;
}
.js-view-components-dropdown-button-menu-item__item-compact.selected {
  background-color: #1bc98e;
}
.js-view-components-dropdown-button-menu-item__item-compact.selected:hover {
  background-color: #139166;
}
.js-view-components-dropdown-button-menu-item__item-compact.selected button h6,
.js-view-components-dropdown-button-menu-item__item-compact.selected button p,
.js-view-components-dropdown-button-menu-item__item-compact.selected:hover button h6 {
  color: white !important;
}
.js-view-components-dropdown-button-menu-item__item-compact button {
  padding: 3px 8px;
}
.js-view-components-dropdown-button-menu-item__item-compact button h6 {
  font-size: 15px;
}
.js-view-components-dropdown-button-menu-item__disabled button {
  cursor: not-allowed;
  opacity: 0.5;
}
.js-view-components-dropdown-button-menu-item__disabled button h6 {
  color: #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dropdown-index__shakeAnimation {
  animation: js-view-components-dropdown-index__shake 0.5s;
}
@keyframes js-view-components-dropdown-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dropdown-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dropdown-index__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-dropdown-index__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-dropdown-index__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-dropdown-index__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-dropdown-index__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-dropdown-index__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-dropdown-index__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-dropdown-index__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-dropdown-index__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-dropdown-index__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-dropdown-index__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-dropdown-index__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-dropdown-index__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-dropdown-index__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-dropdown-index__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-dropdown-index__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-dropdown-index__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-dropdown-index__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-dropdown-index__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-dropdown-index__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-dropdown-index__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-dropdown-index__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-dropdown-index__container {
  display: inline-block;
}
.js-view-components-dropdown-index__container button.btn-default:disabled {
  background-color: transparent;
}
.js-view-components-dropdown-index__search + ul {
  margin-top: 7px;
}
.js-view-components-dropdown-index__search + ul:empty {
  margin-top: 0;
}
.js-view-components-dropdown-index__dropdown {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-width: 550px;
  max-height: 70vh;
  overflow-y: auto;
  margin: 0;
  padding: 0;
}
.js-view-components-dropdown-index__dropdown::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-dropdown-index__dropdown::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-dropdown-index__dropdown::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-dropdown-index__dropdown::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-dropdown-index__dropdown.js-view-components-dropdown-index__loading {
  opacity: 0.5;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 0.15s ease-in-out;
}
.js-view-components-dropdown-index__noResultsFound {
  text-align: center;
  color: #6f7890;
  margin: 5px 2px;
}
.dropdown-appear,
.dropdown-enter {
  opacity: 0;
}
.dropdown-appear.dropdown-appear-active,
.dropdown-enter.dropdown-enter-active {
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.dropdown-exit {
  opacity: 1;
}
.dropdown-exit.dropdown-exit-active {
  opacity: 0;
  transition: opacity 150ms ease-in;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dropdown-basic-menu-item__shakeAnimation {
  animation: js-view-components-dropdown-basic-menu-item__shake 0.5s;
}
@keyframes js-view-components-dropdown-basic-menu-item__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dropdown-basic-menu-item__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dropdown-basic-menu-item__item {
  margin-bottom: 0;
  border-bottom: 1px solid #51586a;
}
.js-view-components-dropdown-basic-menu-item__item button {
  padding: 10px;
}
.js-view-components-dropdown-basic-menu-item__item button h6 {
  padding: 0;
  margin: 0;
  color: #cfd2da;
  font-size: 15px;
  line-height: 1;
}
.js-view-components-dropdown-basic-menu-item__item:hover button h6 {
  color: #139166 !important;
}
.js-view-components-dropdown-basic-menu-item__item.selected button h6 {
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__shakeAnimation {
  animation: js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__shake 0.5s;
}
@keyframes js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__label {
  font-size: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 6px;
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__container {
  margin: 5px;
  background-color: #51586a;
  padding: 5px 10px;
  border-radius: 3px;
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__container div {
  margin-top: 7px;
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__container div ul {
  min-width: 40px;
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__container div button {
  outline: none;
}
.js-view-modules-auth-forms-activation-mfa-app-suggestion-dropdown__container div button h3 {
  font-style: normal;
  font-weight: 500;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-forms-activation-barcode-scan__shakeAnimation {
  animation: js-view-modules-auth-forms-activation-barcode-scan__shake 0.5s;
}
@keyframes js-view-modules-auth-forms-activation-barcode-scan__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-forms-activation-barcode-scan__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-forms-activation-barcode-scan__barcode-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-modules-auth-forms-activation-barcode-scan__helpTextContainer {
  font-size: 14px;
}
.js-view-modules-auth-forms-activation-barcode-scan__helpTextContainer h3 {
  font-size: 14px;
}
.js-view-modules-auth-forms-activation-barcode-scan__appToDownloadTitle {
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
}
.js-view-modules-auth-forms-activation-barcode-scan__stepTitleContainer {
  display: flex;
  width: 100%;
  color: #cfd2da;
  margin: 20px 0;
}
.js-view-modules-auth-forms-activation-barcode-scan__stepTitleContainer .js-view-modules-auth-forms-activation-barcode-scan__stepTitleCenter {
  flex: 1;
  text-align: center;
}
.js-view-modules-auth-forms-activation-barcode-scan__stepTitleContainer .js-view-modules-auth-forms-activation-barcode-scan__stepTitleLeft {
  flex: 1;
  text-align: left;
}
.js-view-modules-auth-forms-activation-barcode-scan__stepTitleContainer .js-view-modules-auth-forms-activation-barcode-scan__stepTitleRight {
  flex: 1;
  text-align: right;
}
.js-view-modules-auth-forms-activation-barcode-scan__stepIllustrationContainer {
  margin: 10px 0;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.js-view-modules-auth-forms-activation-barcode-scan__stepIllustrationContainer .js-view-modules-auth-forms-activation-barcode-scan__qrCodeImg {
  height: 130px;
  width: 130px;
}
.js-view-modules-auth-forms-activation-barcode-scan__procedureContainer {
  font-size: 12px;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  color: #cecece;
}
.js-view-modules-auth-forms-activation-barcode-scan__procedureContainer .js-view-modules-auth-forms-activation-barcode-scan__procedureHighlight {
  color: #1bc98e;
}
.js-view-modules-auth-forms-activation-barcode-scan__helpBlock {
  margin-bottom: 20px;
  color: #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-forms-activation-barcode-scan-failure__shakeAnimation {
  animation: js-view-modules-auth-forms-activation-barcode-scan-failure__shake 0.5s;
}
@keyframes js-view-modules-auth-forms-activation-barcode-scan-failure__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-forms-activation-barcode-scan-failure__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-forms-activation-barcode-scan-failure__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.js-view-modules-auth-forms-activation-barcode-scan-failure__container .icon {
  font-size: 75px;
  color: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-success-message__shakeAnimation {
  animation: js-view-modules-auth-components-success-message__shake 0.5s;
}
@keyframes js-view-modules-auth-components-success-message__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-success-message__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-success-message__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.js-view-modules-auth-components-success-message__container .icon {
  font-size: 75px;
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-small-button-small-button__shakeAnimation {
  animation: js-view-components-small-button-small-button__shake 0.5s;
}
@keyframes js-view-components-small-button-small-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-small-button-small-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-small-button-small-button__button {
  border: 1px solid;
  border-radius: 6px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 0 8px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.js-view-components-small-button-small-button__button:focus,
.js-view-components-small-button-small-button__button:active .js-view-components-small-button-small-button__button:not:disabled {
  box-shadow: 0 0 2px 2px #6f7890;
}
.js-view-components-small-button-small-button__linkButton {
  border: 1px solid;
  border-radius: 6px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  padding: 0 8px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  width: max-content;
  text-decoration: none;
}
.js-view-components-small-button-small-button__linkButton:focus,
.js-view-components-small-button-small-button__linkButton:active .js-view-components-small-button-small-button__linkButton:not:disabled {
  box-shadow: 0 0 2px 2px #6f7890;
}
.js-view-components-small-button-small-button__linkButton:hover,
.js-view-components-small-button-small-button__linkButton:focus {
  text-decoration: none;
}
.js-view-components-small-button-small-button__linkButtonDisabled {
  pointer-events: none;
  opacity: 0.5;
}
.js-view-components-small-button-small-button__darker {
  background-color: #15181f;
}
.js-view-components-small-button-small-button__paddedIcon {
  padding-right: 4px;
}
.js-view-components-small-button-small-button__blue {
  border-color: #1997c6;
  color: #1997c6;
}
.js-view-components-small-button-small-button__blue:hover {
  background-color: #1997c6;
  color: #252830;
}
.js-view-components-small-button-small-button__blueSelected {
  background-color: #1997c6;
  border-color: #1997c6;
  color: #ffffff;
}
.js-view-components-small-button-small-button__blueSelected:hover {
  opacity: 0.8;
}
.js-view-components-small-button-small-button__green {
  border-color: #1bc98e;
  color: #1bc98e;
}
.js-view-components-small-button-small-button__green:hover {
  background-color: #1bc98e;
  color: #ffffff;
}
.js-view-components-small-button-small-button__greenSelected {
  background-color: #1bc98e;
  border-color: #1bc98e;
  color: #ffffff;
}
.js-view-components-small-button-small-button__greenSelected:hover {
  opacity: 0.8;
}
.js-view-components-small-button-small-button__yellow {
  border-color: #e4d836;
  color: #e4d836;
}
.js-view-components-small-button-small-button__yellow:hover {
  background-color: #e4d836;
  color: #252830;
}
.js-view-components-small-button-small-button__red {
  border-color: #e64759;
  color: #e64759;
}
.js-view-components-small-button-small-button__red:hover {
  background-color: #e64759;
  color: #252830;
}
.js-view-components-small-button-small-button__redSelected {
  background-color: #e64759;
  border-color: #e64759;
  color: #ffffff;
}
.js-view-components-small-button-small-button__redSelected:hover {
  opacity: 0.8;
}
.js-view-components-small-button-small-button__gray {
  border-color: #cfd2da;
  color: #cfd2da;
}
.js-view-components-small-button-small-button__gray:hover {
  background-color: #cfd2da;
  color: #252830;
}
.js-view-components-small-button-small-button__graySelected {
  background-color: #cfd2da;
  border-color: #cfd2da;
  color: #ffffff;
}
.js-view-components-small-button-small-button__graySelected:hover {
  opacity: 0.8;
}
.js-view-components-small-button-small-button__medium {
  height: 35px;
}
.js-view-components-small-button-small-button__row {
  height: 26px;
}
.js-view-components-small-button-small-button__smaller {
  height: 19px;
  font-size: 9px;
}
.js-view-components-small-button-small-button__tiny {
  height: 15px;
  min-width: 15px;
  font-size: 8px;
  padding: 0 4px;
  border-radius: 4px;
}
.js-view-components-small-button-small-button__noBorder {
  border-width: 0;
}
.js-view-components-small-button-small-button__noBorder:focus,
.js-view-components-small-button-small-button__noBorder:active {
  box-shadow: none;
}
.js-view-components-small-button-small-button__noBorder:hover {
  background-color: unset;
  color: #cfd2da;
}
.js-view-components-small-button-small-button__iconMedium {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.js-view-components-small-button-small-button__iconSmall {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.js-view-components-small-button-small-button__iconRow {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.js-view-components-small-button-small-button__iconSmaller {
  width: 10px;
  height: 10px;
  margin-right: 8px;
}
.js-view-components-small-button-small-button__iconTiny {
  width: 8px;
  height: 8px;
  margin-right: 4px;
}
.js-view-components-small-button-small-button__mediumSquare {
  width: 35px;
  padding: 0;
}
.js-view-components-small-button-small-button__rowSquare {
  width: 26px;
  padding: 0;
}
.js-view-components-small-button-small-button__smallSquare {
  width: 32px;
  padding: 0;
}
.js-view-components-small-button-small-button__smallerSquare {
  width: 19px;
  padding: 0;
}
.js-view-components-small-button-small-button__tinySquare {
  width: 15px;
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-help-help__shakeAnimation {
  animation: js-view-modules-help-help__shake 0.5s;
}
@keyframes js-view-modules-help-help__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-help-help__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-help-help__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-help-help__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-help-help__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-help-help__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-help-help__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-help-help__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-help-help__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-help-help__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-help-help__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-help-help__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-help-help__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-help-help__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-help-help__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-help-help__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-help-help__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-help-help__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-help-help__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-help-help__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-help-help__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-help-help__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-help-help__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-help-help__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-help-help__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-help-help__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-help-help__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-help-help__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-help-help__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-help-help__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-help-help__layout {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.js-view-modules-help-help__layout::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-help-help__layout::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-help-help__layout::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-help-help__layout::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-help-help__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  border-bottom: 2px dotted #610ceb;
}
.js-view-modules-help-help__icon {
  width: 32px;
  height: 32px;
}
.js-view-modules-help-help__title {
  font-size: 32px;
}
.js-view-modules-help-help__subText {
  opacity: 0.75;
}
.js-view-modules-help-help__buttons {
  padding: 16px;
  display: flex;
  justify-content: center;
}
.js-view-modules-help-help__buttons > * {
  flex: 1 0 160px;
  margin-right: 8px;
}
.js-view-modules-help-help__buttons > *:last-child {
  margin-right: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-new-toolbar-new-toolbar__shakeAnimation {
  animation: js-view-components-new-toolbar-new-toolbar__shake 0.5s;
}
@keyframes js-view-components-new-toolbar-new-toolbar__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-new-toolbar-new-toolbar__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-new-toolbar-new-toolbar__standard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #51586a;
  height: 80px;
  padding-top: 8px;
}
.js-view-components-new-toolbar-new-toolbar__tall {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  height: 128px;
}
.js-view-components-new-toolbar-new-toolbar__title {
  height: 64px;
  padding: 22px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.js-view-components-new-toolbar-new-toolbar__tallContent {
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #51586a;
  padding-bottom: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-datepicker-input__shakeAnimation {
  animation: js-view-components-input-datepicker-input__shake 0.5s;
}
@keyframes js-view-components-input-datepicker-input__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-datepicker-input__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-datepicker-input__container {
  position: relative;
}
.js-view-components-input-datepicker-input__container .js-view-components-input-datepicker-input__left {
  left: 0;
}
.js-view-components-input-datepicker-input__container .js-view-components-input-datepicker-input__right {
  right: 0;
}
.rdtPicker {
  color: #252830;
}
.rdt {
  position: absolute;
  z-index: 1000;
}
.js-view-components-input-datepicker-input__input-container.input-with-icon {
  display: block;
}
.js-view-components-input-datepicker-input__input-container.input-with-icon,
.js-view-components-input-datepicker-input__input-container.input-with-icon input {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.js-view-components-input-datepicker-input__input-container.input-with-icon input {
  background-color: #434857;
}
.js-view-components-input-datepicker-input__input-container.input-with-icon input:focus {
  background-color: #fff;
}
.js-view-components-input-datepicker-input__disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.js-view-components-input-datepicker-input__reset {
  margin-left: 5px;
  border: 1px solid #6f7890;
  color: #6f7890;
  border-radius: 100px;
  width: 25px;
  text-align: center;
}
.js-view-components-input-datepicker-input__reset:hover {
  background-color: #51586a;
  color: #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-filter-dates-filter-dates__shakeAnimation {
  animation: js-view-components-filter-dates-filter-dates__shake 0.5s;
}
@keyframes js-view-components-filter-dates-filter-dates__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-filter-dates-filter-dates__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-filter-dates-filter-dates__datepickers {
  display: flex;
  align-items: center;
}
.js-view-components-filter-dates-filter-dates__datepickers > * {
  margin-right: 8px;
}
.js-view-components-filter-dates-filter-dates__datepickers > *:last-child {
  margin-right: 0;
}
.js-view-components-filter-dates-filter-dates__warning {
  color: #e64759;
}
.js-view-components-filter-dates-filter-dates__warning input {
  border-color: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-new-search-input-new-search-input__shakeAnimation {
  animation: js-view-components-input-new-search-input-new-search-input__shake 0.5s;
}
@keyframes js-view-components-input-new-search-input-new-search-input__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-new-search-input-new-search-input__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-new-search-input-new-search-input__container {
  display: flex;
  justify-content: stretch;
  height: 36px;
  border-radius: 4px;
  background-color: #434857;
}
.js-view-components-input-new-search-input-new-search-input__container button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  color: #cfd2da;
}
.js-view-components-input-new-search-input-new-search-input__container button:focus {
  outline: 0;
}
.js-view-components-input-new-search-input-new-search-input__container button:focus,
.js-view-components-input-new-search-input-new-search-input__container button:active,
.js-view-components-input-new-search-input-new-search-input__container button:hover {
  color: #ffffff;
}
.js-view-components-input-new-search-input-new-search-input__darker {
  background-color: #15181f;
  border: 0.5px solid #51586a;
}
.js-view-components-input-new-search-input-new-search-input__searchIcon {
  flex: 0 auto;
  width: 40px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.js-view-components-input-new-search-input-new-search-input__crossIcon {
  flex: 0 auto;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-input-new-search-input-new-search-input__input {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #ffffff;
  outline: none;
}
.js-view-components-input-new-search-input-new-search-input__input input {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 100%;
  width: 100%;
  outline: none;
}
.js-view-components-input-new-search-input-new-search-input__input input[type='search']::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.js-view-components-input-new-search-input-new-search-input__input input[type='search']::-webkit-search-decoration:focus .js-view-components-input-new-search-input-new-search-input__input input[type='search']::-webkit-search-decoration:active .js-view-components-input-new-search-input-new-search-input__input input[type='search']::-webkit-search-decoration:hover {
  outline: none;
}

.js-view-components-filter-search-filter-search__search {
  margin-right: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-fetch-error-message-fetch-error-message__shakeAnimation {
  animation: js-view-components-fetch-error-message-fetch-error-message__shake 0.5s;
}
@keyframes js-view-components-fetch-error-message-fetch-error-message__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-fetch-error-message-fetch-error-message__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-fetch-error-message-fetch-error-message__errors {
  padding: 16px;
  text-align: center;
  color: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-no-results-row-no-results-row__shakeAnimation {
  animation: js-view-components-grid-table-no-results-row-no-results-row__shake 0.5s;
}
@keyframes js-view-components-grid-table-no-results-row-no-results-row__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-no-results-row-no-results-row__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-no-results-row-no-results-row__noResults {
  grid-column: 1 / -1;
  padding: 16px;
  color: #cfd2da;
  display: flex;
  align-items: center;
}

.js-view-components-basic-dropdown-button__dropdown-toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.js-view-components-basic-dropdown-button__small {
  font-size: 12px;
}
.js-view-components-basic-dropdown-button__large {
  font-size: 18px;
}
.js-view-components-basic-dropdown-button__dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: block;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.js-view-components-basic-dropdown-button__dropup {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 2px;
}

.js-view-components-basic-menuitem__active-anchor {
  background-color: #1ca8dd;
  color: #fff;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
.js-view-components-basic-menuitem__active-anchor:hover {
  color: #fff;
  text-decoration: none;
}
.js-view-components-basic-menuitem__inactive-anchor {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #51586a;
  white-space: nowrap;
  cursor: pointer;
}
.js-view-components-basic-menuitem__inactive-anchor:hover {
  color: #464c5b;
  text-decoration: none;
  background-color: #f5f5f5;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-pagination-index__shakeAnimation {
  animation: js-view-components-pagination-index__shake 0.5s;
}
@keyframes js-view-components-pagination-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-pagination-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-pagination-index__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 16px;
}
.js-view-components-pagination-index__container > *:first-child {
  flex: 108px 0 0;
}
.js-view-components-pagination-index__container:after {
  content: '';
  height: 16px;
  width: 16px;
  flex: 108px 0 0;
}
.js-view-components-pagination-index__pageSizeSelector {
  color: #cfd2da !important;
}
.js-view-components-pagination-index__rotate {
  display: inline-block;
  transform: scale(-1, 1);
}

.js-view-components-button-button-group__btn-group {
  display: inline-block;
  vertical-align: middle;
}
.js-view-components-button-button-group__btn-group > * {
  border-radius: 0;
}
.js-view-components-button-button-group__btn-group > :first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.js-view-components-button-button-group__btn-group > :last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__shakeAnimation {
  animation: js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__container {
  position: relative;
  display: flex;
  align-items: center;
  border-right: none;
  border-left: none;
  border-top: none;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__sortingHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  border: none;
  text-align: left;
  background-color: #353944;
  flex: 1;
  cursor: pointer;
  width: 100%;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__darkGray {
  background-color: #2e323d;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__black {
  background-color: #15181f;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__active {
  border-bottom: 4px solid #1ca8dd;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__centered {
  text-align: center;
  justify-content: center;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__arrowUp {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__arrowDown {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-filter-sorting-header-cell-filter-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-permission-wrapper-permission-wrapper__shakeAnimation {
  animation: js-view-components-permission-wrapper-permission-wrapper__shake 0.5s;
}
@keyframes js-view-components-permission-wrapper-permission-wrapper__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-permission-wrapper-permission-wrapper__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-permission-wrapper-permission-wrapper__tooltipContent {
  width: 100%;
  color: #cfd2da;
  background-color: #252830;
  padding: 10px;
}
.js-view-components-permission-wrapper-permission-wrapper__permissionWrapper {
  width: max-content;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-icon-button-icon-button__shakeAnimation {
  animation: js-view-components-icon-button-icon-button__shake 0.5s;
}
@keyframes js-view-components-icon-button-icon-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-icon-button-icon-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-icon-button-icon-button__blue {
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #1997c6;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__blue svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__blue:hover {
  background-color: #126e90;
  color: #fff;
}
.js-view-components-icon-button-icon-button__blue:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__blue:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__blue:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__blue:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__green {
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #1bc98e;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__green svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__green:hover {
  background-color: #159c6e;
  color: #fff;
}
.js-view-components-icon-button-icon-button__green:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__green:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__green:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__green:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__red {
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #e64759;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__red svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__red:hover {
  background-color: #dc1e33;
  color: #fff;
}
.js-view-components-icon-button-icon-button__red:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__red:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__red:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__red:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__yellow {
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #e4d836;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__yellow svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__yellow:hover {
  background-color: #aca217;
  color: #fff;
}
.js-view-components-icon-button-icon-button__yellow:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__yellow:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__yellow:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__yellow:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__white {
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #fff;
  color: #51586a;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__white svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__white:hover {
  background-color: #fff;
  color: #51586a;
}
.js-view-components-icon-button-icon-button__white:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__white:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__white:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__white:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__default {
  border-radius: 4px;
  text-align: center;
  outline: none;
  border: 1px solid transparent;
  background-color: #51586a;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
  box-shadow: 0 0 10px 0 #0f1013;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__default svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__default:hover {
  background-color: #51586a;
  color: #fff;
}
.js-view-components-icon-button-icon-button__default:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__default:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__default:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__default:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__blue-outline {
  background-color: transparent;
  color: #1997c6;
  border: 1px solid #1997c6;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__blue-outline:hover {
  background-color: #1997c6;
  color: #fff;
}
.js-view-components-icon-button-icon-button__blue-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__blue-outline:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__blue-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__blue-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__green-outline {
  background-color: transparent;
  color: #1bc98e;
  border: 1px solid #1bc98e;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__green-outline:hover {
  background-color: #1bc98e;
  color: #fff;
}
.js-view-components-icon-button-icon-button__green-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__green-outline:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__green-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__green-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__red-outline {
  background-color: transparent;
  color: #e64759;
  border: 1px solid #e64759;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__red-outline:hover {
  background-color: #e64759;
  color: #fff;
}
.js-view-components-icon-button-icon-button__red-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__red-outline:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__red-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__red-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__yellow-outline {
  background-color: transparent;
  color: #e4d836;
  border: 1px solid #e4d836;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__yellow-outline:hover {
  background-color: #e4d836;
  color: #fff;
}
.js-view-components-icon-button-icon-button__yellow-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__yellow-outline:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__yellow-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__yellow-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__white-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__white-outline:hover {
  background-color: #fff;
  color: #51586a;
}
.js-view-components-icon-button-icon-button__white-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__white-outline:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__white-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__white-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__default-outline {
  background-color: transparent;
  color: #51586a;
  border: 1px solid #51586a;
  border-radius: 4px;
  font-weight: normal;
  white-space: nowrap;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-icon-button-icon-button__default-outline:hover {
  background-color: #51586a;
  color: #fff;
}
.js-view-components-icon-button-icon-button__default-outline:hover svg {
  filter: brightness(4);
}
.js-view-components-icon-button-icon-button__default-outline:disabled {
  cursor: default;
}
.js-view-components-icon-button-icon-button__default-outline:disabled svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__default-outline:disabled:hover svg {
  filter: grayscale(0.6) brightness(0.7);
}
.js-view-components-icon-button-icon-button__medium {
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.js-view-components-icon-button-icon-button__large {
  width: max-content;
  height: 35px;
}
.js-view-components-icon-button-icon-button__large > * {
  margin-right: 5px;
}
.js-view-components-icon-button-icon-button__smaller {
  width: 19px;
  min-width: 19px;
  height: 19px;
  font-size: 9px;
}
.js-view-components-icon-button-icon-button__smaller > span::before {
  top: 1px;
  /* push it up to make sure it looks vertically centered */
}
.js-view-components-icon-button-icon-button__twenty {
  width: 20px;
  min-width: 20px;
  height: 20px;
  font-size: 12px;
}
.js-view-components-icon-button-icon-button__twenty > span::before {
  top: 2px;
  /* push it up to make sure it looks vertically centered */
}
.js-view-components-icon-button-icon-button__spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-backtest-status-badge-backtest-status-badge__shakeAnimation {
  animation: js-view-components-backtest-status-badge-backtest-status-badge__shake 0.5s;
}
@keyframes js-view-components-backtest-status-badge-backtest-status-badge__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-backtest-status-badge-backtest-status-badge__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-backtest-status-badge-backtest-status-badge__box {
  grid-area: 1/2/1/2;
  height: 40px;
  width: 144px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e64759;
  color: #ffffff;
}
.js-view-components-backtest-status-badge-backtest-status-badge__smallBox {
  grid-area: 1/2/1/2;
  height: 40px;
  width: 144px;
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  background-color: #e64759;
  color: #ffffff;
  height: 24px;
  width: 88px;
  border-radius: 4px;
  font-size: 11px;
  display: flex;
  justify-content: center;
}
.js-view-components-backtest-status-badge-backtest-status-badge__blue {
  background-color: #1997c6;
  color: #ffffff;
}
.js-view-components-backtest-status-badge-backtest-status-badge__red {
  background-color: #e64759;
  color: #ffffff;
}
.js-view-components-backtest-status-badge-backtest-status-badge__yellow {
  background-color: #e4d836;
  color: #434857;
}
.js-view-components-backtest-status-badge-backtest-status-badge__green {
  background-color: #1bc98e;
  color: #434857;
}
.js-view-components-backtest-status-badge-backtest-status-badge__statusEnter {
  transform: translateX(100%);
}
.js-view-components-backtest-status-badge-backtest-status-badge__statusEnterActive {
  transform: translateX(0);
  transition: all 200ms ease-out;
}
.js-view-components-backtest-status-badge-backtest-status-badge__statusEnterDone {
  transform: translateX(0);
}
.js-view-components-backtest-status-badge-backtest-status-badge__statusExit {
  transform: translateX(0);
}
.js-view-components-backtest-status-badge-backtest-status-badge__statusExitActive {
  transform: translateX(-100%);
  transition: all 200ms ease-out;
}
.js-view-components-backtest-status-badge-backtest-status-badge__statusExitDone {
  transform: translateX(-100%);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-button-collapse-expand__shakeAnimation {
  animation: js-view-components-button-collapse-expand__shake 0.5s;
}
@keyframes js-view-components-button-collapse-expand__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-button-collapse-expand__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-button-collapse-expand__button {
  visibility: hidden;
  color: #1ca8dd;
  background: none;
  border: none;
}
.js-view-components-button-collapse-expand__button.js-view-components-button-collapse-expand__rounded {
  border: 1px solid #1ca8dd;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-button-collapse-expand__button.js-view-components-button-collapse-expand__rounded span {
  width: 15px;
  height: 15px;
}
.js-view-components-button-collapse-expand__button.js-view-components-button-collapse-expand__rounded:hover {
  background-color: #1ca8dd;
  color: #cfd2da;
}
.js-view-components-button-collapse-expand__button.js-view-components-button-collapse-expand__link:hover {
  text-decoration: underline;
}
.js-view-components-button-collapse-expand__button-visible {
  visibility: hidden;
  color: #1ca8dd;
  background: none;
  border: none;
  visibility: visible;
  min-width: 88px;
}
.js-view-components-button-collapse-expand__button-visible.js-view-components-button-collapse-expand__rounded {
  border: 1px solid #1ca8dd;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-button-collapse-expand__button-visible.js-view-components-button-collapse-expand__rounded span {
  width: 15px;
  height: 15px;
}
.js-view-components-button-collapse-expand__button-visible.js-view-components-button-collapse-expand__rounded:hover {
  background-color: #1ca8dd;
  color: #cfd2da;
}
.js-view-components-button-collapse-expand__button-visible.js-view-components-button-collapse-expand__link:hover {
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-text-cell-text-cell__shakeAnimation {
  animation: js-view-components-grid-table-text-cell-text-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-text-cell-text-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-text-cell-text-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-text-cell-text-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-text-cell-text-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-text-cell-text-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-text-cell-text-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-text-cell-text-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-text-cell-text-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-text-cell-text-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-text-cell-text-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-text-cell-text-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-text-cell-text-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-text-cell-text-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-text-cell-text-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-text-cell-text-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-text-cell-text-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-text-cell-text-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-text-cell-text-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-text-cell-text-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-text-cell-text-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-text-cell-text-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-text-cell-text-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-text-cell-text-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-text-cell-text-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-text-cell-text-cell__centered {
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-text-cell-text-cell__loading {
  pointer-events: none;
  opacity: 0.7;
}

.js-view-modules-download-components-downloads-view-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-downloads-view-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-downloads-view-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-downloads-view-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-downloads-view-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-download-components-downloads-view-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-download-components-downloads-view-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-downloads-view-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-downloads-view-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-download-components-downloads-view-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-download-components-downloads-view-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-download-components-downloads-view-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-download-components-downloads-view-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-download-components-downloads-view-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-download-components-downloads-view-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-download-components-downloads-view-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-download-components-downloads-view-table__tableSection > * {
  width: 100%;
}
.js-view-modules-download-components-downloads-view-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-download-components-downloads-view-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-download-components-downloads-view-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-download-components-downloads-view-table__row {
  grid-column: 1/-1;
}
/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-download-components-downloads-view-table__shakeAnimation {
  animation: js-view-modules-download-components-downloads-view-table__shake 0.5s;
}
@keyframes js-view-modules-download-components-downloads-view-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-download-components-downloads-view-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-download-components-downloads-view-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
}
.js-view-modules-download-components-downloads-view-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-downloads-view-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-downloads-view-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-download-components-downloads-view-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-download-components-downloads-view-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-downloads-view-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-downloads-view-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-downloads-view-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-downloads-view-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-download-components-downloads-view-table__newTable > .js-view-modules-download-components-downloads-view-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-download-components-downloads-view-table__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-download-components-downloads-view-table__section > * {
  width: 100%;
}
.js-view-modules-download-components-downloads-view-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-download-components-downloads-view-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-download-components-downloads-view-table__headerCell.js-view-modules-download-components-downloads-view-table__centered {
  justify-content: center;
}
.js-view-modules-download-components-downloads-view-table__expandedRow {
  min-width: 100%;
  padding: 20px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
  transition: all 0.3s;
}
.js-view-modules-download-components-downloads-view-table__title {
  color: #cfd2da;
  font-size: 20px;
  margin: 0 0 8px;
}

.js-view-modules-download-components-download-list-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-download-list-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-download-list-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-download-list-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-download-list-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-components-download-list-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-components-download-list-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-download-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-download-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-download-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-download-components-download-list-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-components-download-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-components-download-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-components-download-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-download-components-download-list-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-download-components-download-list-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-download-list-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-download-list-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-download-components-download-list-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-download-components-download-list-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-download-components-download-list-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-download-components-download-list-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-download-components-download-list-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-download-components-download-list-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-download-components-download-list-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-download-components-download-list-table__tableSection > * {
  width: 100%;
}
.js-view-modules-download-components-download-list-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-download-components-download-list-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-download-components-download-list-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-download-components-download-list-table__row {
  grid-column: 1/-1;
}
/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-download-components-download-list-table__shakeAnimation {
  animation: js-view-modules-download-components-download-list-table__shake 0.5s;
}
@keyframes js-view-modules-download-components-download-list-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-download-components-download-list-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-download-components-download-list-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
}
.js-view-modules-download-components-download-list-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-download-list-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-download-list-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-download-components-download-list-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-download-components-download-list-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-components-download-list-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-components-download-list-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-components-download-list-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-components-download-list-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-download-components-download-list-table__newTable > .js-view-modules-download-components-download-list-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-download-components-download-list-table__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-download-components-download-list-table__section > * {
  width: 100%;
}
.js-view-modules-download-components-download-list-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-download-components-download-list-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-download-components-download-list-table__headerCell.js-view-modules-download-components-download-list-table__centered {
  justify-content: center;
}
.js-view-modules-download-components-download-list-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 8px 8px;
}
.js-view-modules-download-components-download-list-table__cellBold {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 8px 8px;
  font-weight: 500;
}
.js-view-modules-download-components-download-list-table__centeredText {
  width: 100%;
  text-align: center;
}
.js-view-modules-download-components-download-list-table__PROCESSING {
  color: #e4d836;
}
.js-view-modules-download-components-download-list-table__READY {
  color: #1bc98e;
}
.js-view-modules-download-components-download-list-table__FAILED {
  color: #e64759;
}
.js-view-modules-download-components-download-list-table__statusBox {
  display: grid;
  width: 88px;
  overflow: hidden;
}

.js-view-components-reset-filter-button-reset-filter-button__container {
  margin-right: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-searchable-title-searchable-title__shakeAnimation {
  animation: js-view-components-refine-two-searchable-title-searchable-title__shake 0.5s;
}
@keyframes js-view-components-refine-two-searchable-title-searchable-title__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-searchable-title-searchable-title__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-searchable-title-searchable-title__container {
  display: grid;
  grid-template-columns: 10fr 1fr;
  align-items: center;
  background-color: #434857;
  border-radius: 4px;
}
.js-view-components-refine-two-searchable-title-searchable-title__container > * {
  flex: 1 1 auto;
}
.js-view-components-refine-two-searchable-title-searchable-title__controls {
  display: flex;
  margin-right: 8px;
}
.js-view-components-refine-two-searchable-title-searchable-title__controls > *:last-child {
  margin-right: 0;
}
.js-view-components-refine-two-searchable-title-searchable-title__filterTitle {
  height: 36px;
  width: 100%;
  padding-left: 10px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__shakeAnimation {
  animation: js-view-components-refine-two-refine-field-list-refine-field-list__shake 0.5s;
}
@keyframes js-view-components-refine-two-refine-field-list-refine-field-list__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-refine-field-list-refine-field-list__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__list {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  height: 0;
  max-height: 96px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  transition: height 0.15s linear;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__list::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__list::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__list::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__list::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__listOpen {
  height: 96px;
  margin: 8px 0 16px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  border-top: 0.5px solid transparent;
  border-bottom: 0.5px solid #51586a;
  padding: 0 4px;
  font-size: 12px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__item:hover {
  background-color: #434857;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemRed {
  background-color: rgba(230, 71, 89, 0.2);
  border-bottom: 0.5px solid #e64759;
  border-top: 0.5px solid #e64759;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemRed:hover {
  background-color: rgba(230, 71, 89, 0.4);
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemGreen {
  background-color: rgba(27, 201, 142, 0.2);
  border-bottom: 0.5px solid #1bc98e;
  border-top: 0.5px solid #1bc98e;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemGreen:hover {
  background-color: rgba(27, 201, 142, 0.4);
}
.js-view-components-refine-two-refine-field-list-refine-field-list__title {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: -2px;
  padding-left: 2px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__title > button {
  margin-right: 4px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__label {
  color: #ffffff;
  padding: 8px 0 8px 4px;
  line-height: 1;
  flex: 1 1 auto;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__rightBlock {
  display: flex;
  align-items: center;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__count {
  color: #6f7890;
  border-right: 1px solid #51586a;
  padding: 0 8px;
  margin-right: 8px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__noMatches {
  color: #6f7890;
  padding-left: 48px;
  font-size: 12px;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemEnter {
  opacity: 0.5;
  transform: translateY(128px);
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemEnterActive {
  opacity: 1;
  transform: translateY(0);
  transition: all 300ms;
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemExit {
  opacity: 1;
  transform: translateX(0);
}
.js-view-components-refine-two-refine-field-list-refine-field-list__itemExitActive {
  opacity: 0.5;
  transform: translateX(-120%);
  transition: all 300ms;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-date-selector-date-selector__shakeAnimation {
  animation: js-view-components-refine-two-date-selector-date-selector__shake 0.5s;
}
@keyframes js-view-components-refine-two-date-selector-date-selector__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-date-selector-date-selector__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-date-selector-date-selector__container {
  padding-bottom: 8px;
}
.js-view-components-refine-two-date-selector-date-selector__container > div {
  display: flex !important;
}
.js-view-components-refine-two-date-selector-date-selector__date {
  position: absolute;
  z-index: 20;
  right: 28px;
}
.js-view-components-refine-two-date-selector-date-selector__datePicker {
  width: 400px;
}
.js-view-components-refine-two-date-selector-date-selector__dateButton {
  display: flex;
  justify-content: stretch;
  flex: 1 1 auto;
}
.js-view-components-refine-two-date-selector-date-selector__dateButton > * {
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 32px;
  height: auto;
  gap: 10px;
  padding: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-slider-input__shakeAnimation {
  animation: js-view-components-input-slider-input__shake 0.5s;
}
@keyframes js-view-components-input-slider-input__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-slider-input__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-slider-input__container {
  margin: -7.5px 25px 0;
  height: 30px;
  position: relative;
}
.js-view-components-input-slider-input__containerDisabled:after {
  position: absolute;
  top: 0;
  left: -7.5px;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0.7;
  cursor: default;
  pointer-events: none;
  border-radius: 10px;
}
.js-view-components-input-slider-input__container-zero {
}
.js-view-components-input-slider-input__container-zero:before {
  content: '';
  position: absolute;
  left: calc(50% - 1px);
  top: calc(50% - 5px);
  border-radius: 1px;
  width: 2px;
  height: 10px;
  background-color: #6f7890;
}
.js-view-components-input-slider-input__container-zero-highlight {
}
.js-view-components-input-slider-input__container-zero-highlight:before {
  background-color: #1bc98e;
}
.js-view-components-input-slider-input__input-range {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.js-view-components-input-slider-input__disabledInputRange {
}
.js-view-components-input-slider-input__label {
  color: #1bc98e;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  transform: translateZ(0);
  white-space: nowrap;
}
.js-view-components-input-slider-input__labelContainer {
  display: none;
}
.js-view-components-input-slider-input__maxLabel {
  display: none;
}
.js-view-components-input-slider-input__minLabel {
  display: none;
}
.js-view-components-input-slider-input__slider {
  background: #1bc98e;
  border: 1px solid #1bc98e;
  border-radius: 500px;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 15px;
  margin-left: -7.5px;
  margin-top: -22.5px;
  outline: none;
  position: absolute;
  top: 0;
}
.js-view-components-input-slider-input__slider:active {
  transform: scale(1.15);
}
.js-view-components-input-slider-input__sliderContainer:active .js-view-components-input-slider-input__valueLabel {
  opacity: 1;
}
.js-view-components-input-slider-input__track {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 30px;
  position: relative;
}
.js-view-components-input-slider-input__track:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  height: 2px;
  border-radius: 500px;
  background-color: #6f7890;
  content: '';
}
.js-view-components-input-slider-input__activeTrack {
}
.js-view-components-input-slider-input__activeTrack:before {
  background-color: #1bc98e;
}
.js-view-components-input-slider-input__valueLabel {
  opacity: 0;
  position: absolute;
  top: -47px;
}
.js-view-components-input-slider-input__zeroMarkerContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10px;
  position: absolute;
  margin-left: -5px;
  top: calc(50% - 7px);
}
.js-view-components-input-slider-input__zeroMarker {
  width: 1px;
  height: 15px;
  background-color: #6f7890;
}
.js-view-components-input-slider-input__zeroMarkerText {
  color: #1bc98e;
  margin-top: 5px;
}
.js-view-components-input-slider-input__highlightZeroMarker {
  background-color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-select-cell-select-cell__shakeAnimation {
  animation: js-view-components-grid-table-select-cell-select-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-select-cell-select-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-select-cell-select-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-select-cell-select-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-select-cell-select-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-select-cell-select-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-select-cell-select-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-select-cell-select-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-select-cell-select-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-select-cell-select-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-select-cell-select-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-select-cell-select-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-select-cell-select-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-select-cell-select-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-select-cell-select-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-select-cell-select-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-select-cell-select-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-select-cell-select-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-select-cell-select-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-select-cell-select-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-select-cell-select-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-select-cell-select-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-select-cell-select-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-select-cell-select-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  padding: 0 8px;
}
.js-view-components-grid-table-select-cell-select-cell__cell input {
  color: #cfd2da !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-hour-selector-hour-selector__shakeAnimation {
  animation: js-view-components-refine-two-hour-selector-hour-selector__shake 0.5s;
}
@keyframes js-view-components-refine-two-hour-selector-hour-selector__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-hour-selector-hour-selector__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-hour-selector-hour-selector__container {
  padding-bottom: 16px;
}
.js-view-components-refine-two-hour-selector-hour-selector__selections {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: auto 48px 48px;
  padding: 8px 0;
}
.js-view-components-refine-two-hour-selector-hour-selector__selections > *:first-child {
  min-width: 128px;
  padding: 0;
  border-bottom: none;
}
.js-view-components-refine-two-hour-selector-hour-selector__input {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  height: 36px;
}
.js-view-components-refine-two-hour-selector-hour-selector__input input,
.js-view-components-refine-two-hour-selector-hour-selector__input input[type='search']::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: #353944;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 4px;
  border-radius: 4px;
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
}

.js-view-components-refine-two-date-time-selector-date-time-selector__container {
  border: 1px solid #1bc98e;
  border-radius: 6px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 5px;
}
.js-view-components-refine-two-date-time-selector-date-time-selector__title {
  align-self: flex-start;
  color: #1bc98e;
  font-size: 14px;
}
.js-view-components-refine-two-date-time-selector-date-time-selector__controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-refine-slider-refine-slider__shakeAnimation {
  animation: js-view-components-refine-two-refine-slider-refine-slider__shake 0.5s;
}
@keyframes js-view-components-refine-two-refine-slider-refine-slider__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-refine-slider-refine-slider__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-refine-slider-refine-slider__selections {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: auto 58px 58px;
  padding: 8px 0;
}
.js-view-components-refine-two-refine-slider-refine-slider__selections > *:first-child {
  min-width: 128px;
  padding: 0;
  border-bottom: none;
}
.js-view-components-refine-two-refine-slider-refine-slider__input {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  height: 36px;
}
.js-view-components-refine-two-refine-slider-refine-slider__input input,
.js-view-components-refine-two-refine-slider-refine-slider__input input[type='search']::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: #353944;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 4px;
  border-radius: 4px;
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
}
.js-view-components-refine-two-refine-slider-refine-slider__disabled {
  color: transparent;
  opacity: 0.5;
  pointer-events: none;
}
.js-view-components-refine-two-refine-slider-refine-slider__itemEnter {
  opacity: 0.5;
  transform: translateY(128px);
}
.js-view-components-refine-two-refine-slider-refine-slider__itemEnterActive {
  opacity: 1;
  transform: translateY(0);
  transition: all 300ms;
}
.js-view-components-refine-two-refine-slider-refine-slider__itemExit {
  opacity: 1;
  transform: translateX(0);
}
.js-view-components-refine-two-refine-slider-refine-slider__itemExitActive {
  opacity: 0.5;
  transform: translateX(-120%);
  transition: all 300ms;
}
.js-view-components-refine-two-refine-slider-refine-slider__list {
  height: 0;
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  transition: height 0.15s linear;
}
.js-view-components-refine-two-refine-slider-refine-slider__listOpen {
  height: 80px;
  margin: 8px 0 16px;
}
.js-view-components-refine-two-refine-slider-refine-slider__noMatches {
  color: #6f7890;
  padding-left: 48px;
  font-size: 12px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-filterable-list-filterable-list__shakeAnimation {
  animation: js-view-components-input-filterable-list-filterable-list__shake 0.5s;
}
@keyframes js-view-components-input-filterable-list-filterable-list__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-filterable-list-filterable-list__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-input-filterable-list-filterable-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-input-filterable-list-filterable-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-input-filterable-list-filterable-list__container {
  display: flex;
  flex-direction: column;
}
.js-view-components-input-filterable-list-filterable-list__search {
  display: flex;
  justify-content: stretch;
  height: 36px;
  border-radius: 4px;
  background-color: #434857;
}
.js-view-components-input-filterable-list-filterable-list__searchIcon {
  flex: 0 auto;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.js-view-components-input-filterable-list-filterable-list__input {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #ffffff;
}
.js-view-components-input-filterable-list-filterable-list__input input,
.js-view-components-input-filterable-list-filterable-list__input input[type='search']::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.js-view-components-input-filterable-list-filterable-list__choices {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  padding: 8px 0;
  background-color: #353944;
  height: 144px;
  overflow-y: auto;
  width: calc(100% - 2px);
}
.js-view-components-input-filterable-list-filterable-list__choices::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-input-filterable-list-filterable-list__choices::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-input-filterable-list-filterable-list__choices::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-input-filterable-list-filterable-list__choices::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-input-filterable-list-filterable-list__item {
  background-color: transparent;
  color: #ffffff;
  display: block;
  box-shadow: none;
  border: none;
  width: 100%;
  padding: 8px;
  cursor: pointer;
  text-align: left;
  min-height: 24px;
  font-size: 12px;
}
.js-view-components-input-filterable-list-filterable-list__item:hover {
  background-color: #51586a;
}
.js-view-components-input-filterable-list-filterable-list__item:focus {
  outline: none;
  background-color: #1997c6;
}
.js-view-components-input-filterable-list-filterable-list__item:active {
  background-color: #1997c6;
}
.js-view-components-input-filterable-list-filterable-list__itemSelected {
  background-color: #1997c6;
}
.js-view-components-input-filterable-list-filterable-list__itemSelected:hover {
  background-color: #5bc3ea;
}
.js-view-components-input-filterable-list-filterable-list__itemSelected:focus {
  border: none;
  background-color: pale-blue;
}

.js-view-components-refine-two-other-fields-other-fields__container {
  padding: 16px 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-refine-content-refine-content__shakeAnimation {
  animation: js-view-components-refine-two-refine-content-refine-content__shake 0.5s;
}
@keyframes js-view-components-refine-two-refine-content-refine-content__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-refine-content-refine-content__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-content-refine-content__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-content-refine-content__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-refine-two-refine-content-refine-content__refine {
  position: absolute;
  z-index: 1;
  top: 80px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  right: 0;
  width: 17.5vw;
  min-width: 320px;
  background-color: #15181f;
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.3);
}
.js-view-components-refine-two-refine-content-refine-content__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #51586a;
  color: #cfd2da;
  font-size: 18px;
  font-weight: bold;
}
.js-view-components-refine-two-refine-content-refine-content__main {
  padding: 16px 8px;
  display: grid;
  overflow-x: hidden;
}
.js-view-components-refine-two-refine-content-refine-content__main > * {
  max-width: 100%;
  overflow-x: hidden;
}
.js-view-components-refine-two-refine-content-refine-content__itemEnterLeft {
  transform: translateX(-120%);
}
.js-view-components-refine-two-refine-content-refine-content__itemEnterRight {
  transform: translateX(120%);
}
.js-view-components-refine-two-refine-content-refine-content__itemEnterActive {
  transform: translateX(0);
  transition: transform 300ms linear;
}
.js-view-components-refine-two-refine-content-refine-content__itemExit {
  transform: translateX(0);
}
.js-view-components-refine-two-refine-content-refine-content__itemExitLeftActive {
  transform: translateX(-120%);
  transition: transform 300ms linear;
}
.js-view-components-refine-two-refine-content-refine-content__itemExitRightActive {
  transform: translateX(120%);
  transition: transform 300ms linear;
}
.js-view-components-refine-two-refine-content-refine-content__fields {
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  padding: 0 8px 16px 0;
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-content-refine-content__fields::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-content-refine-content__fields::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-content-refine-content__fields::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-content-refine-content__fields::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-content-refine-content__fields > * {
  max-width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-refine-two__shakeAnimation {
  animation: js-view-components-refine-two-refine-two__shake 0.5s;
}
@keyframes js-view-components-refine-two-refine-two__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-refine-two__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-refine-two__refineEnter {
  opacity: 0.01;
  transform: translateX(10%);
  z-index: 1001;
}
.js-view-components-refine-two-refine-two__refineEnterActive {
  opacity: 1;
  transform: translateX(0%);
  transition: transform 200ms ease-out, opacity 200ms ease-out;
  z-index: 1001;
}
.js-view-components-refine-two-refine-two__refineEnterDone {
  z-index: 1001;
}
.js-view-components-refine-two-refine-two__refineExit {
  opacity: 1;
  transform: translateX(0%);
  z-index: 1001;
}
.js-view-components-refine-two-refine-two__refineExitActive {
  opacity: 0.01;
  transform: translateX(10%);
  transition: transform 200ms ease-in, opacity 200ms ease-in;
  z-index: 1001;
}
.js-view-components-refine-two-refine-two__padded {
  /* Mimics the Refine v1 button which had its own margin to the left */
  margin-left: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__shakeAnimation {
  animation: js-view-components-refine-two-refine-applied-filters-refine-applied-filters__shake 0.5s;
}
@keyframes js-view-components-refine-two-refine-applied-filters-refine-applied-filters__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-refine-two-refine-applied-filters-refine-applied-filters__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardHeaderSection {
  padding: 0 15px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__standardToolbarItem {
  margin-right: 8px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__container {
  display: flex;
  align-items: center;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__container > * {
  margin-right: 8px;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__single {
  border: 1px solid #51586a;
  border-radius: 5px;
  height: 36px;
  min-width: 50px;
  max-width: 150px;
  cursor: pointer;
  font-size: 10px;
  color: #1bc98e;
  line-height: 1.2;
  display: grid;
  grid-template-columns: minmax(1fr, auto) 32px;
  grid-template-rows: 1fr 1fr 0;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__single:hover,
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__single:focus {
  border-color: #1bc98e;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__red {
  color: #e64759;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__red:hover,
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__red:focus {
  border-color: #e64759;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__title {
  font-weight: bold;
  font-style: italic;
  padding: 5px 4px 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__description {
  font-style: italic;
  padding: 0 4px 5px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__closeButton {
  grid-area: 1/2/3/3;
  justify-self: end;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__closeButton > button {
  padding: 0;
  font-size: 18px;
  align-items: flex-start;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__menuAnchor {
  grid-area: 3/1/4/3;
  position: relative;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__menu {
  position: absolute;
  z-index: 15;
  width: 296px;
  max-height: 206px;
  border: 1px solid #51586a;
  border-radius: 5px;
  background-color: #15181f;
  color: #cfd2da;
  padding: 8px;
  top: 8px;
  left: 0;
}
.js-view-components-refine-two-refine-applied-filters-refine-applied-filters__divider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-download-download__shakeAnimation {
  animation: js-view-modules-download-download__shake 0.5s;
}
@keyframes js-view-modules-download-download__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-download-download__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-download-download__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-download-download__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-download__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-download__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-download-download__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-download__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-download__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-download-download__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-download-download__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-download-download__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-download-download__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-download-download__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-download-download__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-download-download__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-download-download__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-download__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-download__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-download__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-download__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-download__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-download__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-download__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-download-download__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-download-download__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-download-download__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-download-download__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-download__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-download__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-download-download__header {
  padding: 0 15px;
}
.js-view-modules-download-download__headerBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-download-download__container {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.js-view-modules-download-download__container::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-download-download__container::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-download-download__container::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-download-download__container::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-download-download__filterSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-download-download__title {
  color: #cfd2da;
  margin: 5px 0;
}
.js-view-modules-download-download__tableContainer {
  padding: 15px 15px 0 15px;
}
.js-view-modules-download-download__toolbarItem {
  margin-right: 8px;
}
.js-view-modules-download-download__divider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-download-download__iconDownload {
  font-size: 25px;
  margin-right: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-sso-login-sso-login__shakeAnimation {
  animation: js-view-modules-auth-components-sso-login-sso-login__shake 0.5s;
}
@keyframes js-view-modules-auth-components-sso-login-sso-login__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-sso-login-sso-login__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-sso-login-sso-login__sso-block {
  padding-bottom: 15px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-modules-auth-components-sso-login-sso-login__sso-block .js-view-modules-auth-components-sso-login-sso-login__or-heading {
  padding-bottom: 16px;
  font-weight: 500;
  color: #cfd2da;
}
.js-view-modules-auth-components-sso-login-sso-login__sso-block .js-view-modules-auth-components-sso-login-sso-login__sso-login-button {
  background-color: transparent;
  border: solid 1px #1997c6;
  color: #1997c6;
  padding: 10px;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.js-view-modules-auth-components-sso-login-sso-login__sso-block .js-view-modules-auth-components-sso-login-sso-login__sso-login-button:hover {
  color: #cfd2da;
  background-color: #1997c6;
  text-decoration: none;
}
.js-view-modules-auth-components-sso-login-sso-login__error-block {
  color: #e64759;
  padding-top: 20px;
}
.js-view-modules-auth-components-sso-login-sso-login__fadeEnter {
  opacity: 0;
}
.js-view-modules-auth-components-sso-login-sso-login__fadeEnterDone {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.js-view-modules-auth-components-sso-login-sso-login__fadeExit {
  opacity: 1;
}
.js-view-modules-auth-components-sso-login-sso-login__fadeExitDone {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.js-view-components-animate-animate__moveFromTop {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
}
.js-view-components-animate-animate__moveFromTop-250 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 250ms;
}
.js-view-components-animate-animate__moveFromTop-300 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 300ms;
}
.js-view-components-animate-animate__moveFromTop-400 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 400ms;
}
.js-view-components-animate-animate__moveFromTop-500 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 500ms;
}
.js-view-components-animate-animate__moveFromTop-600 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 600ms;
}
.js-view-components-animate-animate__moveFromTop-700 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 700ms;
}
.js-view-components-animate-animate__moveFromTop-800 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 800ms;
}
.js-view-components-animate-animate__moveFromTop-900 {
  animation-name: js-view-components-animate-animate__moveFromTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 900ms;
}
@keyframes js-view-components-animate-animate__moveFromTopAnimation {
  from {
    transform: translateY(-100%) rotateZ(0.01deg);
  }
}
.js-view-components-animate-animate__moveToTop {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
}
.js-view-components-animate-animate__moveToTop-250 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 250ms;
}
.js-view-components-animate-animate__moveToTop-300 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 300ms;
}
.js-view-components-animate-animate__moveToTop-400 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 400ms;
}
.js-view-components-animate-animate__moveToTop-500 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 500ms;
}
.js-view-components-animate-animate__moveToTop-600 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 600ms;
}
.js-view-components-animate-animate__moveToTop-700 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 700ms;
}
.js-view-components-animate-animate__moveToTop-800 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 800ms;
}
.js-view-components-animate-animate__moveToTop-900 {
  animation-name: js-view-components-animate-animate__moveToTopAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 900ms;
}
@keyframes js-view-components-animate-animate__moveToTopAnimation {
  to {
    transform: translateY(-100%) rotateZ(0.01deg);
  }
}
.js-view-components-animate-animate__moveFromBottom {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
}
.js-view-components-animate-animate__moveFromBottom-250 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 250ms;
}
.js-view-components-animate-animate__moveFromBottom-300 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 300ms;
}
.js-view-components-animate-animate__moveFromBottom-400 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 400ms;
}
.js-view-components-animate-animate__moveFromBottom-500 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 500ms;
}
.js-view-components-animate-animate__moveFromBottom-600 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 600ms;
}
.js-view-components-animate-animate__moveFromBottom-700 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 700ms;
}
.js-view-components-animate-animate__moveFromBottom-800 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 800ms;
}
.js-view-components-animate-animate__moveFromBottom-900 {
  animation-name: js-view-components-animate-animate__moveFromBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 900ms;
}
@keyframes js-view-components-animate-animate__moveFromBottomAnimation {
  from {
    transform: translateY(100%) rotateZ(0.01deg);
  }
}
.js-view-components-animate-animate__moveToBottom {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
}
.js-view-components-animate-animate__moveToBottom-250 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 250ms;
}
.js-view-components-animate-animate__moveToBottom-300 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 300ms;
}
.js-view-components-animate-animate__moveToBottom-400 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 400ms;
}
.js-view-components-animate-animate__moveToBottom-500 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 500ms;
}
.js-view-components-animate-animate__moveToBottom-600 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 600ms;
}
.js-view-components-animate-animate__moveToBottom-700 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 700ms;
}
.js-view-components-animate-animate__moveToBottom-800 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 800ms;
}
.js-view-components-animate-animate__moveToBottom-900 {
  animation-name: js-view-components-animate-animate__moveToBottomAnimation;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 900ms;
}
@keyframes js-view-components-animate-animate__moveToBottomAnimation {
  to {
    transform: translateY(100%) rotateZ(0.01deg);
  }
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-forms-login-login__shakeAnimation {
  animation: js-view-modules-auth-forms-login-login__shake 0.5s;
}
@keyframes js-view-modules-auth-forms-login-login__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-forms-login-login__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-forms-login-login__loginContainer .js-view-modules-auth-forms-login-login__loginBody {
  display: flex;
  flex-direction: column;
  will-change: min-height;
  min-height: 212px;
  transition: min-height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.js-view-modules-auth-forms-login-login__loginContainer .js-view-modules-auth-forms-login-login__loginBody input {
  background: #fff;
  color: #51586a;
}
.js-view-modules-auth-forms-login-login__loginContainer .js-view-modules-auth-forms-login-login__loginBody input:focus {
  -webkit-box-shadow: inset 0 1px 1px #00000014, 0 0 8px #1ca8dd99;
  box-shadow: inset 0 1px 1px #00000014, 0 0 8px #1ca8dd99;
}
.js-view-modules-auth-forms-login-login__loginContainer .modal-body {
  flex: 1;
}
.js-view-modules-auth-forms-login-login__loginContainer .js-view-modules-auth-forms-login-login__loginFooter {
  display: flex;
  flex-direction: column;
  min-height: 95px;
  will-change: min-height;
  transition: min-height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.js-view-modules-auth-forms-login-login__loginContainer .modal-footer {
  flex: 1;
}
.js-view-modules-auth-forms-login-login__loginContainerWithSSO .js-view-modules-auth-forms-login-login__loginBody {
  min-height: 250px;
}
.js-view-modules-auth-forms-login-login__loginContainerWithSSO .js-view-modules-auth-forms-login-login__loginFooter {
  min-height: 133px;
}
.js-view-modules-auth-forms-login-login__loginContainerWithLoading .js-view-modules-auth-forms-login-login__loginBody {
  min-height: 212px;
}
.js-view-modules-auth-forms-login-login__loginContainerWithLoading .js-view-modules-auth-forms-login-login__loginFooter {
  min-height: 95px;
}
.js-view-modules-auth-forms-login-login__loginContainerWithSSOError .js-view-modules-auth-forms-login-login__loginFooter {
  min-height: 174px;
}
.js-view-modules-auth-forms-login-login__loadingBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.js-view-modules-auth-forms-login-login__loginBtnBlock {
  text-align: center;
  margin-top: 20px;
}
.js-view-modules-auth-forms-login-login__fadeEnter {
  opacity: 0;
}
.js-view-modules-auth-forms-login-login__fadeEnterDone {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.js-view-modules-auth-forms-login-login__fadeExit {
  opacity: 1;
}
.js-view-modules-auth-forms-login-login__fadeExitDone {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.js-view-modules-auth-forms-login-login__topErrorMessage {
  align-self: center;
  padding-bottom: 10px;
}
.js-view-modules-auth-forms-login-login__footer-buttons {
  padding: 0;
}
.js-view-modules-auth-forms-login-login__emailInput {
  display: flex;
  align-items: center;
}
.js-view-modules-auth-forms-login-login__emailInput > div {
  width: 100%;
}
.js-view-modules-auth-forms-login-login__ccwIcon {
  margin-left: 10px;
  cursor: pointer;
  position: relative;
  top: 8px;
}

.js-view-components-logo-centered-logo-centered__logoContainer {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.js-view-components-logo-centered-logo-centered__ghost {
  opacity: 0.3;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-auth-components-auth-screen-auth-screen__shakeAnimation {
  animation: js-view-modules-auth-components-auth-screen-auth-screen__shake 0.5s;
}
@keyframes js-view-modules-auth-components-auth-screen-auth-screen__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-auth-components-auth-screen-auth-screen__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-auth-components-auth-screen-auth-screen__page {
  padding: 64px 16px 32px;
  background-color: #15181f;
  height: 100vh;
  overflow-y: auto;
}
.js-view-modules-auth-components-auth-screen-auth-screen__logo {
  display: flex;
  justify-content: center;
  padding-bottom: 32px;
}
.js-view-modules-auth-components-auth-screen-auth-screen__logo > * {
  width: 25vw;
}
.js-view-modules-auth-components-auth-screen-auth-screen__form {
  border-top: 0.5px solid #51586a;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-case-mode-active-case-header__shakeAnimation {
  animation: js-view-components-case-mode-active-case-header__shake 0.5s;
}
@keyframes js-view-components-case-mode-active-case-header__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-case-mode-active-case-header__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-case-mode-active-case-header__container {
  padding: 15px;
  color: #252830;
  background-color: #f3ece4;
}
.js-view-components-case-mode-active-case-header__titleBar {
  display: flex;
  align-items: center;
}
.js-view-components-case-mode-active-case-header__titleBar h3 {
  color: #252830;
  margin: 0 30px 0 0;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-case-mode-active-case-header__titleBar p {
  padding: 0;
  margin: 0 30px 0 0;
  font-size: 18px;
}
.js-view-components-case-mode-active-case-header__titleBar p:last-of-type {
  margin-right: 0;
}
.js-view-components-case-mode-active-case-header__titleBar .js-view-components-case-mode-active-case-header__pusher {
  flex-grow: 1;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-footer-index__shakeAnimation {
  animation: js-view-components-footer-index__shake 0.5s;
}
@keyframes js-view-components-footer-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-footer-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-footer-index__footer-style {
  margin: 0;
  min-height: 0;
  background-color: #1a1c22;
  border: 1px solid transparent;
  z-index: 10;
}
.js-view-components-footer-index__footer-style p {
  margin: 6px 0;
  color: #6f7890;
}
.js-view-components-footer-index__fluid-footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-confirm__shakeAnimation {
  animation: js-view-components-modal-confirm__shake 0.5s;
}
@keyframes js-view-components-modal-confirm__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-confirm__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-confirm__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-confirm__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-confirm__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-confirm__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-confirm__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-confirm__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-confirm__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-confirm__modalStyle .js-view-components-modal-confirm__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-confirm__modalStyle .js-view-components-modal-confirm__modal-content .js-view-components-modal-confirm__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-confirm__modalStyle .js-view-components-modal-confirm__modal-content .js-view-components-modal-confirm__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-confirm__modalStyle .js-view-components-modal-confirm__modal-content .js-view-components-modal-confirm__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-confirm__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-confirm__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
}
.js-view-components-modal-confirm__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-confirm__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-confirm__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-confirm__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
  padding: 0;
}
.confirm-dialog {
  max-height: 95vh;
}
.confirm-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.confirm-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.confirm-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.confirm-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}
.confirm-dialog .modal-content {
  border: 0;
}
.confirm-dialog .modal-content .modal-footer {
  display: flex;
  justify-content: center;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-header-nav-menu-link-nav-menu-link__shakeAnimation {
  animation: js-view-components-header-nav-menu-link-nav-menu-link__shake 0.5s;
}
@keyframes js-view-components-header-nav-menu-link-nav-menu-link__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-header-nav-menu-link-nav-menu-link__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-header-nav-menu-link-nav-menu-link__item {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.js-view-components-header-nav-menu-link-nav-menu-link__item a {
  /* For some reason, Bootstrap's normalise.css sometimes overrides
      this, which it shouldn't be doing - hence the !important */
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-header-nav-menu-link-nav-menu-link__pillContainer {
  position: relative;
}
.js-view-components-header-nav-menu-link-nav-menu-link__pillContainer .js-view-components-header-nav-menu-link-nav-menu-link__pill {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 8px;
  height: 8px;
  float: right;
  padding: 0;
  border-radius: 50%;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subMenu {
  list-style: none;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100vw - (100vw - 100%));
  background-color: #51586a;
}
.js-view-components-header-nav-menu-link-nav-menu-link__navLink {
  will-change: background-color;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  padding: 15px 12px 14px;
  display: block;
  color: #cfd2da;
  height: 50px;
}
@media (min-width: 800px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__navLink {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 1024px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__navLink {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 1400px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__navLink {
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 1600px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__navLink {
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.js-view-components-header-nav-menu-link-nav-menu-link__navLink > a {
  /* For some reason, Bootstrap's normalise.css sometimes overrides
      this, which it shouldn't be doing - hence the !important */
  text-decoration: none !important;
}
.js-view-components-header-nav-menu-link-nav-menu-link__navLink:hover,
.js-view-components-header-nav-menu-link-nav-menu-link__navLink.js-view-components-header-nav-menu-link-nav-menu-link__active,
.js-view-components-header-nav-menu-link-nav-menu-link__navLink:focus {
  background-color: #51586a;
  color: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__navLink:hover > * > svg path,
.js-view-components-header-nav-menu-link-nav-menu-link__navLink.js-view-components-header-nav-menu-link-nav-menu-link__active > * > svg path,
.js-view-components-header-nav-menu-link-nav-menu-link__navLink:focus > * > svg path {
  fill: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__activeNavLink {
  background-color: #51586a;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subMenuOpen {
  background-color: #51586a;
  padding-bottom: 39px;
  height: unset;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLink {
  will-change: background-color;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  padding: 15px 12px 14px;
  display: block;
  color: #cfd2da;
  height: 50px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0.5px;
  will-change: color;
  transition: color 0.2s ease-in-out;
  position: relative;
}
@media (min-width: 800px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__subLink {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 1024px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__subLink {
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 1400px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__subLink {
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 1600px) {
  .js-view-components-header-nav-menu-link-nav-menu-link__subLink {
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLink > a {
  /* For some reason, Bootstrap's normalise.css sometimes overrides
      this, which it shouldn't be doing - hence the !important */
  text-decoration: none !important;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLink:hover,
.js-view-components-header-nav-menu-link-nav-menu-link__subLink.js-view-components-header-nav-menu-link-nav-menu-link__active,
.js-view-components-header-nav-menu-link-nav-menu-link__subLink:focus {
  background-color: #51586a;
  color: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLink:hover > * > svg path,
.js-view-components-header-nav-menu-link-nav-menu-link__subLink.js-view-components-header-nav-menu-link-nav-menu-link__active > * > svg path,
.js-view-components-header-nav-menu-link-nav-menu-link__subLink:focus > * > svg path {
  fill: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLink:after {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: '';
  border-bottom: solid 4px #1ca8dd;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLink.js-view-components-header-nav-menu-link-nav-menu-link__active:after,
.js-view-components-header-nav-menu-link-nav-menu-link__subLink:hover:after {
  opacity: 1;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLinkActive {
  color: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__subLinkActive:after {
  opacity: 1;
}
.js-view-components-header-nav-menu-link-nav-menu-link__countContainer {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding: 6px 0 6px 4px;
}
.js-view-components-header-nav-menu-link-nav-menu-link__count {
  padding: 2px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 66%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 7px;
  background-color: #e64759;
  color: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__countRed {
  background-color: #e64759;
  color: #ffffff;
}
.js-view-components-header-nav-menu-link-nav-menu-link__countYellow {
  background-color: #e4d836;
  color: #434857;
}
.js-view-components-header-nav-menu-link-nav-menu-link__onlyIconElement {
  display: inline-block;
  height: 22px;
  width: 22px;
}
.js-view-components-header-nav-menu-link-nav-menu-link__iconAndText {
  padding-right: 10px;
}
.js-view-components-header-nav-menu-link-nav-menu-link__iconAndText svg {
  position: absolute;
  height: 20px;
  right: 0;
  top: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-header-nav-divider__shakeAnimation {
  animation: js-view-components-header-nav-divider__shake 0.5s;
}
@keyframes js-view-components-header-nav-divider__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-header-nav-divider__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-header-nav-divider__divider {
  display: block;
  width: 0;
  height: 22px;
  margin: 7px 2px 0;
  border-left: 1px solid #cfd2da;
}
.js-view-components-header-nav-divider__topDivider {
  display: block;
  width: 0;
  height: 36px;
  margin: 7px 15px 0;
  border-left: 1px solid #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-header-index__shakeAnimation {
  animation: js-view-modules-header-index__shake 0.5s;
}
@keyframes js-view-modules-header-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-header-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-header-index__navBar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  padding-right: 8px;
  /* Horizontal line under the top menu */
}
.js-view-modules-header-index__navBar:after {
  content: '';
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  border-top: 1px solid #51586a;
}
.js-view-modules-header-index__logo {
  display: block;
  height: 40px;
  max-height: 40px;
  padding: 5px 0 0 15px;
}
.js-view-modules-header-index__logo img {
  width: 128px;
  height: 40px;
}
.js-view-modules-header-index__menu {
  display: flex;
  padding-left: 24px;
  list-style: none;
  overflow-x: hidden;
}
.js-view-modules-header-index__menu > * {
  min-width: 0;
  overflow: hidden;
}
.js-view-modules-header-index__exitCaseButton {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 15px 0 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dashhead-loading__shakeAnimation {
  animation: js-view-components-dashhead-loading__shake 0.5s;
}
@keyframes js-view-components-dashhead-loading__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dashhead-loading__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dashhead-loading__container.dashhead-toolbar {
  display: flex;
  align-items: center;
  margin-top: 15px;
  color: #e4d836;
  margin-left: 30px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-index__shakeAnimation {
  animation: js-view-components-modal-index__shake 0.5s;
}
@keyframes js-view-components-modal-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-index__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-index__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-index__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-index__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-index__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-index__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-index__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-index__modalStyle .js-view-components-modal-index__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-index__modalStyle .js-view-components-modal-index__modal-content .js-view-components-modal-index__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-index__modalStyle .js-view-components-modal-index__modal-content .js-view-components-modal-index__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-index__modalStyle .js-view-components-modal-index__modal-content .js-view-components-modal-index__modal-body {
  border: none;
  padding: 0;
}
.modal-dialog {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}
.modal-dialog div.input-with-icon input.form-control {
  background-color: white !important;
}
.modal-dialog div.input-with-icon span.icon {
  color: #51586a !important;
}
.js-view-components-modal-index__form {
  background-color: #51586a;
  color: #cfd2da !important;
}
.js-view-components-modal-index__form section h5 span {
  color: #cfd2da !important;
}
.js-view-components-modal-index__form .js-view-components-modal-index__options-item span {
  color: #51586a !important;
}
.js-view-components-modal-index__largeForm {
  min-height: 500px !important;
}
.js-view-components-modal-index__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
  font-size: 24px;
  padding-bottom: 8px;
  color: #cfd2da;
}
.js-view-components-modal-index__modalContent {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  background-color: inherit;
  border-bottom: none;
  padding-bottom: 0;
}
.js-view-components-modal-index__modalButtons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-index__body-content {
  padding: 30px 0 10px 32px;
  border-bottom: 1px solid #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dashhead-index__shakeAnimation {
  animation: js-view-components-dashhead-index__shake 0.5s;
}
@keyframes js-view-components-dashhead-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dashhead-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dashhead-index__container {
  height: 80px;
  background-color: #252830;
  z-index: 10;
}
.js-view-components-dashhead-index__container .dashhead {
  padding-top: 12px;
  height: 80px;
  border-bottom: 1px solid #51586a;
}
.js-view-components-dashhead-index__container .js-view-components-dashhead-index__component-title {
  margin-top: 12px;
  float: left;
}
.js-view-components-dashhead-index__container .js-view-components-dashhead-index__count {
  float: left;
}
.js-view-components-dashhead-index__container .js-view-components-dashhead-index__title-button {
  margin-right: 15px;
}
.js-view-components-dashhead-index__container h2 {
  margin-top: 15px;
  margin-bottom: 0;
  color: #cfd2da;
}
.js-view-components-dashhead-index__container .dashhead-brand img {
  width: 32px;
  height: 32px;
}
.js-view-components-dashhead-index__container .dashhead-toolbar + .dashhead-titles {
  margin-left: 30px;
}
.js-view-components-dashhead-index__container .dashhead-toolbar .input-with-icon {
  width: 200px;
}
.js-view-components-dashhead-index__container .btn-toolbar .btn-toolbar-item,
.js-view-components-dashhead-index__container .dashhead-toolbar .dashhead-toolbar-item {
  margin-left: 8px;
}
.js-view-components-dashhead-index__container .dashhead-toolbar .dashhead-toolbar-item-no-margin {
  margin-left: 0;
}
.js-view-components-dashhead-index__container .dashhead-toolbar .dashhead-toolbar-item .dashhead-toolbar-action-btn {
  padding: 6px 10px;
}
.js-view-components-dashhead-index__container .btn-toolbar .btn-toolbar-item:first-child,
.js-view-components-dashhead-index__container .dashhead-toolbar .dashhead-toolbar-item:first-child {
  margin-left: 0;
}
.js-view-components-dashhead-index__container .btn.btn-primary:hover {
  border-color: transparent;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-layout-main-grid__shakeAnimation {
  animation: js-view-components-layout-main-grid__shake 0.5s;
}
@keyframes js-view-components-layout-main-grid__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-layout-main-grid__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-layout-main-grid__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-layout-main-grid__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-layout-main-grid__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-layout-main-grid__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-layout-main-grid__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-layout-main-grid__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-layout-main-grid__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-layout-main-grid__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-layout-main-grid__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-layout-main-grid__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-layout-main-grid__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-layout-main-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-layout-main-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-layout-main-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-layout-main-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-layout-main-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-layout-main-grid__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-layout-main-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-layout-main-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-layout-main-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-layout-main-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-layout-main-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-layout-main-grid__grid {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: scroll;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-components-layout-main-grid__grid::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-layout-main-grid__grid::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-layout-main-grid__grid::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-layout-main-grid__grid::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-layout-flex-column__shakeAnimation {
  animation: js-view-components-layout-flex-column__shake 0.5s;
}
@keyframes js-view-components-layout-flex-column__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-layout-flex-column__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-layout-flex-column__column {
  flex: 1;
  padding: 0 7.5px;
  min-width: 0;
}
.js-view-components-layout-flex-column__column:first-of-type {
  padding-left: 0;
}
.js-view-components-layout-flex-column__column:last-of-type {
  padding-right: 0;
}
.js-view-components-layout-flex-column__column-narrow {
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-layout-flex-column-container__shakeAnimation {
  animation: js-view-components-layout-flex-column-container__shake 0.5s;
}
@keyframes js-view-components-layout-flex-column-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-layout-flex-column-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-layout-flex-column-container__container {
  display: flex;
  flex-shrink: 0;
}
.js-view-components-layout-flex-column-container__flex-grow {
  flex-grow: 1;
}
.js-view-components-layout-flex-column-container__padded {
  padding-bottom: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-no-data__shakeAnimation {
  animation: js-view-components-widget-no-data__shake 0.5s;
}
@keyframes js-view-components-widget-no-data__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-no-data__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-no-data__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 15px;
  flex-grow: 1;
  opacity: 0;
  animation: js-view-components-widget-no-data__fadeIn 200ms;
  animation-delay: 300ms;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
}
.js-view-components-widget-no-data__darkContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 15px;
  flex-grow: 1;
  opacity: 0;
  animation: js-view-components-widget-no-data__fadeIn 200ms;
  animation-delay: 300ms;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  background-color: #15181f;
  border-radius: 4px;
}
@keyframes js-view-components-widget-no-data__fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.js-view-components-widget-no-data__icon {
  font-size: 30px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__shakeAnimation {
  animation: js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__shake 0.5s;
}
@keyframes js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__container {
  position: relative;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart {
  height: 216px;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChartClassic-xAxis > path:first-child {
  stroke-width: 0;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChartClassic-xAxis > g:last-child line {
  stroke-width: 0;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChartClassic-xAxis > .tick > line {
  stroke: #51586a;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChartClassic-yAxis > .tick > line {
  stroke: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-rightBorder {
  stroke-width: 1;
  stroke: #cfd2da;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-bars {
  fill: #cfd2da;
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-bars:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-dots {
  fill: #1997c6;
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-dots:hover {
  fill: #5bc3ea;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-bars-selected {
  opacity: 1;
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-bars-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-yAxis .tick text {
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-yLabel {
  fill: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-yLabel:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-yLabel-selected {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-yLabel-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-xAxis .tick {
  /* Hide the last number */
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-xAxis .tick:last-child text {
  fill: transparent;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-tooltip text {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChart svg .clickableBarAndDotsChart-tooltip rect {
  fill: #353944;
  stroke: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic {
  height: 216px;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-xAxis > path:first-child {
  stroke-width: 1;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-xAxis > g:last-child line {
  stroke-width: 0;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-xAxis > .tick > line {
  stroke: #51586a;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-yAxis > .tick > line {
  stroke: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-rightBorder {
  stroke-width: 0;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-bars {
  fill: #cfd2da;
  cursor: pointer;
  stroke: #cfd2da;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-bars:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-dots {
  fill: #1997c6;
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-dots:hover {
  fill: #5bc3ea;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-bars-selected {
  opacity: 1;
  fill: #1bc98e;
  stroke: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-bars-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-yAxis .tick text {
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-yLabel {
  fill: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-yLabel:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-yLabel-selected {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-yLabel-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-xAxis .tick {
  /* Hide the last number */
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-xAxis .tick:last-child text {
  fill: transparent;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-tooltip text {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartClassic svg .clickableBarAndDotsChartClassic-tooltip rect {
  fill: #353944;
  stroke: #1bc98e;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire {
  height: 216px;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .tick line {
  stroke: #434857;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-xAxis > path:first-child {
  stroke-width: 0;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-xAxis > g:last-child line {
  stroke-width: 0;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-rightBorder {
  stroke-width: 1;
  stroke: #cfd2da;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-bars {
  fill: #e64759;
  stroke: #e64759;
  stroke-width: 1;
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-bars:hover {
  fill: #e64759;
  fill-opacity: 0.5;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartClassic-dots {
  fill: #1997c6;
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartClassic-dots:hover {
  fill: #5bc3ea;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-bars-selected {
  opacity: 1;
  fill-opacity: 1;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-bars-selected:hover {
  fill-opacity: 0.8;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-yAxis .tick text {
  cursor: pointer;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-yLabel {
  fill: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-yLabel:hover {
  fill: #f2a1aa;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-yLabel-selected {
  fill: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-yLabel-selected:hover {
  fill: #ffffff;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-xAxis .tick {
  /* Hide the last number */
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-xAxis .tick:last-child text {
  fill: transparent;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-tooltip text {
  fill: #e64759;
}
.js-view-components-clickable-bar-and-dots-chart-clickable-bar-and-dots-chart__clickableBarAndDotsChartFire svg .clickableBarAndDotsChartFire-tooltip rect {
  fill: #353944;
  stroke: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__shakeAnimation {
  animation: js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__shake 0.5s;
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__container {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__darkContainer {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__loading {
  opacity: 0.5;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__title {
  padding: 6px 8px 6px 10px;
  font-weight: bold;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__chart-container {
  height: 250px;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__chart-container svg .comms-points-group circle {
  fill: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__chart-container .trades-axis-group .legend-swatch {
  fill: #cfd2da;
}
.js-view-modules-dashboard-components-graphs-and-displays-bar-chart-display__chart-container .comms-axis-group .legend-circle {
  fill: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-d3-donut-chart__shakeAnimation {
  animation: js-view-components-widget-d3-donut-chart__shake 0.5s;
}
@keyframes js-view-components-widget-d3-donut-chart__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-d3-donut-chart__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-d3-donut-chart__container {
  position: relative;
}
.js-view-components-widget-d3-donut-chart__container svg .slices-group .selected {
  fill: #1bc98e !important;
  cursor: pointer;
}
.js-view-components-widget-d3-donut-chart__container svg .slices-group .hovered {
  fill: #1ee3a1 !important;
  cursor: pointer;
}
.js-view-components-widget-d3-donut-chart__container svg .labels-group text {
  fill: #cfd2da;
  font-size: 12px;
  font-style: italic;
}
.js-view-components-widget-d3-donut-chart__container svg .labels-group text.clickable:hover {
  fill: #1ee3a1;
  cursor: pointer;
}
.js-view-components-widget-d3-donut-chart__container svg .labels-group text.selected {
  fill: #1ee3a1;
}
.js-view-components-widget-d3-donut-chart__container svg .labels-group text tspan.tspan-count {
  font-weight: bold;
}
.js-view-components-widget-d3-donut-chart__container svg .label-lines-group polyline {
  fill: none;
  opacity: 0.3;
  stroke-width: 2px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__shakeAnimation {
  animation: js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__shake 0.5s;
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__container {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__darkContainer {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__loading {
  opacity: 0.5;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__title {
  padding: 6px 8px 6px 10px;
  font-weight: bold;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container {
  height: 250px;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CLOSED {
  fill: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .OVERDUE {
  fill: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .DUE {
  fill: #e4d836;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .NOT_YET_DUE {
  fill: #1bc98e;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .NO_DUE_DATE {
  fill: #6f7890;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CLOSED {
  stroke: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .OVERDUE {
  stroke: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .DUE {
  stroke: #e4d836;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .NOT_YET_DUE {
  stroke: #1bc98e;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .NO_DUE_DATE {
  stroke: #6f7890;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .NEW_ORDER,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .NEWO {
  fill: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .PARTIALLY_FILLED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .PARF {
  fill: #e4d836;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .FILLED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .FILL {
  fill: #1bc98e;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .TRIGGERED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .TRIG {
  fill: #5bc3ea;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .REPLACED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .REME {
  fill: #6f7890;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CHANGED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CHME {
  fill: #f0e990;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CANCELLED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CAME {
  fill: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CANCELLED_BY_MARKET,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CAMO {
  fill: #dbd2ff;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .REJECTED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .REMO {
  fill: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .EXPIRED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .EXPI {
  fill: #51586a;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .MISSING_STATUS {
  fill: rgba(230, 71, 89, 0.5);
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .NEW_ORDER,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .NEWO {
  stroke: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .PARTIALLY_FILLED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .PARF {
  stroke: #e4d836;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .FILLED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .FILL {
  stroke: #1bc98e;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .TRIGGERED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .TRIG {
  stroke: #5bc3ea;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .REPLACED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .REME {
  stroke: #6f7890;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CHANGED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CHME {
  stroke: #f0e990;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CANCELLED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CAME {
  stroke: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CANCELLED_BY_MARKET,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CAMO {
  stroke: #dbd2ff;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .REJECTED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .REMO {
  stroke: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .EXPIRED,
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .EXPI {
  stroke: #51586a;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .MISSING_STATUS {
  stroke: rgba(230, 71, 89, 0.5);
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .REPORTED {
  fill: #1bc98e;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .REPORTABLE {
  fill: #e4d836;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .NOT_REPORTABLE {
  fill: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .slices-group .CANCELLED {
  fill: #e64759;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .REPORTED {
  stroke: #1bc98e;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .REPORTABLE {
  stroke: #e4d836;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .NOT_REPORTABLE {
  stroke: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-donut-chart-display__chart-container .label-lines-group .CANCELLED {
  stroke: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__shakeAnimation {
  animation: js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__shake 0.5s;
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__container {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
}
.js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__darkContainer {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}
.js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__loading {
  opacity: 0.5;
}
.js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__title {
  padding: 6px 8px 6px 10px;
  font-weight: bold;
}
.js-view-modules-dashboard-components-graphs-and-displays-number-stat-display__number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  line-height: 1;
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-d3-timeline-chart__shakeAnimation {
  animation: js-view-components-widget-d3-timeline-chart__shake 0.5s;
}
@keyframes js-view-components-widget-d3-timeline-chart__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-d3-timeline-chart__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-d3-timeline-chart__container {
  position: relative;
}
.js-view-components-widget-d3-timeline-chart__container svg .zoom {
  fill: none;
}
.js-view-components-widget-d3-timeline-chart__container svg .axis-group .domain {
  stroke: transparent;
}
.js-view-components-widget-d3-timeline-chart__container svg .axis-group .axis-domain {
  stroke-width: 1px;
  stroke: #cfd2da;
}
.js-view-components-widget-d3-timeline-chart__container svg .axis-group .tick line {
  stroke-width: 1px;
  shape-rendering: crispEdges;
  stroke: #6f7890;
}
.js-view-components-widget-d3-timeline-chart__container svg .axis-group .tick text,
.js-view-components-widget-d3-timeline-chart__container svg .axis-group .axis-label {
  fill: #cfd2da;
  font-size: 10px;
}
.js-view-components-widget-d3-timeline-chart__container svg .axis-group .long-ticks .tick line {
  opacity: 0.3;
}
.js-view-components-widget-d3-timeline-chart__container svg .brush-group .selection {
  fill: #1bc98e !important;
  stroke: #cfd2da !important;
  shape-rendering: crispEdges;
  fill-opacity: 0.1 !important;
  stroke-opacity: 0.1 !important;
}
.js-view-components-widget-d3-timeline-chart__container svg .bars-group .bar {
  fill: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__shakeAnimation {
  animation: js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__shake 0.5s;
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__container {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__darkContainer {
  display: flex;
  flex-direction: column;
  background-color: #353944;
  padding-bottom: 25px;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__loading {
  opacity: 0.5;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__title {
  padding: 6px 8px 6px 10px;
  font-weight: bold;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__centeredContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__chart-container {
  height: 250px;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__chart-container svg #trades-gradient stop {
  stop-color: #cfd2da;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__chart-container svg .trades-axis-group .legend-swatch {
  fill: #cfd2da;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__chart-container svg .comms-line-group .line {
  stroke: #1997c6;
}
.js-view-modules-dashboard-components-graphs-and-displays-timeline-chart-display__chart-container svg .comms-axis-group .legend-line {
  stroke: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-idle-timer-idle-modal__shakeAnimation {
  animation: js-view-components-idle-timer-idle-modal__shake 0.5s;
}
@keyframes js-view-components-idle-timer-idle-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-idle-timer-idle-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-idle-timer-idle-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-idle-timer-idle-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-idle-timer-idle-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-idle-timer-idle-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-idle-timer-idle-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-idle-timer-idle-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-idle-timer-idle-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-idle-timer-idle-modal__modalStyle .js-view-components-idle-timer-idle-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-idle-timer-idle-modal__modalStyle .js-view-components-idle-timer-idle-modal__modal-content .js-view-components-idle-timer-idle-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-idle-timer-idle-modal__modalStyle .js-view-components-idle-timer-idle-modal__modal-content .js-view-components-idle-timer-idle-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-idle-timer-idle-modal__modalStyle .js-view-components-idle-timer-idle-modal__modal-content .js-view-components-idle-timer-idle-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-idle-timer-idle-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
  padding: 10px 32px;
}
.js-view-components-idle-timer-idle-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding: 0;
}
.js-view-components-idle-timer-idle-modal__remain-logged-in {
  margin-left: 10px;
}
.js-view-components-idle-timer-idle-modal__content {
  padding: 20px 0;
  border-bottom: 1px solid #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-download-modal-download-modal__shakeAnimation {
  animation: js-view-components-modal-download-modal-download-modal__shake 0.5s;
}
@keyframes js-view-components-modal-download-modal-download-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-download-modal-download-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-download-modal-download-modal__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-modal-download-modal-download-modal__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-modal-download-modal-download-modal__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-modal-download-modal-download-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-modal-download-modal-download-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-modal-download-modal-download-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-modal-download-modal-download-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-modal-download-modal-download-modal__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-components-modal-download-modal-download-modal__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-modal-download-modal-download-modal__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-modal-download-modal-download-modal__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-modal-download-modal-download-modal__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-modal-download-modal-download-modal__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-components-modal-download-modal-download-modal__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-modal-download-modal-download-modal__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-modal-download-modal-download-modal__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-modal-download-modal-download-modal__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-modal-download-modal-download-modal__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-components-modal-download-modal-download-modal__standardHeaderSection {
  padding: 0 15px;
}
.js-view-components-modal-download-modal-download-modal__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-components-modal-download-modal-download-modal__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-components-modal-download-modal-download-modal__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-components-modal-download-modal-download-modal__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-components-modal-download-modal-download-modal__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-components-modal-download-modal-download-modal__standardToolbarItem {
  margin-right: 8px;
}
.js-view-components-modal-download-modal-download-modal__content {
  position: fixed;
  bottom: 30px;
  right: 10px;
  width: 200px;
  padding: 1em;
  z-index: 1000;
  box-shadow: 0 0 2px 2px #1997c6;
  border-color: #1997c6;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  background-color: #1f242e;
}
.js-view-components-modal-download-modal-download-modal__content p {
  margin: 0;
}
.js-view-components-modal-download-modal-download-modal__confirmModalContentHeadingCentered {
  text-align: center;
}
.js-view-components-modal-download-modal-download-modal__listContainerEnter {
  max-height: 0;
  opacity: 0;
}
.js-view-components-modal-download-modal-download-modal__listContainerEnterActive {
  max-height: 300px;
  opacity: 1;
  transition: opacity 200ms ease-in 200ms, max-height 200ms ease-in;
}
.js-view-components-modal-download-modal-download-modal__listContainerExit {
  max-height: 300px;
  opacity: 1;
  transition: opacity 200ms ease-in, max-height 200ms ease-in 200ms;
}
.js-view-components-modal-download-modal-download-modal__listContainerExitActive {
  max-height: 0;
  opacity: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-basic-alert__shakeAnimation {
  animation: js-view-components-basic-alert__shake 0.5s;
}
@keyframes js-view-components-basic-alert__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-basic-alert__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-basic-alert__alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.js-view-components-basic-alert__alert h4 {
  margin-top: 0;
  color: inherit;
}
.js-view-components-basic-alert__alert p,
.js-view-components-basic-alert__alert ul {
  margin-bottom: 0;
}
.js-view-components-basic-alert__alert-dismissible {
  padding-right: 35px;
}
.js-view-components-basic-alert__alert-success {
  background-color: #1bc98e;
  border-color: #1bc98e;
  color: #e7fcf5;
}
.js-view-components-basic-alert__alert-warning {
  background-color: #e4d836;
  border-color: #e4d836;
  color: #fff;
}
.js-view-components-basic-alert__alert-danger {
  background-color: #e64759;
  border-color: #e64759;
  color: #fff;
}
.js-view-components-basic-alert__alert-info {
  background-color: #9f86ff;
  border-color: #9f86ff;
  color: #fff;
}
.js-view-components-basic-alert__icon-style {
  float: right;
  font-size: 16px;
  cursor: pointer;
}
.js-view-components-basic-alert__icon-style:hover {
  color: #51586a;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-version-check-index__shakeAnimation {
  animation: js-view-components-version-check-index__shake 0.5s;
}
@keyframes js-view-components-version-check-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-version-check-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-version-check-index__container.alert {
  position: fixed;
  left: 30px;
  bottom: 30px;
  margin-bottom: 0;
  cursor: pointer;
  z-index: 999999;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  align-items: center;
}
.js-view-components-version-check-index__container.alert .icon {
  font-size: 24px;
  line-height: 1;
  margin-right: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-error-pages-not-found__shakeAnimation {
  animation: js-view-modules-error-pages-not-found__shake 0.5s;
}
@keyframes js-view-modules-error-pages-not-found__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-error-pages-not-found__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-error-pages-not-found__container h1,
.js-view-modules-error-pages-not-found__container h2 {
  text-align: center;
}
.js-view-modules-error-pages-not-found__container h1 {
  font-size: 8rem;
  margin-bottom: 0;
  color: #1997c6;
}
.js-view-modules-error-pages-not-found__container h2 {
  margin-top: 0;
  color: #cfd2da;
}

.js-view-components-notifications-wrapper__wrapper {
  width: 500px;
  list-style: none;
}
.js-view-components-notifications-wrapper__wrapper .alert {
  box-shadow: 0 4px 16px 8px rgba(0, 0, 0, 0.3);
}
.js-view-components-notifications-wrapper__wrapper:last-of-type .alert {
  margin-bottom: 0;
}

.js-view-components-notifications-index__container {
  z-index: 999999;
  position: fixed;
  margin: 0 auto 0;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}
.notification-appear,
.notification-enter {
  opacity: 0.01;
}
.notification-appear.notification-appear-active,
.notification-enter.notification-enter-active {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
.notification-exit {
  opacity: 1;
}
.notification-exit.notification-exit-active {
  opacity: 0.01;
  transition: opacity 250ms ease-in;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-button-icon-button__shakeAnimation {
  animation: js-view-components-button-icon-button__shake 0.5s;
}
@keyframes js-view-components-button-icon-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-button-icon-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__shakeAnimation {
  animation: js-view-modules-account-components-cid-warning-modal-dark-modal__shake 0.5s;
}
@keyframes js-view-modules-account-components-cid-warning-modal-dark-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-account-components-cid-warning-modal-dark-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalStyle {
  max-height: 95vh;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalStyle .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalStyle .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-content .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalStyle .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-content .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalStyle .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-content .js-view-modules-account-components-cid-warning-modal-dark-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modal-container .modal-content {
  background-color: #252830;
  color: #cfd2da;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modal-container .modal-content .modal-header {
  border-bottom: #60646b 1px solid;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modal-container .modal-content .modal-header h4 {
  color: #e4d836;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modal-container .modal-content .modal-header .close {
  color: #e4d836;
  text-shadow: none;
  opacity: 0.6;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding: 0;
  color: #e4d836;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  border-bottom: 1px solid #e4d836;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__modal-footer {
  justify-content: right;
}
.js-view-modules-account-components-cid-warning-modal-dark-modal__buttons {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 0;
  padding-right: 16px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-install-apps-install-apps__shakeAnimation {
  animation: js-view-modules-install-apps-install-apps__shake 0.5s;
}
@keyframes js-view-modules-install-apps-install-apps__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-install-apps-install-apps__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-install-apps-install-apps__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 10vh 15vw;
}
.js-view-modules-install-apps-install-apps__innerContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}
.js-view-modules-install-apps-install-apps__appTile {
  height: 20vh;
  width: 20vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 30px;
  background-color: #15181f;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  margin-top: 20px;
  cursor: pointer;
}
.js-view-modules-install-apps-install-apps__appTile:hover {
  background-color: #ffffff;
  color: #15181f;
}
.js-view-modules-install-apps-install-apps__verticalDivider {
  width: 1px;
  height: calc(20vh + 20px);
  margin: 0 20px;
  background-color: #434857;
}
.js-view-modules-install-apps-install-apps__icon {
  font-size: 40px;
  height: 50px;
}
.js-view-modules-install-apps-install-apps__icon svg {
  width: 40px;
  height: 40px;
}
.js-view-modules-install-apps-install-apps__titleContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 10px;
  border-bottom: 1px solid #434857;
  margin-bottom: 0;
}
.js-view-modules-install-apps-install-apps__titleContainer .js-view-modules-install-apps-install-apps__titleText {
  font-size: 30px;
  color: #cfd2da;
  margin-top: 10px;
}
.js-view-modules-install-apps-install-apps__titleContainer .js-view-modules-install-apps-install-apps__titleText.js-view-modules-install-apps-install-apps__error {
  color: #e64759;
}
.js-view-modules-install-apps-install-apps__titleContainer .js-view-modules-install-apps-install-apps__subtext {
  font-size: 20px;
  color: #a9aebd;
  text-align: center;
}
.js-view-modules-install-apps-install-apps__messageContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 70vh;
}
.js-view-modules-install-apps-install-apps__messageContainer .js-view-modules-install-apps-install-apps__messageTitle {
  font-size: 30px;
  color: #cfd2da;
  margin: 10px 0;
}
.js-view-modules-install-apps-install-apps__messageContainer .js-view-modules-install-apps-install-apps__messageTitle.js-view-modules-install-apps-install-apps__error {
  color: #e64759;
}
.js-view-modules-install-apps-install-apps__messageContainer .js-view-modules-install-apps-install-apps__messageSubtext {
  font-size: 20px;
  color: #a9aebd;
  text-align: center;
}
.js-view-modules-install-apps-install-apps__logoConatiner {
  height: 200px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.js-view-modules-install-apps-install-apps__installSlackButton {
  width: 300px;
  height: 50px;
}
.js-view-modules-install-apps-install-apps__appName {
  text-transform: capitalize;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__container {
  position: relative;
  display: flex;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__draggableArea {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  width: 15px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__draggableArea:hover,
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__draggableArea.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__dragging {
  border-right: 5px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  box-sizing: content-box;
  border: none;
  background-color: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__dark {
  background-color: #2e323d;
}
.js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__black > .js-view-components-configurable-table-configurable-cells-header-checkbox-cell-header-checkbox-cell__headerCell {
  background-color: #15181f;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__container {
  position: relative;
  display: flex;
  align-items: center;
  border-right: none;
  border-left: none;
  border-top: none;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__sortingHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  padding: 8px;
  box-sizing: content-box;
  border: none;
  background-color: #353944;
  flex: 1;
  cursor: pointer;
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__draggableArea {
  position: absolute;
  right: -7px;
  top: 0;
  bottom: 0;
  width: 14px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__draggableAreaVisible:after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translate(200%, 50%);
  opacity: 0.7;
  background: #353944;
  height: 50%;
  width: 20%;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__darkGray {
  background-color: #2e323d;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__black {
  background-color: #15181f;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__dark {
  background-color: #2e323d;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__active {
  border-bottom: 4px solid #1ca8dd;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__center {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__right {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__left {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__arrowUp {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__arrowDown {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__partitionLeft {
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #434857;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__partitionRight {
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #434857;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__dropTarget {
  border-color: #1ca8dd;
  opacity: 0.5;
}
.js-view-components-configurable-table-configurable-cells-sorting-header-cell-sorting-header-cell__dropTarget::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #1ca8dd;
  border-radius: 5px;
  height: 1920px;
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__shakeAnimation {
  animation: js-view-components-configurable-table-table-config-modal-table-config-modal__shake 0.5s;
}
@keyframes js-view-components-configurable-table-table-config-modal-table-config-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-table-config-modal-table-config-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalStyle .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalStyle .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-content .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalStyle .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-content .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalStyle .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-content .js-view-components-configurable-table-table-config-modal-table-config-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  border-bottom: none;
  padding: 0 10px;
  margin: 0 10px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
  padding-bottom: 8px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__sectionTitle {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  padding: 16px 0 8px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__behavioursTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(5, auto) repeat(3, 84px) 120px 64px;
  border-bottom: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__behavioursTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__behavioursTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__behavioursTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__behavioursTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__behavioursTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__bespokeTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(2, auto) 84px 120px 64px;
  border-bottom: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__bespokeTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__bespokeTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__bespokeTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__bespokeTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__bespokeTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__neuralTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(2, auto) repeat(2, 84px) 120px 64px;
  border-bottom: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__neuralTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__neuralTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__neuralTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__neuralTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__neuralTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__cell > * {
  margin-bottom: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__cell .js-view-components-configurable-table-table-config-modal-table-config-modal__watchNameInput {
  width: 100%;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__cell .js-view-components-configurable-table-table-config-modal-table-config-modal__watchNameInput input {
  width: 100%;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__centered {
  text-align: center;
  justify-content: center;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__green {
  color: #1bc98e;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__flags {
  display: flex;
  gap: 4px;
  padding: 0 8px;
  min-width: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__flag {
  font-size: 20px;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  cursor: default;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__launching {
  display: grid;
  gap: 16px;
  grid-template-columns: 32px 1fr auto;
  grid-auto-rows: 40px;
  font-size: 18px;
  color: #1997c6;
  align-items: center;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__icon {
  line-height: 1;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__buttons button {
  width: 100%;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__singleButton {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
  grid-template-columns: 1fr;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__singleButton button {
  width: 100%;
}
/* Global necessary because we are using a Bootstrap modal */
.table-config-modal-wide {
  max-height: 95vh;
  width: 95vw;
  max-width: 1500px;
}
.table-config-modal-wide .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.table-config-modal-wide .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.table-config-modal-wide .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.table-config-modal-wide .modal-content .modal-body {
  border: none;
  padding: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalTitle {
  padding: 8px 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__titleIcon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  margin: 8px 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalBody {
  margin: 20px;
  width: calc(100% - 40px);
  user-select: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalBody > * {
  user-select: none;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__modalBody td {
  padding: 0 10px;
  margin: 10px 0;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__columnHeader {
  font-weight: bold;
  color: #ffffff;
  height: 50px;
  min-width: 50px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__dragHandle {
  cursor: grab;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__dragHandle:active {
  cursor: grabbing;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__dragHandleHeader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__tableRow {
  border: 1px solid transparent;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__tableRow td {
  vertical-align: baseline;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__dragOverColumn {
  background-color: #15181f;
  border-radius: 4px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__draggingColumn {
  opacity: 0.4;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__smCell {
  width: 100px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__mdCell {
  width: 150px;
}
.js-view-components-configurable-table-table-config-modal-table-config-modal__lgCell {
  width: 250px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-hook-inputs-form-styles__shakeAnimation {
  animation: js-view-components-form-hook-inputs-form-styles__shake 0.5s;
}
@keyframes js-view-components-form-hook-inputs-form-styles__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-hook-inputs-form-styles__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-hook-inputs-form-styles__container {
  display: flex;
  flex-direction: column;
}
.js-view-components-form-hook-inputs-form-styles__label {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}
.js-view-components-form-hook-inputs-form-styles__input,
.js-view-components-form-hook-inputs-form-styles__textArea {
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  background-color: #434857;
  background-image: none;
  border: 1px solid #434857;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px #00000013;
  box-shadow: inset 0 1px 1px #00000013;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.js-view-components-form-hook-inputs-form-styles__input:focus,
.js-view-components-form-hook-inputs-form-styles__textArea:focus {
  color: #252830;
  background-color: #fff;
  box-shadow: none;
}
.js-view-components-form-hook-inputs-form-styles__input:disabled,
.js-view-components-form-hook-inputs-form-styles__textArea:disabled {
  background-color: #30343e;
  opacity: 1;
  cursor: not-allowed;
}
.js-view-components-form-hook-inputs-form-styles__error {
  color: #e64759;
  font-size: 12px;
  margin-top: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__shakeAnimation {
  animation: js-view-components-modal-confirm-anything-modal-confirm-anything-modal__shake 0.5s;
}
@keyframes js-view-components-modal-confirm-anything-modal-confirm-anything-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-confirm-anything-modal-confirm-anything-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modalStyle .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modalStyle .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-content .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modalStyle .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-content .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modalStyle .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-content .js-view-components-modal-confirm-anything-modal-confirm-anything-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-bottom: 6px;
  height: 46px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
  padding-bottom: 10px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalTitle i {
  font-size: 30px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalTitle p {
  margin: 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalTitleCentred {
  padding: 8px 32px 0;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalTitleCentred i {
  font-size: 30px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalTitleCentred p {
  margin: 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__titleTextCentered {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalContentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__confirmModalContentHeadingCentered {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
  text-align: center;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
  padding: 8px 0 16px;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__buttons > * {
  display: contents;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__footerContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.js-view-components-modal-confirm-anything-modal-confirm-anything-modal__errorText {
  color: #e64759;
  text-align: center;
  width: 100%;
}
/* Global necessary because we are using a Bootstrap modal */
.confirm-anything-dialog {
  max-height: 95vh;
}
.confirm-anything-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.confirm-anything-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.confirm-anything-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.confirm-anything-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-table-editor-table-actions-table-actions__shakeAnimation {
  animation: js-view-components-configurable-table-table-editor-table-actions-table-actions__shake 0.5s;
}
@keyframes js-view-components-configurable-table-table-editor-table-actions-table-actions__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-table-editor-table-actions-table-actions__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-table-editor-table-actions-table-actions__resetOptions {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #51586a;
  font-size: 12px;
  margin: 6px 0;
}
.js-view-components-configurable-table-table-editor-table-actions-table-actions__option {
  color: #ffffff;
  padding: 8px 16px;
  margin: 4px;
  line-height: 1;
  flex: 1 1 auto;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.js-view-components-configurable-table-table-editor-table-actions-table-actions__option > span {
  margin-right: 5px;
  font-size: 16px;
}
.js-view-components-configurable-table-table-editor-table-actions-table-actions__option:hover {
  background-color: #434857;
  color: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-table-editor-table-editor__shakeAnimation {
  animation: js-view-components-configurable-table-table-editor-table-editor__shake 0.5s;
}
@keyframes js-view-components-configurable-table-table-editor-table-editor__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-table-editor-table-editor__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-editor-table-editor__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-editor-table-editor__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-table-editor-table-editor__tooltipContainer {
  min-height: 200px;
  min-width: 200px;
  width: max-content;
  max-width: 400px;
  border-color: #1997c6;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  position: absolute;
  padding: 0 5px;
  z-index: -1;
  opacity: 0;
  right: 35px;
  margin-top: 10px;
  background-color: #1f242e;
}
.js-view-components-configurable-table-table-editor-table-editor__tooltipEnter {
  z-index: -1;
  opacity: 0;
}
.js-view-components-configurable-table-table-editor-table-editor__tooltipEnterDone {
  z-index: 1000;
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.js-view-components-configurable-table-table-editor-table-editor__tooltipExit {
  z-index: 1;
  opacity: 1;
}
.js-view-components-configurable-table-table-editor-table-editor__tooltipExitDone {
  opacity: 0;
  z-index: -1;
  transition: opacity 200ms ease-in, z-index 200ms ease-in;
}
.js-view-components-configurable-table-table-editor-table-editor__tooltipContainer::before {
  border-bottom-color: #1997c6;
  top: -20px;
}
.js-view-components-configurable-table-table-editor-table-editor__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.5px solid #51586a;
  margin: 4px 0;
  padding-bottom: 4px;
}
.js-view-components-configurable-table-table-editor-table-editor__heading {
  color: #cfd2da;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.3;
  padding: 0;
  margin: 0;
  text-align: left;
}
.js-view-components-configurable-table-table-editor-table-editor__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 32px;
  border-top: 0.5px solid transparent;
  border-bottom: 0.5px solid #51586a;
  padding: 0 4px;
  font-size: 12px;
  text-align: left;
}
.js-view-components-configurable-table-table-editor-table-editor__item:hover {
  background-color: #434857;
}
.js-view-components-configurable-table-table-editor-table-editor__itemGreen {
  background-color: rgba(27, 201, 142, 0.2);
  border-bottom: 0.5px solid #1bc98e;
  border-top: 0.5px solid #1bc98e;
}
.js-view-components-configurable-table-table-editor-table-editor__itemGreen:hover {
  background-color: rgba(27, 201, 142, 0.4);
}
.js-view-components-configurable-table-table-editor-table-editor__label {
  color: #ffffff;
  padding: 8px 0 8px 4px;
  line-height: 1;
  flex: 1 1 auto;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table-editor-table-editor__list {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  height: 257px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 0;
  margin-top: 2px;
  border-radius: 4px;
}
.js-view-components-configurable-table-table-editor-table-editor__list::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table-editor-table-editor__list::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table-editor-table-editor__list::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table-editor-table-editor__list::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table-editor-table-editor__resetColumnsLink {
  cursor: pointer;
  color: #1997c6;
  font-size: 12px;
  user-select: none;
  text-decoration: underline;
}
.js-view-components-configurable-table-table-editor-table-editor__resetColumnsLink:hover {
  color: #2db3e5;
}
.js-view-components-configurable-table-table-editor-table-editor__btnGroup {
  display: flex;
  justify-content: space-between;
}
.js-view-components-configurable-table-table-editor-table-editor__editColumns {
  width: 20px;
  height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.js-view-components-configurable-table-table-editor-table-editor__resetColumn {
  width: 20px;
  height: 24px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-configurable-table-table-editor-table-editor__disabled {
  pointer-events: none;
  border-color: #6f7890;
  color: #6f7890;
  background-color: rgba(27, 201, 142, 0.12);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__container {
  position: relative;
  display: flex;
  align-items: center;
  border-right: none;
  border-left: none;
  border-top: none;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__sortingHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  border: none;
  background-color: #353944;
  flex: 1;
  cursor: pointer;
  width: fit-content;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__darkGray {
  background-color: #2e323d;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__black {
  background-color: #15181f;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__active {
  border-bottom: 4px solid #1ca8dd;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__centered {
  text-align: center;
  justify-content: center;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__arrowUp {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__arrowDown {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__center {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__right {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__left {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__draggableArea {
  position: absolute;
  right: -7px;
  top: 0;
  bottom: 0;
  width: 14px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__draggableAreaVisible:after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translate(200%, 50%);
  opacity: 0.7;
  background: #353944;
  height: 50%;
  width: 20%;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__dropTarget {
  border-color: #1ca8dd;
  opacity: 0.5;
}
.js-view-components-configurable-table-configurable-cells-filter-sorting-header-cell-filter-sorting-header-cell__dropTarget::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #1ca8dd;
  border-radius: 5px;
  height: 1920px;
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-header-cell-header-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-header-cell-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-header-cell-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__container {
  position: relative;
  display: flex;
  align-items: center;
  border-right: none;
  border-left: none;
  border-top: none;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  border: none;
  background-color: #353944;
  flex: 1;
  cursor: default;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__draggableArea {
  position: absolute;
  right: -7px;
  top: 0;
  bottom: 0;
  width: 14px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__draggableAreaVisible:after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translate(200%, 50%);
  opacity: 0.7;
  background: #353944;
  height: 50%;
  width: 20%;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__darkGray {
  background-color: #2e323d;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__black {
  background-color: #15181f;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__dark {
  background-color: #2e323d;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__active {
  border-bottom: 4px solid #1ca8dd;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__center {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__right {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__left {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__partitionLeft {
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #434857;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__partitionRight {
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 1px;
  background-color: #434857;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__dropTarget {
  border-color: #1ca8dd;
  opacity: 0.5;
}
.js-view-components-configurable-table-configurable-cells-header-cell-header-cell__dropTarget::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #1ca8dd;
  border-radius: 5px;
  height: 1920px;
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-table__shakeAnimation {
  animation: js-view-components-configurable-table-table__shake 0.5s;
}
@keyframes js-view-components-configurable-table-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-table__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-table__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table__table .js-view-components-configurable-table-table__row:last-child a,
.js-view-components-configurable-table-table__table .js-view-components-configurable-table-table__row:last-child div {
  border-bottom: none;
}
.js-view-components-configurable-table-table__tableContainer {
  border-radius: 4px;
  border: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border-bottom: none;
}
.js-view-components-configurable-table-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table__loadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.5;
  background-color: #252830;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table__loadingContainer {
  min-width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/-1;
}
.js-view-components-configurable-table-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid #434857;
  background-color: #15181f;
}
.js-view-components-configurable-table-table__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-table__cellWithButton {
  justify-content: space-between;
}
.js-view-components-configurable-table-table__icon {
  padding-right: 8px;
}
.js-view-components-configurable-table-table__capitalize {
  text-transform: capitalize;
}
.js-view-components-configurable-table-table__warning-list {
  margin: 0;
  padding: 0 0 0 16px;
}
.js-view-components-configurable-table-table__cellText {
  min-width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table__text-wrap {
  white-space: normal;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #434857;
}
.js-view-components-configurable-table-table__source-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.js-view-components-configurable-table-table__cell-list {
  white-space: normal;
}
.js-view-components-configurable-table-table__simple-link a > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table__link span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table__resizableTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-table__resizableTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-table__resizableTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-table__resizableTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-table__resizableTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-table__resizableTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-table__resizableTable .js-view-components-configurable-table-table__row:last-child a,
.js-view-components-configurable-table-table__resizableTable .js-view-components-configurable-table-table__row:last-child div {
  border-bottom: none;
}
.js-view-components-configurable-table-table__resizableTable .js-view-components-configurable-table-table__headerCell {
  padding: 8px 14px;
}
.js-view-components-configurable-table-table__resizableTable .js-view-components-configurable-table-table__cell {
  padding: 8px 14px;
}
.js-view-components-configurable-table-table__resizableTable .js-view-components-configurable-table-table__compactCell {
  padding: 8px 14px;
}
.js-view-components-configurable-table-table__expandCollapseBtn {
  padding: 0;
}
.js-view-components-configurable-table-table__modalContainer .modal-content {
  background-color: #252830;
  color: #cfd2da;
}
.js-view-components-configurable-table-table__modalContainer .modal-content .modal-body {
  padding: 15px;
  background-color: #15181f;
}
.js-view-components-configurable-table-table__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-components-configurable-table-table__newsHeadlines {
  border: none;
}
.js-view-components-configurable-table-table__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-components-configurable-table-table__openInNewTabIcon {
  vertical-align: bottom;
}
.js-view-components-configurable-table-table__headlineLink {
  font-weight: bold;
  color: #cfd2da;
  vertical-align: baseline;
  text-decoration: underline;
}
.js-view-components-configurable-table-table__headlineLink:hover {
  color: #1bc98e;
  cursor: pointer;
}
.js-view-components-configurable-table-table__newsHeadlinesTable {
  grid-template-columns: 180px 1fr;
}
.js-view-components-configurable-table-table__divider {
  border-top: 1px solid #434857;
  padding-top: 15px;
  margin-top: 0;
}
.js-view-components-configurable-table-table__center {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-table__right {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.js-view-components-configurable-table-table__left {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.js-view-components-configurable-table-table__headerRow {
  display: grid;
  grid-column: 1/-1;
  z-index: 2;
  opacity: 1;
  min-width: 100%;
  border-bottom: none;
  border-radius: 4px;
  overflow: hidden;
}
.js-view-components-configurable-table-table__childHeaderRow {
  z-index: 1;
}
.js-view-components-configurable-table-table__stickyHeaderRow {
  position: sticky;
}
.js-view-components-configurable-table-table__expandedRow {
  min-width: 100%;
  padding: 0 12px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
}
.js-view-components-configurable-table-table__expandedRowEnter {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 300ms cubic-bezier(0, 1, 0, 1);
}
.js-view-components-configurable-table-table__expandedRowEnterActive,
.js-view-components-configurable-table-table__expandedRowEnterDone {
  height: auto;
  overflow: visible;
  max-height: 99999px;
  opacity: 1;
  transition: all 300ms cubic-bezier(1, 0, 1, 0);
}
.js-view-components-configurable-table-table__expandedRowExit {
  height: auto;
  overflow: visible;
  max-height: 99999px;
  opacity: 1;
  transition: all 300ms cubic-bezier(1, 0, 1, 0);
}
.js-view-components-configurable-table-table__expandedRowExitActive,
.js-view-components-configurable-table-table__expandedRowExitDone {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 300ms cubic-bezier(0, 1, 0, 1);
}
.js-view-components-configurable-table-table__text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-table__noPadding {
  padding: 0;
}
.js-view-components-configurable-table-table__flagsCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-table__flagsCell > div {
  overflow: visible;
}
.js-view-components-configurable-table-table__tombstone {
  grid-column: 1 / -1;
}
.js-view-components-configurable-table-table__actionButtons {
  margin: 0 15px;
}
.js-view-components-configurable-table-table__linkCell {
  color: #1997c6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
}
.js-view-components-configurable-table-table__linkCell:hover,
.js-view-components-configurable-table-table__linkCell:active,
.js-view-components-configurable-table-table__linkCell:focus {
  color: #5bc3ea;
  text-decoration: underline;
}
.js-view-components-configurable-table-table__sentimentNegative {
  color: #e64759;
}
.js-view-components-configurable-table-table__sentimentPositive {
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-no-results-row-no-results-row__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-no-results-row-no-results-row__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-no-results-row-no-results-row__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-no-results-row-no-results-row__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-no-results-row-no-results-row__noResults {
  grid-column: 1 / -1;
  padding: 16px;
  color: #cfd2da;
  border-bottom: 1px solid #51586a;
  border-radius: 4px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-checkbox-cell-checkbox-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-hover-group-hover-group__shakeAnimation {
  animation: js-view-components-configurable-table-hover-group-hover-group__shake 0.5s;
}
@keyframes js-view-components-configurable-table-hover-group-hover-group__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-hover-group-hover-group__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup {
  display: contents;
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__gray.js-view-components-configurable-table-hover-group-hover-group__selected > * {
  background-color: rgba(111, 120, 144, 0.3);
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__gray.js-view-components-configurable-table-hover-group-hover-group__selected:hover > * {
  background-color: rgba(111, 120, 144, 0.4);
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__gray:hover > * {
  background-color: rgba(111, 120, 144, 0.1);
  cursor: pointer;
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__green.js-view-components-configurable-table-hover-group-hover-group__selected > * {
  background-color: rgba(27, 201, 142, 0.3);
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__green.js-view-components-configurable-table-hover-group-hover-group__selected:hover > * {
  background-color: rgba(27, 201, 142, 0.4);
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__green:hover > * {
  background-color: rgba(27, 201, 142, 0.1);
  cursor: pointer;
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__red.js-view-components-configurable-table-hover-group-hover-group__selected > * {
  background-color: rgba(230, 71, 89, 0.2);
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__red.js-view-components-configurable-table-hover-group-hover-group__selected:hover > * {
  background-color: rgba(230, 71, 89, 0.3);
}
.js-view-components-configurable-table-hover-group-hover-group__hoverGroup.js-view-components-configurable-table-hover-group-hover-group__red:hover > * {
  background-color: rgba(230, 71, 89, 0.1);
  cursor: pointer;
}
.js-view-components-configurable-table-hover-group-hover-group__disabled {
  pointer-events: none;
}
.js-view-components-configurable-table-hover-group-hover-group__cursorDefault > * {
  cursor: default !important;
  /* Overrides default cursor style if prop received */
}

.js-view-components-external-link-external-link__externalLinkUnderlined {
  text-decoration: underline;
}
.js-view-components-external-link-external-link__externalLink:hover {
  text-decoration: none;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-link-cell-link-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-link-cell-link-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-link-cell-link-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__center {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__right {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.js-view-components-configurable-table-configurable-cells-link-cell-link-cell__left {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

.js-view-components-configurable-table-configurable-cells-numeric-cell-numeric-value__centeredText {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__tableSection > * {
  width: 100%;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__row {
  grid-column: 1/-1;
}
.js-view-components-configurable-table-configurable-cells-date-time-cell-date-time-value__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.js-view-components-configurable-table-configurable-cells-boolean-cell-boolean-value__centeredText {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__shakeAnimation {
  animation: js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__shake 0.5s;
}
@keyframes js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__large {
  font-size: 24px;
}
.js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__medium {
  font-size: 18px;
}
.js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__small {
  font-size: 14px;
}
.js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__xsmall {
  font-size: 12px;
}
.js-view-components-configurable-table-configurable-cells-icon-cell-icon-cell__xxsmall {
  font-size: 10px;
}

.js-view-components-shrinkable-text-shrinkable-text__nowrap {
  white-space: nowrap;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-basic-tile__shakeAnimation {
  animation: js-view-components-basic-tile__shake 0.5s;
}
@keyframes js-view-components-basic-tile__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-basic-tile__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-basic-tile__container {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.js-view-components-basic-tile__tile {
  background-color: #2e323d;
  border-radius: 4px;
  border: 1px solid #51586a;
  width: 200px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  overflow: hidden;
}
.js-view-components-basic-tile__tile:focus,
.js-view-components-basic-tile__tile:active {
  box-shadow: 0 0 2px 2px #6f7890;
}
.js-view-components-basic-tile__tile.js-view-components-basic-tile__selected {
  background-color: #1997c6;
}
.js-view-components-basic-tile__tile > * {
  text-align: center;
}
.js-view-components-basic-tile__title {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__shakeAnimation {
  animation: js-view-components-surveillance-alert-alert-status-count-tiles__shake 0.5s;
}
@keyframes js-view-components-surveillance-alert-alert-status-count-tiles__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-alert-alert-status-count-tiles__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-alert-alert-status-count-tiles__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-workAssignment-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-workAssignment-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile-container {
  display: flex;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-workAssignment-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile {
  padding: 0;
  display: flex;
  height: 50px;
  width: 150px;
  margin: 0 7.5px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #cfd2da;
  cursor: pointer;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-workAssignment-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile:first-child {
  margin-left: 0;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-workAssignment-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile-container .js-view-components-surveillance-alert-alert-status-count-tiles__tile:last-child {
  margin-right: 0;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-workAssignment-container .js-view-components-surveillance-alert-alert-status-count-tiles__horizontal-line {
  width: 100%;
  border-bottom: 1px solid #6f7890;
  margin: 7.5px 0;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container {
  display: flex;
  min-height: 110px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile {
  display: flex;
  height: 100px;
  width: 150px;
  margin: 0 7.5px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #cfd2da;
  cursor: pointer;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED {
  background-color: rgba(230, 71, 89, 0.15);
  border: #e64759 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: #e64759;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #cfd2da;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #e64759;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION {
  background-color: rgba(228, 216, 54, 0.15);
  border: #e4d836 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: #e4d836;
  color: #0f1013;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION.js-view-components-surveillance-alert-alert-status-count-tiles__active .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #0f1013;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #e4d836;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED,
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL {
  background-color: rgba(0, 202, 141, 0.15);
  border: #00ca8d 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active,
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: rgba(0, 202, 141);
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED .js-view-components-surveillance-alert-alert-status-count-tiles__icon,
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #1997c6;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile .js-view-components-surveillance-alert-alert-status-count-tiles__count {
  font-size: 24px;
  height: 35px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__alerts-type-count-container .js-view-components-surveillance-alert-alert-status-count-tiles__count-tile .js-view-components-surveillance-alert-alert-status-count-tiles__label {
  font-size: 10px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__selector {
  height: 5px;
  width: 50%;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__selector.js-view-components-surveillance-alert-alert-status-count-tiles__selected {
  border-right: 1px solid #6f7890;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron {
  display: flex;
  margin: 5px 7.5px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #cfd2da;
  cursor: pointer;
  width: 150px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED {
  background-color: rgba(230, 71, 89, 0.15);
  border: #e64759 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: #e64759;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #cfd2da;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #e64759;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION {
  background-color: rgba(228, 216, 54, 0.15);
  border: #e4d836 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: #e4d836;
  color: #0f1013;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION.js-view-components-surveillance-alert-alert-status-count-tiles__active .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #0f1013;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #e4d836;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED,
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL {
  background-color: rgba(0, 202, 141, 0.15);
  border: #00ca8d 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active,
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: rgba(0, 202, 141);
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED .js-view-components-surveillance-alert-alert-status-count-tiles__icon,
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #1997c6;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron .js-view-components-surveillance-alert-alert-status-count-tiles__count {
  font-size: 24px;
  height: 35px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__chevron .js-view-components-surveillance-alert-alert-status-count-tiles__label {
  font-size: 10px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-alerts-types-container {
  display: flex;
  border-top: 1px solid #6f7890;
  flex-wrap: wrap;
  font-size: smaller;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value-label {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value {
  margin: 5px;
  padding: 5px;
  border-radius: 2.5px;
  cursor: pointer;
  display: flex;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED {
  background-color: rgba(230, 71, 89, 0.15);
  border: #e64759 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: #e64759;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #cfd2da;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNRESOLVED .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #e64759;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION {
  background-color: rgba(228, 216, 54, 0.15);
  border: #e4d836 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: #e4d836;
  color: #0f1013;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION.js-view-components-surveillance-alert-alert-status-count-tiles__active .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #0f1013;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__UNDER_INVESTIGATION .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #e4d836;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED,
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL {
  background-color: rgba(0, 202, 141, 0.15);
  border: #00ca8d 1px solid;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED.js-view-components-surveillance-alert-alert-status-count-tiles__active,
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL.js-view-components-surveillance-alert-alert-status-count-tiles__active {
  background-color: rgba(0, 202, 141);
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED .js-view-components-surveillance-alert-alert-status-count-tiles__icon,
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value.js-view-components-surveillance-alert-alert-status-count-tiles__RESOLVED_WITH_DISMISSAL .js-view-components-surveillance-alert-alert-status-count-tiles__icon {
  color: #1997c6;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value .js-view-components-surveillance-alert-alert-status-count-tiles__count {
  font-size: 24px;
  height: 35px;
}
.js-view-components-surveillance-alert-alert-status-count-tiles__sub-value .js-view-components-surveillance-alert-alert-status-count-tiles__label {
  font-size: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-list-items__centeredText {
  width: 100%;
  text-align: center;
}

.js-view-components-basic-label__label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #252830;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.js-view-components-basic-label__red {
  background-color: #e64759;
}
.js-view-components-basic-label__green {
  background-color: #1bc98e;
}
.js-view-components-basic-label__blue {
  background-color: #1ca8dd;
}
.js-view-components-basic-label__yellow {
  background-color: #e4d836;
}
.js-view-components-basic-label__default {
  background-color: #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-property-buy-sell-indicator__shakeAnimation {
  animation: js-view-components-property-buy-sell-indicator__shake 0.5s;
}
@keyframes js-view-components-property-buy-sell-indicator__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-property-buy-sell-indicator__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-property-buy-sell-indicator__container {
  margin: 0 15px;
  padding: 7px 9px 7px;
  color: white !important;
  text-transform: uppercase;
}
.js-view-components-property-buy-sell-indicator__container.js-view-components-property-buy-sell-indicator__no-margin-left {
  margin-left: 0;
}
.js-view-components-property-buy-sell-indicator__container-for-table {
  padding: 7px 9px 7px;
  color: white !important;
  display: block;
  text-transform: uppercase;
  width: 45px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-table-body-cell-container__shakeAnimation {
  animation: js-view-components-table-body-cell-container__shake 0.5s;
}
@keyframes js-view-components-table-body-cell-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-table-body-cell-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-table-body-cell-container__cell {
  min-width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle !important;
}
.js-view-components-table-body-cell-container__cell-refine {
  background-color: #46494f;
  border-top-color: #6f7890 !important;
}
.js-view-components-table-body-cell-container__cell-center {
  text-align: center;
}
.js-view-components-table-body-cell-container__cell-left {
  text-align: left;
}
.js-view-components-table-body-cell-container__cell-right {
  text-align: right;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__shakeAnimation {
  animation: js-view-modules-data-provenance-components-property-record-type-stats-data-cell__shake 0.5s;
}
@keyframes js-view-modules-data-provenance-components-property-record-type-stats-data-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-data-provenance-components-property-record-type-stats-data-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__container {
  margin-right: 4px;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__record-type {
  font-weight: 600;
  color: #cfd2da;
  margin-right: 2px;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat-type {
  color: #cfd2da;
  opacity: 0.8;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat {
  margin: 0 4px;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__imported {
  color: #1bc98e !important;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__errored {
  color: #e64759 !important;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__quarantined {
  color: #e4d836 !important;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__skipped .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__duplicate {
  color: #6f7890 !important;
}
.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stats .js-view-modules-data-provenance-components-property-record-type-stats-data-cell__stat.js-view-modules-data-provenance-components-property-record-type-stats-data-cell__updated {
  color: #5bc3ea;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-data-provenance-components-property-archive-button-with-modal__shakeAnimation {
  animation: js-view-modules-data-provenance-components-property-archive-button-with-modal__shake 0.5s;
}
@keyframes js-view-modules-data-provenance-components-property-archive-button-with-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-data-provenance-components-property-archive-button-with-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-data-provenance-components-property-archive-button-with-modal__container {
  width: max-content;
}
.js-view-modules-data-provenance-components-property-archive-button-with-modal__spinnerContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-data-provenance-components-property-archive-button-with-modal__archived {
  color: #e64759;
  font-weight: bold;
  cursor: default;
  pointer-events: none;
  padding: 6px 17px;
}
.js-view-modules-data-provenance-components-property-archive-button-with-modal__confirmBody {
  height: 80px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-export-index__shakeAnimation {
  animation: js-view-components-export-index__shake 0.5s;
}
@keyframes js-view-components-export-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-export-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-export-index__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-export-index__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-export-index__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-export-index__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-export-index__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-export-index__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-export-index__modalStyle {
  max-height: 95vh;
}
.js-view-components-export-index__modalStyle .js-view-components-export-index__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-export-index__modalStyle .js-view-components-export-index__modal-content .js-view-components-export-index__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-export-index__modalStyle .js-view-components-export-index__modal-content .js-view-components-export-index__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-export-index__modalStyle .js-view-components-export-index__modal-content .js-view-components-export-index__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-export-index__dropdown {
  position: relative;
}
.js-view-components-export-index__dropdown button + div {
  right: 0;
}
.js-view-components-export-index__dropdown ul {
  min-width: 140px !important;
  white-space: nowrap;
}
.export-dialog {
  max-height: 95vh;
}
.export-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.export-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.export-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.export-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}

.js-view-modules-data-provenance-components-property-record-file-options-cell__container {
  display: flex;
}
.js-view-modules-data-provenance-components-property-record-file-options-cell__container > * {
  margin-left: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-data-provenance-components-property-status-data-cell__shakeAnimation {
  animation: js-view-modules-data-provenance-components-property-status-data-cell__shake 0.5s;
}
@keyframes js-view-modules-data-provenance-components-property-status-data-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-data-provenance-components-property-status-data-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-data-provenance-components-property-status-data-cell__status-container.label {
  padding: 7px 9px 7px;
  color: white;
  display: block;
  text-transform: uppercase;
  width: 100px;
}
.js-view-modules-data-provenance-components-property-status-data-cell__duplicate,
.js-view-modules-data-provenance-components-property-status-data-cell__queued,
.js-view-modules-data-provenance-components-property-status-data-cell__skipped {
  background-color: #cfd2da !important;
  color: #51586a !important;
}
.js-view-modules-data-provenance-components-property-status-data-cell__archived {
  background-color: #51586a !important;
}
.js-view-modules-data-provenance-components-property-status-data-cell__errored {
  background-color: #e64759 !important;
}
.js-view-modules-data-provenance-components-property-status-data-cell__processing {
  background-color: #60eabb !important;
}
.js-view-modules-data-provenance-components-property-status-data-cell__processed,
.js-view-modules-data-provenance-components-property-status-data-cell__imported {
  background-color: #dbd2ff !important;
  color: #51586a !important;
}
.js-view-modules-data-provenance-components-property-status-data-cell__quarantined {
  background-color: #f8e71c !important;
  color: #51586a !important;
}

.js-view-components-neural-score-analysis-neural-score-analysis__neuralScore {
  padding: 1px 4px;
  border-radius: 4px;
  margin-right: 4px;
}
.js-view-components-neural-score-analysis-neural-score-analysis__neuralScoreAnalysis {
  padding: 2px 4px;
  border-radius: 4px;
  margin: 4px 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__shakeAnimation {
  animation: js-view-components-expandable-comms-cell-expandable-comms-cell__shake 0.5s;
}
@keyframes js-view-components-expandable-comms-cell-expandable-comms-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-expandable-comms-cell-expandable-comms-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__tableSection > * {
  width: 100%;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__row {
  grid-column: 1/-1;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__outer {
  padding: 3px;
  border-bottom: 1px solid #434857;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__container {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  align-items: flex-start;
  justify-content: space-between;
  transition: height 0.25s ease-out;
  overflow: hidden;
  height: 32px;
  border: 1px solid #434857;
  background-color: #2e323d;
  border-radius: 3px;
  padding: 4px 16px 4px 8px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__expandButton {
  min-width: 88px;
  padding: 0 8px;
  background-color: transparent;
  border: none;
  height: 100%;
  cursor: pointer;
  color: #1997c6;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__expandButton:hover,
.js-view-components-expandable-comms-cell-expandable-comms-cell__expandButton :focus {
  color: #5bc3ea;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  height: auto;
  max-height: 240px;
  width: 100%;
  cursor: text;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text-collapsed {
  white-space: nowrap;
  overflow-y: hidden;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__text-expanded {
  white-space: pre-wrap;
  overflow-y: auto;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__subject {
  font-weight: bold;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__contentDivider {
  height: 100%;
  width: 0;
  border-left: 1px solid #cfd2da;
  margin: 0 8px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__groupTitle {
  padding-bottom: 8px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__errorCard {
  color: #e64759;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitCards {
  position: relative;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitCards:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #2e323d;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__loading:after {
  pointer-events: auto;
  cursor: default;
  opacity: 0.7;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitCard {
  display: flex;
  flex-direction: column;
  padding: 8px 8px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitCard:hover {
  color: inherit;
  background-color: #434857;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitHeader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #1997c6;
  font-size: 10px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitHeader > * {
  padding-right: 8px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitHeader > *:last-child {
  padding-right: 0;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitTo {
  color: #1bc98e;
  padding-left: 8px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitSubject {
  font-size: 10px;
  font-weight: bold;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__hitContent {
  font-size: 10px;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__noPreview {
  color: #6f7890;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__clickToViewContent {
  color: #1997c6;
  cursor: pointer;
}
.js-view-components-expandable-comms-cell-expandable-comms-cell__clickToViewContent:hover {
  color: #5bc3ea;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-highlighted-text-with-triggers-highlighted-text-with-triggers__shakeAnimation {
  animation: js-view-components-highlighted-text-with-triggers-highlighted-text-with-triggers__shake 0.5s;
}
@keyframes js-view-components-highlighted-text-with-triggers-highlighted-text-with-triggers__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-highlighted-text-with-triggers-highlighted-text-with-triggers__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-highlighted-text-with-triggers-highlighted-text-with-triggers__highlighted {
  color: inherit;
  border: 1px solid #1bc98e;
  border-radius: 2px;
  background-color: #1bc98e33;
  padding: 0 2px;
}
.js-view-components-highlighted-text-with-triggers-highlighted-text-with-triggers__inverseHighlighted {
  color: #ffffff;
  border-radius: 2px;
  background-color: rgba(13, 117, 53, 0.74);
  padding: 0 2px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-mini-pagination-mini-pagination__shakeAnimation {
  animation: js-view-components-mini-pagination-mini-pagination__shake 0.5s;
}
@keyframes js-view-components-mini-pagination-mini-pagination__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-mini-pagination-mini-pagination__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-mini-pagination-mini-pagination__container {
  padding: 8px;
}
.js-view-components-mini-pagination-mini-pagination__controls {
  display: flex;
  justify-content: center;
}
.js-view-components-mini-pagination-mini-pagination__button {
  margin: 0;
  padding: 0;
  border: 1px solid #51586a;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-size: 9px;
  color: #6f7890;
}
.js-view-components-mini-pagination-mini-pagination__button > span::before {
  top: 1px;
  /* push it up to make sure it looks vertically centered */
}
.js-view-components-mini-pagination-mini-pagination__button:hover {
  background-color: #6f7890;
  color: #252830;
}
.js-view-components-mini-pagination-mini-pagination__button:focus,
.js-view-components-mini-pagination-mini-pagination__button:active,
.js-view-components-mini-pagination-mini-pagination__button:hover {
  border-color: #6f7890;
}
.js-view-components-mini-pagination-mini-pagination__left:active {
  padding-right: 2px;
}
.js-view-components-mini-pagination-mini-pagination__right:active {
  padding-left: 2px;
}
.js-view-components-mini-pagination-mini-pagination__start {
  border-radius: 4px 0 0 4px;
}
.js-view-components-mini-pagination-mini-pagination__end {
  border-radius: 0 4px 4px 0;
}
.js-view-components-mini-pagination-mini-pagination__text {
  display: flex;
  justify-content: center;
  font-size: 10px;
  color: #1bc98e;
  padding: 4px 4px 0;
}

.js-view-components-neural-risk-score-neural-risk-score__neural {
  text-align: center;
  border-radius: 4px;
  min-width: 110px;
  margin-right: 4px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-voice-cell-voice-cell__shakeAnimation {
  animation: js-view-components-voice-cell-voice-cell__shake 0.5s;
}
@keyframes js-view-components-voice-cell-voice-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-voice-cell-voice-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-voice-cell-voice-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-voice-cell-voice-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-voice-cell-voice-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-voice-cell-voice-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-voice-cell-voice-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-voice-cell-voice-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-voice-cell-voice-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-voice-cell-voice-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-voice-cell-voice-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-voice-cell-voice-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-voice-cell-voice-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-voice-cell-voice-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-voice-cell-voice-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-voice-cell-voice-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-voice-cell-voice-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-voice-cell-voice-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-voice-cell-voice-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-voice-cell-voice-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-voice-cell-voice-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-voice-cell-voice-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-voice-cell-voice-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-voice-cell-voice-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-voice-cell-voice-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-voice-cell-voice-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-voice-cell-voice-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-voice-cell-voice-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-voice-cell-voice-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-voice-cell-voice-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-voice-cell-voice-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-voice-cell-voice-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-voice-cell-voice-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-voice-cell-voice-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-voice-cell-voice-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-voice-cell-voice-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-voice-cell-voice-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-voice-cell-voice-cell__tableSection > * {
  width: 100%;
}
.js-view-components-voice-cell-voice-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-voice-cell-voice-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-voice-cell-voice-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-voice-cell-voice-cell__row {
  grid-column: 1/-1;
}
.js-view-components-voice-cell-voice-cell__audioCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  justify-content: stretch;
  border: none;
  padding: 3px 0 9px 0;
  align-items: flex-start;
}
.js-view-components-voice-cell-voice-cell__audioCell > div:nth-child(3) {
  padding: 0 8px;
  flex: 1 1 100%;
}
.js-view-components-voice-cell-voice-cell__noAudioCell {
  padding: 2px 0 16px;
  color: #6f7890;
  font-size: 14px;
  display: flex;
  align-items: center;
  min-width: 0;
  margin-left: 4px;
}
.js-view-components-voice-cell-voice-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  height: auto;
  max-height: 240px;
  width: 100%;
  cursor: text;
  padding-right: 9px;
  white-space: pre-wrap;
}
.js-view-components-voice-cell-voice-cell__text::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-voice-cell-voice-cell__text::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-voice-cell-voice-cell__text::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-voice-cell-voice-cell__text::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-voice-cell-voice-cell__text-collapsed {
  overflow-y: hidden;
}
.js-view-components-voice-cell-voice-cell__text-expanded {
  overflow-y: auto;
}
.js-view-components-voice-cell-voice-cell__expandButton {
  min-width: 88px;
  background-color: transparent;
  border: none;
  height: 100%;
  cursor: pointer;
  color: #1997c6;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.js-view-components-voice-cell-voice-cell__expandButton:hover,
.js-view-components-voice-cell-voice-cell__expandButton :focus {
  color: #5bc3ea;
}
.js-view-components-voice-cell-voice-cell__outer {
  padding: 3px;
  border-bottom: 1px solid #434857;
}
.js-view-components-voice-cell-voice-cell__container {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  align-items: flex-start;
  justify-content: space-between;
  transition: height 0.25s ease-out;
  overflow: hidden;
  height: 35px;
  border: 1px solid #434857;
  background-color: #2e323d;
  border-radius: 3px;
  padding: 4px 16px 4px 8px;
}
.js-view-components-voice-cell-voice-cell__transcriptNotAvailable {
  color: #6f7890;
  margin-left: 4px;
}
.js-view-components-voice-cell-voice-cell__matchedLexica {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-right: 4px;
  min-width: 120px;
}
.js-view-components-voice-cell-voice-cell__matchedLexicaShort {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-right: 4px;
  min-width: 120px;
  min-width: 0;
  margin: 0;
}
.js-view-components-voice-cell-voice-cell__contentDivider {
  height: 100%;
  width: 0;
  border-left: 1px solid #cfd2da;
  margin: 0 8px;
}
.js-view-components-voice-cell-voice-cell__audio {
  min-width: 32px;
  overflow: hidden;
  width: 100%;
}
.js-view-components-voice-cell-voice-cell__callDuration {
  margin-left: 5px;
  color: #a4aab9;
}
.js-view-components-voice-cell-voice-cell__meetingDuration {
  color: #a4aab9;
}
.js-view-components-voice-cell-voice-cell__sentiment-container {
  display: flex;
  flex-direction: row;
  margin: 0 5px;
  align-items: center;
  height: 20px;
  gap: 2px;
}
.js-view-components-voice-cell-voice-cell__sentiment-box {
  display: flex;
  justify-content: center;
  font-size: 7px;
  color: white;
  z-index: 2;
  padding: 0 12px;
}
.js-view-components-voice-cell-voice-cell__sentiment-box.js-view-components-voice-cell-voice-cell__negative {
  background-color: rgba(230, 71, 89, 0.2);
  border: 1px solid #e64759;
  color: #e64759;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.js-view-components-voice-cell-voice-cell__sentiment-box.js-view-components-voice-cell-voice-cell__neutral {
  background-color: rgba(81, 88, 106, 0.2);
  border: 1px solid #51586a;
}
.js-view-components-voice-cell-voice-cell__sentiment-box.js-view-components-voice-cell-voice-cell__positive {
  background-color: rgba(27, 201, 142, 0.2);
  border: 1px solid #1bc98e;
  color: #1bc98e;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.js-view-components-voice-cell-voice-cell__leftLine {
  height: 100%;
  width: 1px;
  background-color: #51586a;
}
.js-view-components-voice-cell-voice-cell__rightLine {
  height: 100%;
  width: 1px;
  background-color: #51586a;
}
.js-view-components-voice-cell-voice-cell__line {
  width: 10px;
  height: 1px;
  background-color: #51586a;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-voice-cell-waveform-waveform__shakeAnimation {
  animation: js-view-components-voice-cell-waveform-waveform__shake 0.5s;
}
@keyframes js-view-components-voice-cell-waveform-waveform__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-voice-cell-waveform-waveform__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-voice-cell-waveform-waveform__container {
  position: relative;
  display: flex;
  justify-content: stretch;
  margin: 0 5px 0 5px;
}
.js-view-components-voice-cell-waveform-waveform__canvasContainer {
  display: flex;
  justify-content: stretch;
  width: 100%;
  border: 1px solid #6f7890;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: content-box;
  flex-direction: column;
}
.js-view-components-voice-cell-waveform-waveform__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-components-table-components-table-components__shakeAnimation {
  animation: js-view-modules-comms-components-table-components-table-components__shake 0.5s;
}
@keyframes js-view-modules-comms-components-table-components-table-components__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-components-table-components-table-components__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-components-table-components-table-components__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-comms-components-table-components-table-components__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-components-table-components-table-components__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-components-table-components-table-components__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-components-table-components-table-components__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-components-table-components-table-components__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-comms-components-table-components-table-components__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-comms-components-table-components-table-components__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-comms-components-table-components-table-components__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-comms-components-table-components-table-components__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-comms-components-table-components-table-components__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-comms-components-table-components-table-components__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-comms-components-table-components-table-components__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-comms-components-table-components-table-components__tableSection > * {
  width: 100%;
}
.js-view-modules-comms-components-table-components-table-components__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-comms-components-table-components-table-components__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-comms-components-table-components-table-components__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-comms-components-table-components-table-components__row {
  grid-column: 1/-1;
}
.js-view-modules-comms-components-table-components-table-components__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-comms-components-table-components-table-components__attachmentCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  padding: 4px;
}
.js-view-modules-comms-components-table-components-table-components__attachmentTriggers {
  border: 1px solid #434857;
  background-color: #2e323d;
  border-radius: 3px;
  padding: 4px;
  width: 100%;
  font-weight: bold;
  cursor: text;
  user-select: none;
}
.js-view-modules-comms-components-table-components-table-components__topCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  align-items: flex-start;
  padding: 0;
  border: 0;
}
.js-view-modules-comms-components-table-components-table-components__noPadding {
  padding: 0 !important;
  border: 0 !important;
}
.js-view-modules-comms-components-table-components-table-components__contentPreviewCell {
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-link-cell-link-cell__shakeAnimation {
  animation: js-view-components-grid-table-link-cell-link-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-link-cell-link-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-link-cell-link-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-link-cell-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-link-cell-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-link-cell-link-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-link-cell-link-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-link-cell-link-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-link-cell-link-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-link-cell-link-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-link-cell-link-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-link-cell-link-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-link-cell-link-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-link-cell-link-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-link-cell-link-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-link-cell-link-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-link-cell-link-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-link-cell-link-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-link-cell-link-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-link-cell-link-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-link-cell-link-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-link-cell-link-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-link-cell-link-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-link-cell-link-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-link-cell-link-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-link-cell-link-cell__text.js-view-components-grid-table-link-cell-link-cell__underlined {
  text-decoration: underline;
}
.js-view-components-grid-table-link-cell-link-cell__centeredText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}
.js-view-components-grid-table-link-cell-link-cell__centeredText.js-view-components-grid-table-link-cell-link-cell__underlined {
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__shakeAnimation {
  animation: js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-highlighted-link-cell-highlighted-link-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-assign-list-selector-assign-list-selector__shakeAnimation {
  animation: js-view-components-assign-list-selector-assign-list-selector__shake 0.5s;
}
@keyframes js-view-components-assign-list-selector-assign-list-selector__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-assign-list-selector-assign-list-selector__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-assign-list-selector-assign-list-selector__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-assign-list-selector-assign-list-selector__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-assign-list-selector-assign-list-selector__search-input {
  min-width: 400px;
}
.js-view-components-assign-list-selector-assign-list-selector__container {
  padding: 15px 0;
}
.js-view-components-assign-list-selector-assign-list-selector__container.js-view-components-assign-list-selector-assign-list-selector__loading {
  opacity: 0.5;
  pointer-events: none;
  will-change: opacity;
}
.js-view-components-assign-list-selector-assign-list-selector__container .js-view-components-assign-list-selector-assign-list-selector__no-items-text {
  text-align: center;
  user-select: none;
  cursor: default;
  color: #51586a;
}
.js-view-components-assign-list-selector-assign-list-selector__container .js-view-components-assign-list-selector-assign-list-selector__search-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  z-index: 5;
}
.js-view-components-assign-list-selector-assign-list-selector__container .js-view-components-assign-list-selector-assign-list-selector__search-container .js-view-components-assign-list-selector-assign-list-selector__checkbox {
  margin: 0 0 0 5px;
  display: flex;
  align-items: center;
}
.js-view-components-assign-list-selector-assign-list-selector__container .js-view-components-assign-list-selector-assign-list-selector__search-container .js-view-components-assign-list-selector-assign-list-selector__search-input {
  flex: 1;
  margin: 0;
  min-width: inherit;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  padding: 0;
  list-style: none;
  overflow-y: scroll;
  align-items: stretch;
  justify-content: flex-start;
  max-height: 400px;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list .js-view-components-assign-list-selector-assign-list-selector__list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #6f7890;
  padding: 5px;
  min-height: 40px;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list .js-view-components-assign-list-selector-assign-list-selector__list-item:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list .js-view-components-assign-list-selector-assign-list-selector__list-item .js-view-components-assign-list-selector-assign-list-selector__checkbox {
  margin: 0;
  display: flex;
  align-items: center;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list .js-view-components-assign-list-selector-assign-list-selector__list-item .js-view-components-assign-list-selector-assign-list-selector__content {
  flex: 1;
  justify-content: flex-start;
  padding: 0;
}
.js-view-components-assign-list-selector-assign-list-selector__checkbox-list .js-view-components-assign-list-selector-assign-list-selector__list-item .js-view-components-assign-list-selector-assign-list-selector__content.js-view-components-assign-list-selector-assign-list-selector__selected {
  color: #1bc98e;
  font-weight: bold;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: flex;
  height: 300px;
  width: 500px;
  overflow-y: scroll;
  flex-direction: column;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container .js-view-components-assign-list-selector-assign-list-selector__list {
  padding: 10px;
  flex-direction: column;
}
.js-view-components-assign-list-selector-assign-list-selector__list-container .js-view-components-assign-list-selector-assign-list-selector__list .js-view-components-assign-list-selector-assign-list-selector__list-item {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  font-size: 18px;
  border-bottom: 1px solid #cfd2da;
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-enum-radio-field__shakeAnimation {
  animation: js-view-components-form-control-enum-radio-field__shake 0.5s;
}
@keyframes js-view-components-form-control-enum-radio-field__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-enum-radio-field__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-enum-radio-field__options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.js-view-components-form-control-enum-radio-field__options label {
  margin-bottom: 5px;
}
.js-view-components-form-control-enum-radio-field__options-horizontal {
  flex-direction: row;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-assign-modal-assign-modal__shakeAnimation {
  animation: js-view-components-modal-assign-modal-assign-modal__shake 0.5s;
}
@keyframes js-view-components-modal-assign-modal-assign-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-assign-modal-assign-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-assign-modal-assign-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-assign-modal-assign-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-assign-modal-assign-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-assign-modal-assign-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-assign-modal-assign-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-assign-modal-assign-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-assign-modal-assign-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-assign-modal-assign-modal__modalStyle .js-view-components-modal-assign-modal-assign-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-assign-modal-assign-modal__modalStyle .js-view-components-modal-assign-modal-assign-modal__modal-content .js-view-components-modal-assign-modal-assign-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-assign-modal-assign-modal__modalStyle .js-view-components-modal-assign-modal-assign-modal__modal-content .js-view-components-modal-assign-modal-assign-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-assign-modal-assign-modal__modalStyle .js-view-components-modal-assign-modal-assign-modal__modal-content .js-view-components-modal-assign-modal-assign-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-assign-modal-assign-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-assign-modal-assign-modal__modalTitle .icon {
  margin: auto;
  font-size: 3em;
  padding-bottom: 5px;
  color: #e4d836;
}
.js-view-components-modal-assign-modal-assign-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-assign-modal-assign-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  margin-bottom: 15px;
}
.js-view-components-modal-assign-modal-assign-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-assign-modal-assign-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-assign-modal-assign-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-assign-modal-assign-modal__assign-modal-list {
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  width: 100%;
  padding: 0 30px;
}
.js-view-components-modal-assign-modal-assign-modal__assign-btn {
  width: fit-content;
  margin: auto;
}
.assign-dialog {
  max-height: 95vh;
}
.assign-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.assign-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.assign-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.assign-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-comms-row-comms-row__shakeAnimation {
  animation: js-view-components-comms-row-comms-row__shake 0.5s;
}
@keyframes js-view-components-comms-row-comms-row__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-comms-row-comms-row__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-comms-row-comms-row__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-row-comms-row__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-row-comms-row__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-row-comms-row__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-row-comms-row__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-row-comms-row__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-row-comms-row__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-comms-row-comms-row__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-comms-row-comms-row__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-row-comms-row__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-row-comms-row__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-row-comms-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-row-comms-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-row-comms-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-row-comms-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-row-comms-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-comms-row-comms-row__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-row-comms-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-comms-row-comms-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-comms-row-comms-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-row-comms-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-row-comms-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-comms-row-comms-row__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-comms-row-comms-row__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-row-comms-row__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-row-comms-row__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-row-comms-row__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-row-comms-row__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-row-comms-row__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-comms-row-comms-row__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-comms-row-comms-row__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-comms-row-comms-row__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-comms-row-comms-row__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-comms-row-comms-row__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-comms-row-comms-row__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-comms-row-comms-row__tableSection > * {
  width: 100%;
}
.js-view-components-comms-row-comms-row__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-comms-row-comms-row__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-comms-row-comms-row__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-comms-row-comms-row__row {
  grid-column: 1/-1;
}
.js-view-components-comms-row-comms-row__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-comms-row-comms-row__attachmentCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  padding: 4px;
}
.js-view-components-comms-row-comms-row__attachmentTriggers {
  border: 1px solid #434857;
  background-color: #2e323d;
  border-radius: 3px;
  padding: 4px;
  width: 100%;
  font-weight: bold;
  cursor: text;
  user-select: none;
}
.js-view-components-comms-row-comms-row__topCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  align-items: flex-start;
}
.js-view-components-comms-row-comms-row__audioCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  justify-content: stretch;
  border: 1px solid #434857;
  background-color: #353944;
  border-radius: 3px;
  padding: 5px 16px;
}
.js-view-components-comms-row-comms-row__audioCell > div:nth-child(2) {
  /* Wavesurfer waveform */
  padding: 0 8px;
  flex: 1 1 auto;
}
.js-view-components-comms-row-comms-row__outerCell {
  padding: 3px;
  border-bottom: 1px solid #434857;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.js-view-components-comms-row-comms-row__assignCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  color: #e4d836;
  font-size: 12px;
  align-items: flex-start;
}
.js-view-components-comms-row-comms-row__assignButton {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
  color: #e4d836;
  background: none;
  border: none;
  padding: 0;
}
.js-view-components-comms-row-comms-row__assignButton:hover {
  color: #e4d836;
}
.js-view-components-comms-row-comms-row__UNRESOLVED {
  color: #e64759;
}
.js-view-components-comms-row-comms-row__RESOLVED_WITH_INVESTIGATION_WITH_BREACH,
.js-view-components-comms-row-comms-row__RESOLVED_WITH_INVESTIGATION,
.js-view-components-comms-row-comms-row__RESOLVED_WITH_DISMISSAL,
.js-view-components-comms-row-comms-row__RESOLVED_WITH_BREACH,
.js-view-components-comms-row-comms-row__RESOLVED {
  color: #1bc98e;
}
.js-view-components-comms-row-comms-row__IN_PROGRESS,
.js-view-components-comms-row-comms-row__ASSIGNED_OTHER,
.js-view-components-comms-row-comms-row__ESCALATED,
.js-view-components-comms-row-comms-row__IN_REVIEW,
.js-view-components-comms-row-comms-row__UNDER_INVESTIGATION {
  color: #e4d836;
}
.js-view-components-comms-row-comms-row__NOT_DETECTED {
  color: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-chronology-project-chronology__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-chronology-project-chronology__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-chronology-project-chronology__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-chronology-project-chronology__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-chronology-project-chronology__dateWrapper {
  height: 60px;
  display: flex;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-chronology-project-chronology__dateWrapper > * {
  margin-right: 10px;
}

.js-view-components-form-control-date__dateWrapper {
  display: flex;
  justify-content: flex-start;
}
.js-view-components-form-control-date__dateWrapper > * {
  margin-right: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-step-progress-step-progress__shakeAnimation {
  animation: js-view-components-step-progress-step-progress__shake 0.5s;
}
@keyframes js-view-components-step-progress-step-progress__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-step-progress-step-progress__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-step-progress-step-progress__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.js-view-components-step-progress-step-progress__purpleConnector {
  border-bottom: 1px dashed #8b6cff;
}
.js-view-components-step-progress-step-progress__purpleConnector.js-view-components-step-progress-step-progress__disabled {
  opacity: 0.3;
}
.js-view-components-step-progress-step-progress__greenConnector {
  border-bottom: 1px dashed #1bc98e;
}
.js-view-components-step-progress-step-progress__greenConnector.js-view-components-step-progress-step-progress__disabled {
  opacity: 0.3;
}
.js-view-components-step-progress-step-progress__step {
  display: flex;
  padding: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 1px 1px 10px #000;
}
.js-view-components-step-progress-step-progress__step .js-view-components-step-progress-step-progress__indicator {
  height: 10px;
  min-height: 10px;
  width: 10px;
  border-radius: 50%;
}
.js-view-components-step-progress-step-progress__step .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__red {
  background-color: #e64759;
}
.js-view-components-step-progress-step-progress__step .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__green {
  background-color: #1bc98e;
}
.js-view-components-step-progress-step-progress__step .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__yellow {
  background-color: #e4d836;
}
.js-view-components-step-progress-step-progress__step .js-view-components-step-progress-step-progress__title {
  font-size: 12px;
  padding-top: 4px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}
.js-view-components-step-progress-step-progress__step .js-view-components-step-progress-step-progress__index {
  font-size: 10px;
}
.js-view-components-step-progress-step-progress__step.js-view-components-step-progress-step-progress__disabled {
  opacity: 0.3;
  cursor: default;
}
.js-view-components-step-progress-step-progress__greenStep {
  display: flex;
  padding: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 1px 1px 10px #000;
  color: #1bc98e;
  border: 1px solid #1bc98e;
  background-color: rgba(27, 201, 142, 0.1);
}
.js-view-components-step-progress-step-progress__greenStep .js-view-components-step-progress-step-progress__indicator {
  height: 10px;
  min-height: 10px;
  width: 10px;
  border-radius: 50%;
}
.js-view-components-step-progress-step-progress__greenStep .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__red {
  background-color: #e64759;
}
.js-view-components-step-progress-step-progress__greenStep .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__green {
  background-color: #1bc98e;
}
.js-view-components-step-progress-step-progress__greenStep .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__yellow {
  background-color: #e4d836;
}
.js-view-components-step-progress-step-progress__greenStep .js-view-components-step-progress-step-progress__title {
  font-size: 12px;
  padding-top: 4px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}
.js-view-components-step-progress-step-progress__greenStep .js-view-components-step-progress-step-progress__index {
  font-size: 10px;
}
.js-view-components-step-progress-step-progress__greenStep.js-view-components-step-progress-step-progress__disabled {
  opacity: 0.3;
  cursor: default;
}
.js-view-components-step-progress-step-progress__greenStep.js-view-components-step-progress-step-progress__selected {
  background-color: #1bc98e;
  color: #cfd2da;
}
.js-view-components-step-progress-step-progress__purpleStep {
  display: flex;
  padding: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 1px 1px 10px #000;
  color: #8b6cff;
  border: 1px solid #8b6cff;
  background-color: rgba(139, 108, 255, 0.1);
}
.js-view-components-step-progress-step-progress__purpleStep .js-view-components-step-progress-step-progress__indicator {
  height: 10px;
  min-height: 10px;
  width: 10px;
  border-radius: 50%;
}
.js-view-components-step-progress-step-progress__purpleStep .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__red {
  background-color: #e64759;
}
.js-view-components-step-progress-step-progress__purpleStep .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__green {
  background-color: #1bc98e;
}
.js-view-components-step-progress-step-progress__purpleStep .js-view-components-step-progress-step-progress__indicator.js-view-components-step-progress-step-progress__yellow {
  background-color: #e4d836;
}
.js-view-components-step-progress-step-progress__purpleStep .js-view-components-step-progress-step-progress__title {
  font-size: 12px;
  padding-top: 4px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}
.js-view-components-step-progress-step-progress__purpleStep .js-view-components-step-progress-step-progress__index {
  font-size: 10px;
}
.js-view-components-step-progress-step-progress__purpleStep.js-view-components-step-progress-step-progress__disabled {
  opacity: 0.3;
  cursor: default;
}
.js-view-components-step-progress-step-progress__purpleStep.js-view-components-step-progress-step-progress__selected {
  background-color: #8b6cff;
  color: #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-title-with-icon-title-with-icon__shakeAnimation {
  animation: js-view-components-title-with-icon-title-with-icon__shake 0.5s;
}
@keyframes js-view-components-title-with-icon-title-with-icon__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-title-with-icon-title-with-icon__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-title-with-icon-title-with-icon__layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-components-title-with-icon-title-with-icon__text {
  font-size: 28px;
  line-height: 1;
  padding: 0 24px;
  text-align: center;
}
.js-view-components-title-with-icon-title-with-icon__underline {
  border-bottom: 1px solid #51586a;
}
.js-view-components-title-with-icon-title-with-icon__subText {
  font-size: 14px;
  padding: 8px;
  white-space: pre-line;
  text-align: center;
  opacity: 0.75;
  min-height: 50px;
}
.js-view-components-title-with-icon-title-with-icon__logo {
  padding: 8px 0;
}
.js-view-components-title-with-icon-title-with-icon__svgIcon {
  margin-top: -16px;
  margin-bottom: 16px;
}
.js-view-components-title-with-icon-title-with-icon__default {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-title-with-icon-title-with-icon__default > * {
  font-size: 64px;
}
.js-view-components-title-with-icon-title-with-icon__medium {
  width: 96px;
  height: 96px;
}
.js-view-components-title-with-icon-title-with-icon__medium > * {
  font-size: 96px;
}
.js-view-components-title-with-icon-title-with-icon__small {
  width: 36px;
  height: 36px;
}
.js-view-components-title-with-icon-title-with-icon__small > * {
  font-size: 36px;
}
.js-view-components-title-with-icon-title-with-icon__large {
  width: 128px;
  height: 128px;
}
.js-view-components-title-with-icon-title-with-icon__large > * {
  font-size: 128px;
}
.js-view-components-title-with-icon-title-with-icon__materialIcon i {
  line-height: 1;
  color: #cfd2da;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-circle-button-circle-button__shakeAnimation {
  animation: js-view-components-circle-button-circle-button__shake 0.5s;
}
@keyframes js-view-components-circle-button-circle-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-circle-button-circle-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-circle-button-circle-button__button {
  border: 1px solid #1bc98e;
  color: #1bc98e;
  border-radius: 50%;
  background-color: transparent;
  height: 120px;
  width: 120px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 10px 2px #0f1013;
}
.js-view-components-circle-button-circle-button__button:hover {
  background-color: #1bc98e;
  color: #252830;
}
.js-view-components-circle-button-circle-button__button:hover svg * {
  fill: #252830;
}
.js-view-components-circle-button-circle-button__button:focus,
.js-view-components-circle-button-circle-button__button:active {
  box-shadow: 0 0 2px 2px #6f7890;
  outline: 0;
}
.js-view-components-circle-button-circle-button__buttonPurple {
  border: 1px solid #8b6cff;
  color: #8b6cff;
}
.js-view-components-circle-button-circle-button__buttonPurple:hover {
  background-color: #8b6cff;
}
.js-view-components-circle-button-circle-button__buttonPurple:hover svg * {
  fill: #252830;
}
.js-view-components-circle-button-circle-button__buttonBlue {
  border: 1px solid #1997c6;
  color: #1997c6;
}
.js-view-components-circle-button-circle-button__buttonBlue:hover {
  background-color: #1997c6;
}
.js-view-components-circle-button-circle-button__buttonBlue:hover svg * {
  fill: #252830;
}
.js-view-components-circle-button-circle-button__buttonRed {
  border: 1px solid #e64759;
  color: #e64759;
}
.js-view-components-circle-button-circle-button__buttonRed:hover {
  background-color: #e64759;
}
.js-view-components-circle-button-circle-button__buttonRed:hover svg * {
  fill: #252830;
}
.js-view-components-circle-button-circle-button__buttonYellow {
  border: 1px solid #e4d836;
  color: #e4d836;
}
.js-view-components-circle-button-circle-button__buttonYellow:hover {
  background-color: #e4d836;
}
.js-view-components-circle-button-circle-button__buttonYellow:hover svg * {
  fill: #252830;
}
.js-view-components-circle-button-circle-button__buttonSmall {
  height: 32px;
  width: 32px;
}
.js-view-components-circle-button-circle-button__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
  white-space: pre-wrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.js-view-components-circle-button-circle-button__text {
  line-height: 1.3;
  font-size: 14px;
  padding-bottom: 10px;
}
.js-view-components-circle-button-circle-button__textNoIcon {
  width: min-content;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-circle-button-circle-button__icon {
  line-height: 0;
  opacity: 0.8;
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
}
.js-view-components-circle-button-circle-button__icon > i {
  font-size: 34px;
}
.js-view-components-circle-button-circle-button__iconSmall {
  height: 24px;
  width: 24px;
}
.js-view-components-circle-button-circle-button__iconSmall > i {
  font-size: 24px;
}
.js-view-components-circle-button-circle-button__buttonLarge {
  height: 152px;
  width: 152px;
}
.js-view-components-circle-button-circle-button__iconLarge {
  height: 74px;
  width: 74px;
}
.js-view-components-circle-button-circle-button__iconLarge > i {
  font-size: 74px;
}
.js-view-components-circle-button-circle-button__dashed {
  border-style: dashed;
  border-width: 2px;
}
.js-view-components-circle-button-circle-button__glow {
  box-shadow: 0 0 6px 6px #1997c6;
}
.js-view-components-circle-button-circle-button__glow:focus,
.js-view-components-circle-button-circle-button__glow:active {
  box-shadow: 0 0 6px 6px #cfd2da;
  outline: 0;
}
.js-view-components-circle-button-circle-button__glowPurple {
  box-shadow: 0 0 6px 6px #1997c6;
  box-shadow: 0 0 6px 6px #8b6cff;
}
.js-view-components-circle-button-circle-button__glowPurple:focus,
.js-view-components-circle-button-circle-button__glowPurple:active {
  box-shadow: 0 0 6px 6px #cfd2da;
  outline: 0;
}
.js-view-components-circle-button-circle-button__glowBlue {
  box-shadow: 0 0 6px 6px #1997c6;
}
.js-view-components-circle-button-circle-button__glowBlue:focus,
.js-view-components-circle-button-circle-button__glowBlue:active {
  box-shadow: 0 0 6px 6px #cfd2da;
  outline: 0;
}
.js-view-components-circle-button-circle-button__glowRed {
  box-shadow: 0 0 6px 6px #1997c6;
  box-shadow: 0 0 6px 6px #e64759;
}
.js-view-components-circle-button-circle-button__glowRed:focus,
.js-view-components-circle-button-circle-button__glowRed:active {
  box-shadow: 0 0 6px 6px #cfd2da;
  outline: 0;
}
.js-view-components-circle-button-circle-button__glowGreen {
  box-shadow: 0 0 6px 6px #1997c6;
  box-shadow: 0 0 6px 6px #1bc98e;
}
.js-view-components-circle-button-circle-button__glowGreen:focus,
.js-view-components-circle-button-circle-button__glowGreen:active {
  box-shadow: 0 0 6px 6px #cfd2da;
  outline: 0;
}
.js-view-components-circle-button-circle-button__glowYellow {
  box-shadow: 0 0 6px 6px #1997c6;
  box-shadow: 0 0 6px 6px #e4d836;
}
.js-view-components-circle-button-circle-button__glowYellow:focus,
.js-view-components-circle-button-circle-button__glowYellow:active {
  box-shadow: 0 0 6px 6px #cfd2da;
  outline: 0;
}
.js-view-components-circle-button-circle-button__shadow {
  box-shadow: 0 0 6px 6px #15181f;
}
.js-view-components-circle-button-circle-button__disabled {
  opacity: 0.6;
  background-color: transparent;
  color: #6f7890;
}
.js-view-components-circle-button-circle-button__disabled:hover {
  background-color: transparent;
  color: #6f7890;
}
.js-view-components-circle-button-circle-button__disabled:hover svg * {
  fill: #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__shakeAnimation {
  animation: js-view-components-form-hook-inputs-controller-components-controller-components__shake 0.5s;
}
@keyframes js-view-components-form-hook-inputs-controller-components-controller-components__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-hook-inputs-controller-components-controller-components__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-hook-inputs-controller-components-controller-components__button {
  height: 32px;
  width: 35px;
  border-radius: 4px;
  border: 1px solid #1bc98e;
  font-size: 20px;
  color: #1bc98e;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1a3133;
  margin-left: 7px;
  cursor: pointer;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__button::before {
  margin-top: -5px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__fieldArray {
  display: flex;
  align-items: flex-end;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__fieldArray > div {
  width: 100%;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__green {
  border: 1px solid #1bc98e;
  color: #1bc98e;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__red {
  border: 1px solid #e64759;
  color: #e64759;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__current-value {
  color: #cfd2da;
  font-size: 16px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__current-value-input {
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__current-value-input input {
  font-size: 16px;
  min-width: 100px;
  width: max-content;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__current-value-input input:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__current-value-input input:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__current-value-input span {
  font-size: 16px;
  min-width: max-content;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  padding: 0 10px;
  margin-bottom: 20px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer .js-view-components-form-hook-inputs-controller-components-controller-components__helpTextContainer {
  width: max-content;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  color: rgba(206, 206, 206, 0.8);
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer .js-view-components-form-hook-inputs-controller-components-controller-components__helpTextInnerContainer {
  margin: 0 5px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer .js-view-components-form-hook-inputs-controller-components-controller-components__zeroMarkerContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10px;
  position: absolute;
  top: calc(50% + 10px);
  margin-left: 10px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer .js-view-components-form-hook-inputs-controller-components-controller-components__zeroMarker {
  width: 1px;
  height: 15px;
  background-color: #1bc98e;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer .js-view-components-form-hook-inputs-controller-components-controller-components__zeroMarkerText {
  color: #1bc98e;
  margin-top: 5px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__dualTimeRangeContainer .js-view-components-form-hook-inputs-controller-components-controller-components__sliderContainer {
  min-width: 400px;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__thresholdsErrorMessageContainer {
  position: absolute;
  color: #e64759;
  font-weight: 400;
  font-size: 16px;
  padding: 0 16px;
  bottom: 0;
  text-align: center;
}
.js-view-components-form-hook-inputs-controller-components-controller-components__helpText {
  margin-bottom: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-multi-select-autosuggest__shakeAnimation {
  animation: js-view-components-form-control-multi-select-autosuggest__shake 0.5s;
}
@keyframes js-view-components-form-control-multi-select-autosuggest__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-multi-select-autosuggest__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-multi-select-autosuggest__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-multi-select-autosuggest__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-form-control-multi-select-autosuggest__outer-container {
  width: 100%;
}
.js-view-components-form-control-multi-select-autosuggest__inner-container {
  position: relative;
  width: 100%;
}
.js-view-components-form-control-multi-select-autosuggest__inner-container.js-view-components-form-control-multi-select-autosuggest__loading {
  opacity: 0.5;
  pointer-events: none;
  will-change: opacity;
  transition: opacity 0.15s ease-in-out;
}
.js-view-components-form-control-multi-select-autosuggest__inner-container .js-view-components-form-control-multi-select-autosuggest__no-items-text {
  text-align: center;
  color: #51586a;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  padding: 0;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
  align-items: stretch;
  justify-content: flex-start;
  max-height: 400px;
  width: 100%;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #6f7890;
  background-color: #3b404d;
  padding: 10px;
  min-height: 50px;
  cursor: default;
  user-select: none;
  height: max-content;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item .checkbox {
  margin: 0;
  display: flex;
  align-items: center;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item .js-view-components-form-control-multi-select-autosuggest__content {
  flex: 1;
  justify-content: flex-start;
  padding: 0;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item .js-view-components-form-control-multi-select-autosuggest__content.js-view-components-form-control-multi-select-autosuggest__selected {
  color: #1bc98e;
  font-weight: bold;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item .js-view-components-form-control-multi-select-autosuggest__content.js-view-components-form-control-multi-select-autosuggest__disabled {
  color: #6f7890;
  font-weight: normal;
  cursor: not-allowed;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item .js-view-components-form-control-multi-select-autosuggest__secondaryText {
  font-size: 12px;
}
.js-view-components-form-control-multi-select-autosuggest__checkbox-list .js-view-components-form-control-multi-select-autosuggest__list-item:hover {
  background-color: #51586a;
}
.js-view-components-form-control-multi-select-autosuggest__optionsContainer {
  margin-top: 10px;
  padding-top: 10px;
  background-color: #3b404d;
  position: absolute;
  width: 100%;
  border-radius: 4px;
  z-index: 10;
}
.js-view-components-form-control-multi-select-autosuggest__expand {
  color: white;
}
.js-view-components-form-control-multi-select-autosuggest__list-container {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: flex;
  height: 300px;
  width: 100%;
  overflow-y: scroll;
  flex-direction: column;
}
.js-view-components-form-control-multi-select-autosuggest__list-container::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__list-container::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-form-control-multi-select-autosuggest__list-container::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-form-control-multi-select-autosuggest__list-container::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-form-control-multi-select-autosuggest__list-container .js-view-components-form-control-multi-select-autosuggest__title {
  font-size: 20px;
}
.js-view-components-form-control-multi-select-autosuggest__list-container .js-view-components-form-control-multi-select-autosuggest__list {
  padding: 10px;
  flex-direction: column;
}
.js-view-components-form-control-multi-select-autosuggest__list-container .js-view-components-form-control-multi-select-autosuggest__list .js-view-components-form-control-multi-select-autosuggest__list-item {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  font-size: 18px;
  border-bottom: 1px solid #cfd2da;
  color: #1bc98e;
}
.js-view-components-form-control-multi-select-autosuggest__list-container .js-view-components-form-control-multi-select-autosuggest__list .js-view-components-form-control-multi-select-autosuggest__list-item .js-view-components-form-control-multi-select-autosuggest__remove-icon {
  color: #e64759;
  cursor: pointer;
}
.js-view-components-form-control-multi-select-autosuggest__leftButton {
  padding: 7px 9px 3px 9px;
  height: 100%;
  vertical-align: top;
}
.js-view-components-form-control-multi-select-autosuggest__leftButtonModified {
  padding: 0 14px 0 25px;
  height: 100%;
  vertical-align: top;
}
.js-view-components-form-control-multi-select-autosuggest__rightButton {
  height: 100%;
  cursor: pointer;
  user-select: none;
  border: none;
}
.js-view-components-form-control-multi-select-autosuggest__rightButton:hover {
  background-color: #687086;
  cursor: pointer;
}
.js-view-components-form-control-multi-select-autosuggest__custom-checkbox {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -6px;
}
.js-view-components-form-control-multi-select-autosuggest__form-control-input {
  height: 100%;
  min-width: 220px;
  z-index: 0 !important;
}
.js-view-components-form-control-multi-select-autosuggest__clear-button {
  margin-right: 35px;
  background-color: transparent;
  border: none;
  overflow: hidden;
  outline: none;
  position: absolute;
  box-shadow: none;
  width: 40px;
  font-size: 20px;
  padding: 2px 0 0 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  color: #cfd2da;
  will-change: color;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  z-index: 1000;
  right: 0;
}
.js-view-components-form-control-multi-select-autosuggest__clear-button:hover {
  color: #3b404d;
  background-color: #d9dbe1;
}
.js-view-components-form-control-multi-select-autosuggest__optionImage {
  width: 30px;
  height: 30px;
  margin: 5px 10px 5px 0;
  font-size: 30px;
}
.js-view-components-form-control-multi-select-autosuggest__inputGroupContainer {
  min-width: 300px;
}
.js-view-components-form-control-multi-select-autosuggest__inputGroupContainer > * {
  min-height: 35px;
  height: 100%;
}
.js-view-components-form-control-multi-select-autosuggest__dropdownIcon {
  max-width: 24px;
}
.js-view-components-form-control-multi-select-autosuggest__spinnerContainer {
  background-color: transparent;
  border: none;
  overflow: hidden;
  outline: none;
  position: absolute;
  box-shadow: none;
  width: 40px;
  font-size: 20px;
  padding: 2px 0 0 0;
  top: 5px;
  bottom: 0;
  z-index: 1000;
  left: 0;
  margin-left: 10px;
}
.js-view-components-form-control-multi-select-autosuggest__spinnerContainer .js-view-components-form-control-multi-select-autosuggest__spinner {
  z-index: 1000;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__noBackground input,
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__noBackground textarea {
  background-color: #cfd2da;
  color: #15181f;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-details-project-details__fixedHeight {
  max-height: 80px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeamContext {
  font-size: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__search {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #6f7890;
  border-bottom: 1px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__error {
  color: #e64759;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeam {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-height: 600px;
  overflow: auto;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeam .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__people {
  background-color: #252830;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  width: 100%;
  border: 1px solid #6f7890;
  border-radius: 5px;
  margin-bottom: 2px;
  cursor: pointer;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeam .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__people .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__employeeId {
  font-size: 10px;
  margin-left: 5px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeam .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__people .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__check {
  margin-left: 10px;
  border: 1px solid #cfd2da;
  border-radius: 100px;
  padding: 3px 4px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeam .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__people .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__checkedGreen {
  background-color: #1bc98e;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__projectTeam .js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-team-project-team__peopleGreen {
  background-color: #1c2f2e;
  border: 1px solid #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-confirmation-list-confirmation-list__shakeAnimation {
  animation: js-view-components-confirmation-list-confirmation-list__shake 0.5s;
}
@keyframes js-view-components-confirmation-list-confirmation-list__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-confirmation-list-confirmation-list__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-confirmation-list-confirmation-list__box {
  min-width: 480px;
  max-width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: auto 1fr;
  border: 1px solid #1bc98e;
  border-radius: 5px;
  background-color: #15181f;
  padding: 16px;
  font-size: 14px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-confirmation-list-title-cell__shakeAnimation {
  animation: js-view-components-confirmation-list-title-cell__shake 0.5s;
}
@keyframes js-view-components-confirmation-list-title-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-confirmation-list-title-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-confirmation-list-title-cell__container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: stretch;
  text-transform: uppercase;
  text-decoration: underline;
  padding: 4px 0;
  border-bottom: 0.5px solid #51586a;
}
.js-view-components-confirmation-list-title-cell__text {
  padding-right: 16px;
  flex: 1 0 auto;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-confirmation-list-tick-cell__shakeAnimation {
  animation: js-view-components-confirmation-list-tick-cell__shake 0.5s;
}
@keyframes js-view-components-confirmation-list-tick-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-confirmation-list-tick-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-confirmation-list-tick-cell__container {
  padding: 4px 0;
  border-bottom: 0.5px solid #51586a;
}
.js-view-components-confirmation-list-tick-cell__containerNoBorder {
  border-bottom: none;
}
.js-view-components-confirmation-list-tick-cell__rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  border-left: 1px solid #51586a;
}
.js-view-components-confirmation-list-tick-cell__rowsNoBorder {
  border-left: none;
}
.js-view-components-confirmation-list-tick-cell__row {
  display: flex;
  justify-content: stretch;
  width: 100%;
  padding-left: 8px;
  font-size: 15px;
}
.js-view-components-confirmation-list-tick-cell__tickGreen {
  color: #1bc98e;
}
.js-view-components-confirmation-list-tick-cell__tickPurple {
  color: #8b6cff;
}
.js-view-components-confirmation-list-tick-cell__text {
  padding: 0 16px 0 8px;
  flex: 1 1 auto;
  color: #cfd2da;
  opacity: 0.8;
  word-break: break-word;
}
.js-view-components-confirmation-list-tick-cell__icon {
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-summary-project-summary__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-summary-project-summary__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-summary-project-summary__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-summary-project-summary__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-summary-project-summary__container {
  min-width: 480px;
  margin: auto;
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: 14px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-summary-project-summary__label {
  color: #fff;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-language-selector-language-selector__shakeAnimation {
  animation: js-view-components-language-selector-language-selector__shake 0.5s;
}
@keyframes js-view-components-language-selector-language-selector__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-language-selector-language-selector__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-language-selector-language-selector__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 5px;
  position: relative;
}
.js-view-components-language-selector-language-selector__container:first-child {
  padding-left: 0;
}
.js-view-components-language-selector-language-selector__flagContainer {
  display: flex;
  width: 28px;
  min-width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  background-color: rgba(53, 58, 71, 0.85);
  border-color: rgba(63, 68, 82, 0.85);
  margin-right: 5px;
  position: relative;
  cursor: pointer;
}
.js-view-components-language-selector-language-selector__flagContainer .js-view-components-language-selector-language-selector__flag {
  width: 18px;
  height: 18px;
  opacity: 0.4;
}
.js-view-components-language-selector-language-selector__flagContainer.js-view-components-language-selector-language-selector__selected {
  background-color: rgba(27, 201, 142, 0.7);
  border-color: #1bc98e;
}
.js-view-components-language-selector-language-selector__flagContainer.js-view-components-language-selector-language-selector__selected .js-view-components-language-selector-language-selector__flag {
  opacity: 1;
}
.js-view-components-language-selector-language-selector__tooltipContent {
  width: 120px;
  color: #cfd2da;
  background-color: #2a303d;
  white-space: pre-line;
  padding: 2px;
  text-align: center;
}
.js-view-components-language-selector-language-selector__open {
  position: absolute;
  top: 35px;
  right: 2px;
  background-color: #15181f;
  z-index: 10;
  opacity: 1;
  height: max-content;
  border: 1px solid #1bc98e;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 4px 4px 8px;
  width: 450px;
  flex-wrap: wrap;
}
.js-view-components-language-selector-language-selector__close {
  height: 0;
  opacity: 0;
  width: 0;
  pointer-events: none;
  display: none;
}
.js-view-components-language-selector-language-selector__disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.js-view-components-language-selector-language-selector__separator {
  border-right: 1px solid #6f7890;
  height: 35px;
  margin: 0 10px 0 10px;
}
.js-view-components-language-selector-language-selector__showMoreButton {
  background-color: #15181f;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-tooltip-flags-tooltip__shakeAnimation {
  animation: js-view-components-tooltip-flags-tooltip__shake 0.5s;
}
@keyframes js-view-components-tooltip-flags-tooltip__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-tooltip-flags-tooltip__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-tooltip-flags-tooltip__tooltipContainer {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.js-view-components-tooltip-flags-tooltip__tooltipContent {
  display: flex;
  visibility: hidden;
  background-color: #1d212b;
  border: 1px solid #1997c6;
  padding: 6px 8px 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 9999999;
  bottom: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  min-width: max-content;
}
.js-view-components-tooltip-flags-tooltip__tooltipContent > * {
  margin: 0 5px;
}
.js-view-components-tooltip-flags-tooltip__tooltipContainer:hover .js-view-components-tooltip-flags-tooltip__tooltipContent {
  visibility: visible;
  opacity: 1;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dashhead-selected-count__shakeAnimation {
  animation: js-view-components-dashhead-selected-count__shake 0.5s;
}
@keyframes js-view-components-dashhead-selected-count__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dashhead-selected-count__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-dashhead-selected-count__container {
  color: #1bc98e;
  display: inline-block;
  flex-grow: 1;
  padding-bottom: 1px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-dashhead-records-count__shakeAnimation {
  animation: js-view-components-dashhead-records-count__shake 0.5s;
}
@keyframes js-view-components-dashhead-records-count__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-dashhead-records-count__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-table-collapsible-table-container__shakeAnimation {
  animation: js-view-components-table-collapsible-table-container__shake 0.5s;
}
@keyframes js-view-components-table-collapsible-table-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-table-collapsible-table-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-table-collapsible-table-container__container {
  width: 100%;
  padding-bottom: 15px;
}
.js-view-components-table-collapsible-table-container__container.js-view-components-table-collapsible-table-container__no-padding {
  padding-bottom: 0;
}
.js-view-components-table-collapsible-table-container__container-open {
  width: 100%;
  padding-bottom: 15px;
}
.js-view-components-table-collapsible-table-container__container-open.js-view-components-table-collapsible-table-container__no-padding {
  padding-bottom: 0;
}
.js-view-components-table-collapsible-table-container__container-open:last-of-type {
  padding-bottom: 0;
}
.js-view-components-table-collapsible-table-container__title-bar {
  display: flex;
  align-items: center;
  background-color: #51586a;
  padding: 9px 15px 10px;
}
.js-view-components-table-collapsible-table-container__title-bar .js-view-components-table-collapsible-table-container__title {
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
  padding: 5px 0;
}
.js-view-components-table-collapsible-table-container__title-bar .js-view-components-table-collapsible-table-container__title .js-view-components-table-collapsible-table-container__row-count-message {
  color: #1bc98e;
  padding-left: 10px;
}
.js-view-components-table-collapsible-table-container__title-bar h3 {
  margin: 0 15px 0 0;
  color: #cfd2da;
}
.js-view-components-table-collapsible-table-container__title-bar .js-view-components-table-collapsible-table-container__pusher {
  flex-grow: 1;
}
.js-view-components-table-collapsible-table-container__title-bar .js-view-components-table-collapsible-table-container__buttons {
  justify-content: flex-end;
}
.js-view-components-table-collapsible-table-container__title-bar .js-view-components-table-collapsible-table-container__buttons button {
  margin-right: 10px;
}
.js-view-components-table-collapsible-table-container__dark-title-bar {
  display: flex;
  align-items: center;
  background-color: #51586a;
  padding: 9px 15px 10px;
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-components-table-collapsible-table-container__dark-title-bar .js-view-components-table-collapsible-table-container__title {
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
  padding: 5px 0;
}
.js-view-components-table-collapsible-table-container__dark-title-bar .js-view-components-table-collapsible-table-container__title .js-view-components-table-collapsible-table-container__row-count-message {
  color: #1bc98e;
  padding-left: 10px;
}
.js-view-components-table-collapsible-table-container__dark-title-bar h3 {
  margin: 0 15px 0 0;
  color: #cfd2da;
}
.js-view-components-table-collapsible-table-container__dark-title-bar .js-view-components-table-collapsible-table-container__pusher {
  flex-grow: 1;
}
.js-view-components-table-collapsible-table-container__dark-title-bar .js-view-components-table-collapsible-table-container__buttons {
  justify-content: flex-end;
}
.js-view-components-table-collapsible-table-container__dark-title-bar .js-view-components-table-collapsible-table-container__buttons button {
  margin-right: 10px;
}
.js-view-components-table-collapsible-table-container__no-header {
  display: none;
}
.js-view-components-table-collapsible-table-container__icon {
  height: 30px;
  width: 30px;
  margin-right: 8px;
  margin-left: -8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-checkbox-item-checkbox-item__shakeAnimation {
  animation: js-view-components-checkbox-item-checkbox-item__shake 0.5s;
}
@keyframes js-view-components-checkbox-item-checkbox-item__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-checkbox-item-checkbox-item__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-checkbox-item-checkbox-item__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-checkbox-item-checkbox-item__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-checkbox-item-checkbox-item__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-checkbox-item-checkbox-item__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-checkbox-item-checkbox-item__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-checkbox-item-checkbox-item__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-checkbox-item-checkbox-item__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-checkbox-item-checkbox-item__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-checkbox-item-checkbox-item__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-checkbox-item-checkbox-item__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-checkbox-item-checkbox-item__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-checkbox-item-checkbox-item__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-checkbox-item-checkbox-item__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-checkbox-item-checkbox-item__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-checkbox-item-checkbox-item__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-checkbox-item-checkbox-item__tableSection > * {
  width: 100%;
}
.js-view-components-checkbox-item-checkbox-item__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-checkbox-item-checkbox-item__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-checkbox-item-checkbox-item__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-checkbox-item-checkbox-item__row {
  grid-column: 1/-1;
}
.js-view-components-checkbox-item-checkbox-item__container {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.js-view-components-checkbox-item-checkbox-item__children {
  padding-left: 4px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-comms-table-comms-table__shakeAnimation {
  animation: js-view-components-comms-table-comms-table__shake 0.5s;
}
@keyframes js-view-components-comms-table-comms-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-comms-table-comms-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-comms-table-comms-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-table-comms-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-table-comms-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-comms-table-comms-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-comms-table-comms-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-table-comms-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-comms-table-comms-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-comms-table-comms-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-comms-table-comms-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-comms-table-comms-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-comms-table-comms-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-comms-table-comms-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-comms-table-comms-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-comms-table-comms-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-comms-table-comms-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-comms-table-comms-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-comms-table-comms-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-comms-table-comms-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-comms-table-comms-table__tableSection > * {
  width: 100%;
}
.js-view-components-comms-table-comms-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-comms-table-comms-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-comms-table-comms-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-comms-table-comms-table__row {
  grid-column: 1/-1;
}
.js-view-components-comms-table-comms-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-comms-table-comms-table__tableSection > * {
  width: 100%;
}
.js-view-components-comms-table-comms-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(2, minmax(64px, auto)) minmax(152px, auto) repeat(6, minmax(64px, auto)) minmax(25%, auto);
  grid-auto-rows: minmax(39px, auto);
}
.js-view-components-comms-table-comms-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(2, minmax(64px, auto)) minmax(152px, auto) repeat(6, minmax(64px, auto)) minmax(25%, auto);
  grid-auto-rows: minmax(39px, auto);
  border: 1px solid #51586a;
  border-radius: 4px;
  overflow-x: hidden;
}
.js-view-components-comms-table-comms-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__newTable > .js-view-components-comms-table-comms-table__headerCell {
  background-color: #15181f;
}
.js-view-components-comms-table-comms-table__newTable > .js-view-components-comms-table-comms-table__actionHeaderCell {
  background-color: #15181f;
}
.js-view-components-comms-table-comms-table__commsEmailTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  border-bottom: none;
  margin-top: 10px;
  min-width: 100%;
  grid-template-columns: minmax(30px, auto) minmax(120px, auto) repeat(4, minmax(64px, auto)) minmax(25%, auto);
  grid-auto-rows: minmax(39px, auto);
}
.js-view-components-comms-table-comms-table__commsEmailTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__commsEmailTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__commsEmailTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__commsEmailTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__commsEmailTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__commSurvEmailTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  border-bottom: none;
  margin-top: 10px;
  min-width: 100%;
  grid-template-columns: minmax(30px, auto) repeat(4, minmax(100px, auto)) minmax(25%, auto);
  grid-auto-rows: minmax(39px, auto);
}
.js-view-components-comms-table-comms-table__commSurvEmailTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__commSurvEmailTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__commSurvEmailTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__commSurvEmailTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__commSurvEmailTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__selectableTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(10, minmax(64px, auto)) minmax(25%, auto);
}
.js-view-components-comms-table-comms-table__selectableTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__selectableTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__selectableTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__selectableTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__selectableTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__newSelectableTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  grid-template-columns: repeat(10, minmax(64px, auto)) minmax(25%, auto);
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-components-comms-table-comms-table__newSelectableTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-comms-table-comms-table__newSelectableTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-comms-table-comms-table__newSelectableTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-comms-table-comms-table__newSelectableTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-comms-table-comms-table__newSelectableTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-comms-table-comms-table__newSelectableTable > .js-view-components-comms-table-comms-table__headerCell {
  background-color: #15181f;
}
.js-view-components-comms-table-comms-table__newSelectableTable > .js-view-components-comms-table-comms-table__actionHeaderCell {
  background-color: #15181f;
}
.js-view-components-comms-table-comms-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-comms-table-comms-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-comms-table-comms-table__actionHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-between;
  padding: 11px;
  /* Shifted to align with the cell content */
}
.js-view-components-comms-table-comms-table__iconCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  color: #1bc98e;
  cursor: default;
}
.js-view-components-comms-table-comms-table__iconCell > span {
  padding-left: 2px;
}
.js-view-components-comms-table-comms-table__tombstone {
  grid-column: 1 / -1;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-tooltipButton-tooltipButton__shakeAnimation {
  animation: js-view-components-tooltipButton-tooltipButton__shake 0.5s;
}
@keyframes js-view-components-tooltipButton-tooltipButton__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-tooltipButton-tooltipButton__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn {
  background: transparent;
  border-radius: 4px;
  font-size: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn > span {
  display: flex;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn > span::before {
  top: 0;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__blue {
  border: solid 1px #1997c6;
  color: #1997c6;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__red {
  border: solid 1px #e64759;
  color: #e64759;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__green {
  border: solid 1px #1bc98e;
  color: #1bc98e;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__yellow {
  border: solid 1px #e4d836;
  color: #e4d836;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:hover.js-view-components-tooltipButton-tooltipButton__blue {
  background-color: #1997c6;
  color: #cfd2da;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:hover.js-view-components-tooltipButton-tooltipButton__red {
  background-color: #e64759;
  color: #cfd2da;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:hover.js-view-components-tooltipButton-tooltipButton__green {
  background-color: #1bc98e;
  color: #cfd2da;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:hover.js-view-components-tooltipButton-tooltipButton__yellow {
  background-color: #e4d836;
  color: #15181f;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__selected {
  border-color: #cfd2da;
  color: #cfd2da;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn::before,
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn::after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) translateY(100%) scale(0);
  transition: 300ms transform;
  transform-origin: top center;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn::before {
  content: attr(data-tooltip);
  z-index: 10;
  width: max-content;
  max-width: 300px;
  font-size: 14px;
  padding: 1rem;
  color: #cfd2da;
  left: 50%;
  border-radius: 4px;
  bottom: -5px;
  background-color: #252830;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__blue::before {
  border: 1px solid #1997c6;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__red::before {
  border: 1px solid #e64759;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__green::before {
  border: 1px solid #1bc98e;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn.js-view-components-tooltipButton-tooltipButton__yellow::before {
  border: 1px solid #e4d836;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:hover::before {
  transform: translateX(-50%) translateY(calc(100% + 5px)) scale(1);
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn::after {
  content: '';
  transform: translateX(-50%) translateY(5px) scale(0);
  border: 5px solid transparent;
  transform-origin: bottom center;
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:hover::after {
  transform: translateX(-50%) translateY(5px) scale(1);
}
.js-view-components-tooltipButton-tooltipButton__tooltipIconBtn:disabled {
  pointer-events: none;
  border: 1px solid #6f7890;
  color: #6f7890;
}
.js-view-components-tooltipButton-tooltipButton__large {
  height: 48px;
  width: 48px;
  font-size: 24px;
}
.js-view-components-tooltipButton-tooltipButton__medium {
  height: 36px;
  width: 36px;
  font-size: 20px;
}
.js-view-components-tooltipButton-tooltipButton__small {
  height: 24px;
  width: 24px;
  font-size: 18px;
}
.js-view-components-tooltipButton-tooltipButton__xsmall {
  height: 16px;
  width: 16px;
  font-size: 9px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-pill-pill__shakeAnimation {
  animation: js-view-components-pill-pill__shake 0.5s;
}
@keyframes js-view-components-pill-pill__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-pill-pill__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-pill-pill__container {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  padding: 8px;
  display: flex;
  background-color: #252830;
  position: relative;
  cursor: pointer;
}
.js-view-components-pill-pill__container:hover,
.js-view-components-pill-pill__container:active,
.js-view-components-pill-pill__container:focus {
  outline: none;
}
.js-view-components-pill-pill__container:hover.js-view-components-pill-pill__blue,
.js-view-components-pill-pill__container:active.js-view-components-pill-pill__blue,
.js-view-components-pill-pill__container:focus.js-view-components-pill-pill__blue {
  background-color: #24333f;
}
.js-view-components-pill-pill__container:hover.js-view-components-pill-pill__green,
.js-view-components-pill-pill__container:active.js-view-components-pill-pill__green,
.js-view-components-pill-pill__container:focus.js-view-components-pill-pill__green {
  background-color: #243839;
}
.js-view-components-pill-pill__container:hover.js-view-components-pill-pill__red,
.js-view-components-pill-pill__container:active.js-view-components-pill-pill__red,
.js-view-components-pill-pill__container:focus.js-view-components-pill-pill__red {
  background-color: #382b34;
}
.js-view-components-pill-pill__container:hover.js-view-components-pill-pill__yellow,
.js-view-components-pill-pill__container:active.js-view-components-pill-pill__yellow,
.js-view-components-pill-pill__container:focus.js-view-components-pill-pill__yellow {
  background-color: #383a31;
}
.js-view-components-pill-pill__container.js-view-components-pill-pill__blue {
  color: #1997c6;
  border: 1px solid #1997c6;
}
.js-view-components-pill-pill__container.js-view-components-pill-pill__green {
  color: #1bc98e;
  border: 1px solid #1bc98e;
}
.js-view-components-pill-pill__container.js-view-components-pill-pill__red {
  color: #e64759;
  border: 1px solid #e64759;
}
.js-view-components-pill-pill__container.js-view-components-pill-pill__yellow {
  color: #e4d836;
  border: 1px solid #e4d836;
}
.js-view-components-pill-pill__containerSelected.js-view-components-pill-pill__blue {
  background-color: #1997c6;
  color: #ffffff;
}
.js-view-components-pill-pill__containerSelected.js-view-components-pill-pill__green {
  background-color: #1bc98e;
  color: #ffffff;
}
.js-view-components-pill-pill__containerSelected.js-view-components-pill-pill__red {
  background-color: #e64759;
  color: #ffffff;
}
.js-view-components-pill-pill__containerSelected.js-view-components-pill-pill__yellow {
  background-color: #e4d836;
  color: #252830;
}
.js-view-components-pill-pill__containerSelected:hover.js-view-components-pill-pill__blue {
  background-color: #1a8cb7;
}
.js-view-components-pill-pill__containerSelected:hover.js-view-components-pill-pill__green {
  background-color: #1cb985;
}
.js-view-components-pill-pill__containerSelected:hover.js-view-components-pill-pill__red {
  background-color: #d34455;
}
.js-view-components-pill-pill__containerSelected:hover.js-view-components-pill-pill__yellow {
  background-color: #d1c635;
}
.js-view-components-pill-pill__containerSelected:active.js-view-components-pill-pill__blue,
.js-view-components-pill-pill__containerSelected:focus.js-view-components-pill-pill__blue {
  background-color: #1b81a8;
}
.js-view-components-pill-pill__containerSelected:active.js-view-components-pill-pill__green,
.js-view-components-pill-pill__containerSelected:focus.js-view-components-pill-pill__green {
  background-color: #1da97b;
}
.js-view-components-pill-pill__containerSelected:active.js-view-components-pill-pill__red,
.js-view-components-pill-pill__containerSelected:focus.js-view-components-pill-pill__red {
  background-color: #bf4151;
}
.js-view-components-pill-pill__containerSelected:active.js-view-components-pill-pill__yellow,
.js-view-components-pill-pill__containerSelected:focus.js-view-components-pill-pill__yellow {
  background-color: #beb535;
}
.js-view-components-pill-pill__containerInline {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}
.js-view-components-pill-pill__containerNarrow {
  width: auto;
}
.js-view-components-pill-pill__containerNotClickable {
  cursor: auto;
}
.js-view-components-pill-pill__info {
  position: absolute;
}
.js-view-components-pill-pill__content {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  overflow: hidden;
  overflow-wrap: anywhere;
  padding: 0 4px;
  hyphens: auto;
  max-width: 100%;
}
.js-view-components-pill-pill__content.js-view-components-pill-pill__selected {
  color: #cfd2da;
}
.js-view-components-pill-pill__containerDisabled {
  opacity: 0.5;
  color: #cfd2da !important;
  cursor: auto;
}
.js-view-components-pill-pill__tooltipPadding {
  padding: 0 16px;
}
.js-view-components-pill-pill__deleteIcon {
  color: #e64759;
  position: absolute;
  top: -2px;
  right: 2px;
}
.js-view-components-pill-pill__deleteIcon:hover {
  font-size: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__shakeAnimation {
  animation: js-view-modules-comms-surveillance-components-hits-pill-hits-pill__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-components-hits-pill-hits-pill__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-components-hits-pill-hits-pill__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 auto;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__content.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__blue {
  color: #1997c6;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__content.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__green {
  color: #1bc98e;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__content.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__red {
  color: #e64759;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__content.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__yellow {
  color: #e4d836;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__left {
  display: flex;
  align-items: center;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__right {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__increased {
  color: #e64759;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__decreased {
  color: #1bc98e;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__text {
  padding: 0 8px;
  text-align: start;
  font-size: 14px;
  font-weight: 500;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__ellipseText {
  padding: 0 8px;
  text-align: start;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__subText {
  font-size: 12px;
  white-space: nowrap;
  padding: 0 8px 0 4px;
  align-self: baseline;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__hitCount {
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 12px;
  white-space: nowrap;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__hitCount.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__blue {
  border: 1px solid #1997c6;
  color: #1997c6;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__hitCount.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__green {
  border: 1px solid #1bc98e;
  color: #1bc98e;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__hitCount.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__red {
  border: 1px solid #e64759;
  color: #e64759;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__hitCount.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__yellow {
  border: 1px solid #e4d836;
  color: #e4d836;
}
.js-view-modules-comms-surveillance-components-hits-pill-hits-pill__pill {
  height: 100%;
  padding: 4px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__shakeAnimation {
  animation: js-view-modules-comms-surveillance-components-terms-grid-terms-grid__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-components-terms-grid-terms-grid__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-components-terms-grid-terms-grid__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  height: 15px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  border-radius: 6px;
  padding: 10px;
  max-height: 30vh;
  overflow-y: auto;
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__blue {
  border: 1.5px dashed #1997c6;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__green {
  border: 1.5px dashed #1bc98e;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__red {
  border: 1.5px dashed #e64759;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsGrid.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__yellow {
  border: 1.5px dashed #e4d836;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText {
  width: 300px;
  padding-top: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__blue {
  color: #1997c6;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__green {
  color: #1bc98e;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__red {
  color: #e64759;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__yellow {
  color: #e4d836;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectButton,
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectInput {
  position: absolute;
  top: 0;
  left: 15px;
  height: 20px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectButton.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__blue,
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectInput.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__blue {
  border-right: 1px dashed #1997c6;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectButton.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__green,
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectInput.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__green {
  border-right: 1px dashed #1bc98e;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectButton.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__red,
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectInput.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__red {
  border-right: 1px dashed #e64759;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectButton.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__yellow,
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectInput.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__yellow {
  border-right: 1px dashed #e4d836;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__connectInput {
  height: 20px;
  left: 150px;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addButtonContainer {
  height: 36px;
  display: flex;
  align-items: center;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__input {
  width: 100%;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__addWithText .js-view-modules-comms-surveillance-components-terms-grid-terms-grid__input input {
  outline: none;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__emptyList {
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  display: flex;
  align-items: center;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__emptyList.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__blue {
  color: #1f607b;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__emptyList.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__green {
  color: #20795f;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__emptyList.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__red {
  color: #863845;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__emptyList.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__yellow {
  color: #858033;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsPill {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
}
.js-view-modules-comms-surveillance-components-terms-grid-terms-grid__termsPill > div {
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-triggers-collocated-terms-collocated-terms__shakeAnimation {
  animation: js-view-components-triggers-collocated-terms-collocated-terms__shake 0.5s;
}
@keyframes js-view-components-triggers-collocated-terms-collocated-terms__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-triggers-collocated-terms-collocated-terms__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-triggers-collocated-terms-collocated-terms__termsGridsContainer {
  position: relative;
  top: 30px;
  flex: 1;
  display: grid;
  grid-template-columns: minmax(auto, 150px) 1fr;
}
.js-view-components-triggers-collocated-terms-collocated-terms__termsGridsContainer > * {
  margin-bottom: 10px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__termsBeforeGridsContainer {
  position: relative;
  top: 50px;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 150px);
}
.js-view-components-triggers-collocated-terms-collocated-terms__termsBeforeGridsContainer > * {
  margin-bottom: 10px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connecterType {
  padding: 5px 10px;
  width: max-content;
  line-height: 1;
  display: flex;
  align-items: center;
  height: 35px;
  border-radius: 17.5px;
  background-color: #252830;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connecterType.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  color: #1997c6;
  border: 1px dashed #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connecterType.js-view-components-triggers-collocated-terms-collocated-terms__green {
  color: #1bc98e;
  border: 1px dashed #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connecterType.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermConnecter {
  margin-bottom: 60px;
  margin-top: 12px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectorContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.2s linear;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connector {
  position: absolute;
  z-index: -1;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connector.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connector.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connector.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__rightConnector {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 50%;
  width: 50%;
  border-top: 1px dashed;
}
.js-view-components-triggers-collocated-terms-collocated-terms__rightConnector.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__rightConnector.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__rightConnector.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsConnector {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 50%;
  width: 50%;
  border-top: 1px dashed;
  width: 100%;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsConnector.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsConnector.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsConnector.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermRightConnector {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 50%;
  width: 50%;
  border-top: 1px dashed;
  top: calc(50% - 25px);
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermRightConnector.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermRightConnector.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermRightConnector.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__leftConnector {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 50%;
  top: 50%;
  border-top: 1px dashed;
}
.js-view-components-triggers-collocated-terms-collocated-terms__leftConnector.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__leftConnector.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__leftConnector.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermLeftConnector {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 50%;
  top: 50%;
  border-top: 1px dashed;
  top: calc(50% - 25px);
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermLeftConnector.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermLeftConnector.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermLeftConnector.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromTop {
  position: absolute;
  z-index: -1;
  width: 50%;
  height: 60%;
  border-top: 1px dashed;
  border-right: 1px dashed;
  border-top-right-radius: 8px;
  top: 0;
  left: 0;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromTop.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromTop.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromTop.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermConnectFromTop {
  position: absolute;
  z-index: -1;
  width: 50%;
  height: 60%;
  border-top: 1px dashed;
  border-right: 1px dashed;
  border-top-right-radius: 8px;
  top: 0;
  left: 0;
  top: calc(50% - 25px);
  border-right: none;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermConnectFromTop.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermConnectFromTop.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermConnectFromTop.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromBottom {
  position: absolute;
  z-index: -1;
  width: 50%;
  height: 60%;
  border-bottom: 1px dashed;
  border-right: 1px dashed;
  border-bottom-right-radius: 8px;
  bottom: 0;
  left: 0;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromBottom.js-view-components-triggers-collocated-terms-collocated-terms__blue {
  border-color: #1997c6;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromBottom.js-view-components-triggers-collocated-terms-collocated-terms__green {
  border-color: #1bc98e;
}
.js-view-components-triggers-collocated-terms-collocated-terms__connectFromBottom.js-view-components-triggers-collocated-terms-collocated-terms__purple {
  border-color: #8b6cff;
}
.js-view-components-triggers-collocated-terms-collocated-terms__exclusionConnector {
  position: absolute;
  top: 50%;
  left: 50%;
  border-left: 1px dashed #1bc98e;
  height: 60px;
  transform: translate(-50%, -50%);
  margin-top: 25px;
  z-index: -1;
}
.js-view-components-triggers-collocated-terms-collocated-terms__exclusionContainer {
  background-color: #252830;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 75px;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #1bc98e;
  padding: 5px;
  font-size: 12px;
  color: #1bc98e;
  border-radius: 8px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__exclusionContainer .js-view-components-triggers-collocated-terms-collocated-terms__exclusionButtonsContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-triggers-collocated-terms-collocated-terms__exclusionContainer .js-view-components-triggers-collocated-terms-collocated-terms__exclusionButtonsContainer button {
  background: none;
  border: 1px dashed #1bc98e;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 5px;
  margin: 8px 5px 5px 5px;
  width: 45px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__exclusionContainer .js-view-components-triggers-collocated-terms-collocated-terms__exclusionButtonsContainer button.js-view-components-triggers-collocated-terms-collocated-terms__selected {
  background-color: #1bc98e !important;
  color: #cfd2da !important;
}
.js-view-components-triggers-collocated-terms-collocated-terms__exclusionContainer .js-view-components-triggers-collocated-terms-collocated-terms__exclusionButtonsContainer button[disabled] {
  opacity: 0.5;
}
.js-view-components-triggers-collocated-terms-collocated-terms__termsGridContainer {
  width: 100%;
  transition: all 0.2s linear;
  max-height: 0;
}
.js-view-components-triggers-collocated-terms-collocated-terms__show {
  max-height: 100vh;
  opacity: 1;
  align-self: flex-start;
}
.js-view-components-triggers-collocated-terms-collocated-terms__hide {
  max-height: 0;
  opacity: 0;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer {
  border: 1.5px dashed #8b6cff;
  border-color: #8b6cff;
  border-radius: 6px;
  background-image: url(/asset/img/neural.cf513fc2.png);
  background-color: #15181f;
  box-shadow: 0 0 5px 2px #0f1013;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 5px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsTitle {
  display: flex;
  align-items: center;
  font-size: 17px;
  margin-bottom: 5px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsTitle > * {
  margin-right: 5px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  max-height: 170px;
  overflow: auto;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px;
  border: 1px solid #8b6cff;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 #8b6cff;
  height: 80px;
  overflow: auto;
  transition: opacity 0.2s ease-out;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionName {
  color: #8b6cff;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionDescription {
  font-size: 12px;
  color: #6f7890;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainer .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsGrid .js-view-components-triggers-collocated-terms-collocated-terms__lexicaGridItem .js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionAddButton {
  display: flex;
  align-self: flex-end;
}
.js-view-components-triggers-collocated-terms-collocated-terms__lexicaCopilotSuggestionsContainerAfter {
  position: relative;
  top: 0;
}
.js-view-components-triggers-collocated-terms-collocated-terms__buttonRed {
  position: sticky;
  bottom: 6px;
  right: 4px;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  border: 1px solid #e64759;
  font-size: 15px;
  color: #e64759;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #30222d;
  margin-left: 7px;
  cursor: pointer;
}
.js-view-components-triggers-collocated-terms-collocated-terms__buttonRed::before {
  margin-top: -5px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__copilot {
  height: 25px;
  width: 25px;
  border-radius: 50px;
}
.js-view-components-triggers-collocated-terms-collocated-terms__excludeTermCopilotConnector {
  height: 20px;
  border-left: 1.5px dashed #1997c6;
  position: relative;
  left: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-collapsible-collapsible__shakeAnimation {
  animation: js-view-components-collapsible-collapsible__shake 0.5s;
}
@keyframes js-view-components-collapsible-collapsible__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-collapsible-collapsible__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-collapsible-collapsible__container {
  padding-bottom: 8px;
}
.js-view-components-collapsible-collapsible__titleBar {
  display: flex;
  align-items: center;
  background-color: #353944;
  padding: 9px 14px 10px 10px;
}
.js-view-components-collapsible-collapsible__titleBar .js-view-components-collapsible-collapsible__title {
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
  font-size: 20px;
  padding: 5px 0;
}
.js-view-components-collapsible-collapsible__titleBar .js-view-components-collapsible-collapsible__pusher {
  flex-grow: 1;
}
.js-view-components-collapsible-collapsible__titleBar .js-view-components-collapsible-collapsible__buttons {
  justify-content: flex-end;
}
.js-view-components-collapsible-collapsible__titleBar .js-view-components-collapsible-collapsible__buttons button {
  margin-right: 10px;
}
.js-view-components-collapsible-collapsible__darkContainer {
  margin: 15px 0;
  border: 1px solid #434857;
  background-color: #15181f;
  border-radius: 4px;
}
.js-view-components-collapsible-collapsible__darkTitleBar {
  display: flex;
  align-items: center;
  background-color: #353944;
  padding: 9px 14px 10px 10px;
  background-color: #15181f;
  padding: 8px 20px 8px 10px;
  border-radius: 4px;
}
.js-view-components-collapsible-collapsible__darkTitleBar .js-view-components-collapsible-collapsible__title {
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
  font-size: 20px;
  padding: 5px 0;
}
.js-view-components-collapsible-collapsible__darkTitleBar .js-view-components-collapsible-collapsible__pusher {
  flex-grow: 1;
}
.js-view-components-collapsible-collapsible__darkTitleBar .js-view-components-collapsible-collapsible__buttons {
  justify-content: flex-end;
}
.js-view-components-collapsible-collapsible__darkTitleBar .js-view-components-collapsible-collapsible__buttons button {
  margin-right: 10px;
}
.js-view-components-collapsible-collapsible__divider {
  border-top: 1px solid #434857;
  grid-column: 1/-1;
}
.js-view-components-collapsible-collapsible__content {
  padding: 0 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-period-buttons-period-buttons__shakeAnimation {
  animation: js-view-components-period-buttons-period-buttons__shake 0.5s;
}
@keyframes js-view-components-period-buttons-period-buttons__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-period-buttons-period-buttons__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-period-buttons-period-buttons__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 8px;
  padding: 0 8px;
  min-width: 352px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-barchart-timeline-barchart-timeline__shakeAnimation {
  animation: js-view-components-barchart-timeline-barchart-timeline__shake 0.5s;
}
@keyframes js-view-components-barchart-timeline-barchart-timeline__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-barchart-timeline-barchart-timeline__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-barchart-timeline-barchart-timeline__container {
  position: relative;
  background-color: #353944;
}
.js-view-components-barchart-timeline-barchart-timeline__darkContainer {
  position: relative;
  background-color: #353944;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline {
  height: 256px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg {
  /* Top and bottom border thickness */
  /* Left, bottom and right axes thickness */
  /* Axis labels font */
  /* Bars rectangles */
  /* Line path */
  /* Background */
  /* Brush styling */
  /* Tooltip styling */
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .tick line {
  stroke: #6f7890;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-yAxis-left path.domain {
  stroke-width: 0;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-yAxis-right path.domain,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-xAxis path.domain {
  stroke-width: 2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-yAxis-left text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-yAxis-right text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-xAxis text {
  font-size: 10px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-bars {
  stroke: #f2a1aa;
  stroke-width: 0.5;
  fill: #e64759;
  fill-opacity: 0.5;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-line {
  stroke: #1997c6;
  stroke-width: 2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-plot-bg {
  fill: transparent;
  cursor: grab;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-plot-bg:active {
  cursor: grabbing;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-brush .selection {
  stroke: none;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-tooltip text {
  fill: #1bc98e;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimeline svg .barchartTimeline-tooltip rect {
  fill: #353944;
  stroke: #1bc98e;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic {
  height: 256px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg {
  /* Top and bottom border thickness */
  /* Left, bottom and right axes thickness */
  /* Axis labels font */
  /* Bars rectangles */
  /* Line path */
  /* Background */
  /* Brush styling */
  /* Gradient */
  /* Tooltip styling */
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .tick line {
  stroke: #6f7890;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-yAxis-left path.domain {
  stroke-width: 0;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-yAxis-right path.domain,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-xAxis path.domain {
  stroke-width: 2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-yAxis-left text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-yAxis-right text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-xAxis text {
  font-size: 10px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-bars {
  stroke: #f2a1aa;
  stroke-width: 0;
  fill: url('#barchartTimelineClassic-gradient');
  fill-opacity: 1;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-line {
  stroke: #e64759;
  stroke-width: 2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-plot-bg {
  fill: transparent;
  cursor: grab;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-plot-bg:active {
  cursor: grabbing;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-brush .selection {
  stroke: none;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-stop-bottom {
  stop-color: #ffffff;
  stop-opacity: 0.2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-stop-top {
  stop-color: #ffffff;
  stop-opacity: 1;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-tooltip text {
  fill: #1bc98e;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineClassic svg .barchartTimelineClassic-tooltip rect {
  fill: #353944;
  stroke: #1bc98e;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire {
  height: 256px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg {
  /* Top and bottom border thickness */
  /* Left, bottom and right axes thickness */
  /* Axis labels font */
  /* Bars rectangles */
  /* Line path */
  /* Background */
  /* Brush styling */
  /* Tooltip styling */
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .tick line {
  stroke: #434857;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-yAxis-left path.domain {
  stroke-width: 0;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-yAxis-right path.domain,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-xAxis path.domain {
  stroke-width: 1;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-yAxis-left text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-yAxis-right text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-xAxis text {
  font-size: 10px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-bars {
  stroke: #e64759;
  stroke-width: 1;
  fill: #e64759;
  fill-opacity: 0.3;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-line {
  stroke: #1997c6;
  stroke-width: 2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-plot-bg {
  fill: transparent;
  cursor: grab;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-plot-bg:active {
  cursor: grabbing;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-brush .selection {
  stroke: #1bc98e;
  stroke-width: 2;
  fill-opacity: 0.2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-tooltip text {
  fill: #e64759;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineFire svg .barchartTimelineFire-tooltip rect {
  fill: #353944;
  stroke: #e64759;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater {
  height: 245px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg {
  /* Top and bottom border thickness */
  /* Left, bottom and right axes thickness */
  /* Axis labels font */
  /* Bars rectangles */
  /* Line path */
  /* Background */
  /* Brush styling */
  /* Tooltip styling */
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .tick line {
  stroke: #434857;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-yAxis-left path.domain {
  stroke-width: 0;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-yAxis-right path.domain,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-xAxis path.domain {
  stroke-width: 1;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-yAxis-left text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-yAxis-right text,
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-xAxis text {
  font-size: 10px;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-bars {
  stroke: #1997c6;
  stroke-width: 1;
  fill: #1997c6;
  fill-opacity: 0.3;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-line {
  stroke: #1997c6;
  stroke-width: 2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-plot-bg {
  fill: transparent;
  cursor: grab;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-plot-bg:active {
  cursor: grabbing;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-brush .selection {
  stroke: #1bc98e;
  stroke-width: 0.5;
  stroke-opacity: 0.5;
  fill-opacity: 0.2;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-tooltip text {
  fill: #1997c6;
}
.js-view-components-barchart-timeline-barchart-timeline__barchartTimelineWater svg .barchartTimelineWater-tooltip rect {
  fill: #353944;
  stroke: #1997c6;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-graphs-timeline__shakeAnimation {
  animation: js-view-components-surveillance-graphs-timeline__shake 0.5s;
}
@keyframes js-view-components-surveillance-graphs-timeline__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-graphs-timeline__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-graphs-timeline__container {
  background-color: #353944;
  padding: 4px 8px 8px;
}
.js-view-components-surveillance-graphs-timeline__darkContainer {
  padding: 8px;
  border: 1px solid #434857;
  background-color: #15181f;
  border-radius: 4px;
}
.js-view-components-surveillance-graphs-timeline__title {
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
  padding-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.js-view-components-surveillance-graphs-timeline__noDataContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 250px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__shakeAnimation {
  animation: js-view-components-clickable-bar-chart-clickable-bar-chart__shake 0.5s;
}
@keyframes js-view-components-clickable-bar-chart-clickable-bar-chart__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-clickable-bar-chart-clickable-bar-chart__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__container {
  position: relative;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__loading {
  opacity: 0.5;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChartClassic-xAxis > path:first-child {
  stroke-width: 0;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChartClassic-xAxis > g:last-child line {
  stroke-width: 0;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChartClassic-xAxis > .tick > line {
  stroke: #51586a;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChartClassic-yAxis > .tick > line {
  stroke: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-rightBorder {
  stroke-width: 1;
  stroke: #cfd2da;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-bars {
  fill: #cfd2da;
  stroke: #cfd2da;
  cursor: pointer;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-bars:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-bars-selected {
  opacity: 1;
  fill: #1bc98e;
  stroke: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-bars-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-bars-excluded {
  opacity: 1;
  fill: #e64759;
  stroke: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-bars-excluded:hover {
  fill: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yAxis .tick text {
  cursor: pointer;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yLabel {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yLabel:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yLabel-selected {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yLabel-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yLabel-excluded {
  fill: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-yLabel-excluded:hover {
  fill: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-xAxis .tick {
  /* Hide the last number */
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-xAxis .tick:last-child text {
  fill: transparent;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChart svg .clickableBarChart-tooltip-content {
  background-color: #353944;
  color: #1bc98e;
  border: 1px solid #1bc98e;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-xAxis > path:first-child {
  stroke-width: 1;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-xAxis > g:last-child line {
  stroke-width: 0;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-xAxis > .tick > line {
  stroke: #51586a;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yAxis > .tick > line {
  stroke: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-rightBorder {
  stroke-width: 0;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-bars {
  fill: #cfd2da;
  stroke: #cfd2da;
  cursor: pointer;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-bars:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-bars-selected {
  opacity: 1;
  fill: #1bc98e;
  stroke: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-bars-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-bars-excluded {
  opacity: 1;
  fill: #e64759;
  stroke: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-bars-excluded:hover {
  fill: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yAxis .tick text {
  cursor: pointer;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yLabel {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yLabel:hover {
  fill: #8df0ce;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yLabel-selected {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yLabel-selected:hover {
  fill: #1bc98e;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yLabel-excluded {
  fill: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-yLabel-excluded:hover {
  fill: #e64759;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-xAxis .tick {
  /* Hide the last number */
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-xAxis .tick:last-child text {
  fill: transparent;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartClassic svg .clickableBarChartClassic-tooltip-content {
  background-color: #353944;
  color: #1bc98e;
  border: 1px solid #1bc98e;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .tick line {
  stroke: #434857;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-xAxis > path:first-child {
  stroke-width: 0;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-xAxis > g:last-child line {
  stroke-width: 0;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-rightBorder {
  stroke-width: 1;
  stroke: #cfd2da;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-bars {
  fill: #e64759;
  stroke: #e64759;
  stroke-width: 1;
  cursor: pointer;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-bars:hover {
  fill: #e64759;
  fill-opacity: 0.5;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-bars-selected {
  opacity: 1;
  fill-opacity: 1;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-bars-selected:hover {
  fill-opacity: 0.8;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-bars-excluded {
  fill: #dc1e33;
  stroke: #dc1e33;
  opacity: 1;
  fill-opacity: 1;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-bars-excluded:hover {
  fill: #dc1e33;
  fill-opacity: 0.8;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yAxis .tick text {
  cursor: pointer;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yLabel {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yLabel:hover {
  fill: #f2a1aa;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yLabel-selected {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yLabel-selected:hover {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yLabel-excluded {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-yLabel-excluded:hover {
  fill: #ffffff;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-xAxis .tick {
  /* Hide the last number */
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-xAxis .tick:last-child text {
  fill: transparent;
}
.js-view-components-clickable-bar-chart-clickable-bar-chart__clickableBarChartFire svg .clickableBarChartFire-tooltip-content {
  background-color: #353944;
  color: #e64759;
  border: 1px solid #e64759;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-graphs-bar-graph__shakeAnimation {
  animation: js-view-components-surveillance-graphs-bar-graph__shake 0.5s;
}
@keyframes js-view-components-surveillance-graphs-bar-graph__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-graphs-bar-graph__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-graphs-bar-graph__container {
  background: #353944;
  padding: 4px 8px 8px;
}
.js-view-components-surveillance-graphs-bar-graph__darkContainer {
  padding: 8px 8px 8px;
  border: 1px solid #434857;
  border-radius: 4px;
  background-color: #15181f;
}
.js-view-components-surveillance-graphs-bar-graph__title {
  font-weight: bold;
}
.js-view-components-surveillance-graphs-bar-graph__noDataContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 250px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__shakeAnimation {
  animation: js-view-components-triggers-trends-and-predictions-trends-and-predictions__shake 0.5s;
}
@keyframes js-view-components-triggers-trends-and-predictions-trends-and-predictions__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-triggers-trends-and-predictions-trends-and-predictions__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__alertsSummary {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__alertsSummary h3 {
  margin-bottom: 10px;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__alertsSummary span {
  color: #e64759;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__charts {
  display: grid;
  padding-bottom: 16px;
  margin-top: 16px;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr 2fr;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__title {
  display: flex;
  align-items: center;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__title > div {
  padding-left: 8px;
}
.js-view-components-triggers-trends-and-predictions-trends-and-predictions__collapsible {
  width: 100%;
  background-color: #15181f;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-triggers-triggers__shakeAnimation {
  animation: js-view-components-triggers-triggers__shake 0.5s;
}
@keyframes js-view-components-triggers-triggers__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-triggers-triggers__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-triggers-triggers__configContainer {
  display: flex;
  justify-content: center;
  width: 100%;
}
.js-view-components-triggers-triggers__collocatedTermsContainer {
  width: 100%;
}
.js-view-components-triggers-triggers__collocatedTermsContainer .js-view-components-triggers-triggers__collocatedTermsBefore {
  width: 100%;
}
.js-view-components-triggers-triggers__outerContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #15181f;
  box-shadow: 0 0 10px 0 #1997c6;
  border-radius: 8px;
  padding: 2px;
  height: max-content;
}
.js-view-components-triggers-triggers__container {
  width: 400px;
  border: 1px dashed #1997c6;
  padding: 10px;
  padding-bottom: 0;
  border-radius: 8px;
}
.js-view-components-triggers-triggers__inputGroup {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #434857;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.js-view-components-triggers-triggers__inputGroup .js-view-components-triggers-triggers__searchInput {
  border-radius: 4px;
  border: 1px solid #51586a;
  background-color: #30343e;
  padding: 5px 10px 5px 30px;
  height: 100%;
  outline: none;
  width: 100%;
}
.js-view-components-triggers-triggers__inputGroup .js-view-components-triggers-triggers__searchInput:disabled {
  color: #6f7890;
}
.js-view-components-triggers-triggers__inputGroup .js-view-components-triggers-triggers__searchIcon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 5px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-triggers-triggers__inputGroup .js-view-components-triggers-triggers__ccw {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 5px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.js-view-components-triggers-triggers__inputGroup .js-view-components-triggers-triggers__ccwLeft {
  position: absolute;
  top: 0;
  right: 80px;
  bottom: 5px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.js-view-components-triggers-triggers__inputGroup .js-view-components-triggers-triggers__searchIconAdvanced {
  position: absolute;
  top: 5px;
  right: 10px;
  bottom: 5px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #1bc98e;
  cursor: pointer;
}
.js-view-components-triggers-triggers__configItems {
  border: 1px solid #1997c6;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 10px;
}
.js-view-components-triggers-triggers__configItems .js-view-components-triggers-triggers__configTitle {
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom: 1.5px solid #434857;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-triggers-triggers__configItems .js-view-components-triggers-triggers__configTitle svg {
  font-size: 16px;
  margin-right: 5px;
}
.js-view-components-triggers-triggers__configItems .js-view-components-triggers-triggers__configTitle .js-view-components-triggers-triggers__configTitleTerms {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  position: relative;
  left: 20px;
}
.js-view-components-triggers-triggers__configItems .js-view-components-triggers-triggers__configRow {
  border-bottom: 0.5px solid #434857;
}
.js-view-components-triggers-triggers__feedback {
  font-size: 10px;
}
.js-view-components-triggers-triggers__feedback .js-view-components-triggers-triggers__red {
  color: #e64759;
}
.js-view-components-triggers-triggers__feedback .js-view-components-triggers-triggers__red .js-view-components-triggers-triggers__arrow {
  line-height: 1;
  vertical-align: text-top;
  margin: 0 2px;
}
.js-view-components-triggers-triggers__feedback .js-view-components-triggers-triggers__green {
  color: #1bc98e;
}
.js-view-components-triggers-triggers__feedback .js-view-components-triggers-triggers__green .js-view-components-triggers-triggers__arrow {
  line-height: 1;
  vertical-align: text-top;
  margin: 0 2px;
}
.js-view-components-triggers-triggers__symbol {
  font-size: 25px;
  line-height: 1;
  margin: 0 3px;
  position: relative;
  bottom: 2px;
}
.js-view-components-triggers-triggers__icon {
  font-size: 20px;
  margin: 0 3px;
}
.js-view-components-triggers-triggers__configCheckboxRow {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.js-view-components-triggers-triggers__sliderContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
}
.js-view-components-triggers-triggers__sliderContainer > *:first-child {
  width: calc(100% - 40px);
  margin: 0;
}
.js-view-components-triggers-triggers__sliderContainer .js-view-components-triggers-triggers__proximityText {
  font-size: 12px;
  line-height: 1;
  margin: 5px;
  color: #1bc98e;
}
.js-view-components-triggers-triggers__sliderInfo {
  margin-left: 28px;
}
.js-view-components-triggers-triggers__title {
  font-size: 18px;
}
.js-view-components-triggers-triggers__languageIcon {
  font-size: 20px;
}
.js-view-components-triggers-triggers__expandIcon {
  font-size: 10px;
  width: 70px;
  min-width: unset;
  visibility: unset;
}
.js-view-components-triggers-triggers__button {
  height: 32px;
  width: 35px;
  border-radius: 4px;
  border: 1px solid #1bc98e;
  font-size: 20px;
  color: #1bc98e;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1a3133;
  margin-left: 7px;
  cursor: pointer;
}
.js-view-components-triggers-triggers__button::before {
  margin-top: -5px;
}
.js-view-components-triggers-triggers__buttonRed {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  border: 1px solid #e64759;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #30222d;
  cursor: pointer;
  color: #e64759;
}
.js-view-components-triggers-triggers__buttonRed::before {
  margin-top: -4px;
}
.js-view-components-triggers-triggers__buttonRed:hover {
  border: 2px solid #e64759;
}
.js-view-components-triggers-triggers__lexicasContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 400px;
  border: 1px dashed #1bc98e;
  border-radius: 8px;
  margin-bottom: 5px;
  background-color: #15181f;
  padding: 4px;
}
.js-view-components-triggers-triggers__lexicasContainer .js-view-components-triggers-triggers__lexica {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1px;
  padding: 7px;
  border: 1px solid #1bc98e;
  border-radius: 5px;
  width: 192px;
  height: 30px;
  cursor: pointer;
}
.js-view-components-triggers-triggers__lexicasContainer .js-view-components-triggers-triggers__lexica .js-view-components-triggers-triggers__hits {
  border: 1px solid #e64759;
  color: #e64759;
  padding: 0 5px;
  line-height: 1.3;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.js-view-components-triggers-triggers__lexicasContainer .js-view-components-triggers-triggers__lexica .js-view-components-triggers-triggers__hits .js-view-components-triggers-triggers__north {
  font-size: 12px;
}
.js-view-components-triggers-triggers__lexicasContainer .js-view-components-triggers-triggers__lexica .js-view-components-triggers-triggers__lexicaTerm {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}
.js-view-components-triggers-triggers__lexicasContainer .js-view-components-triggers-triggers__lexica:hover {
  background-color: #1c2f2e;
}
.js-view-components-triggers-triggers__collapsibleDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
  margin-top: 20px;
}
.js-view-components-triggers-triggers__collapsible {
  background-color: #353944;
  margin-top: 20px;
}
.js-view-components-triggers-triggers__tableSection {
  padding: 0;
}
.js-view-components-triggers-triggers__warningContainer .js-view-components-triggers-triggers__warnings {
  padding: 0.5em 1.5em;
  border: 1px solid #e4d836;
  border-radius: 4px;
  margin-bottom: 10px;
}
.js-view-components-triggers-triggers__warningContainer .js-view-components-triggers-triggers__warnings ul {
  padding: 0;
}
.js-view-components-triggers-triggers__warningContainer .js-view-components-triggers-triggers__warnings li {
  color: #e4d836;
}
.js-view-components-triggers-triggers__disabled {
  pointer-events: none;
  opacity: 0.5;
}
.js-view-components-triggers-triggers__suggestionsButton {
  padding: 2px 4px;
  font-size: 16px;
  margin-left: 7px;
  border: 1px solid #8b6cff;
}
.js-view-components-triggers-triggers__suggesterContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-triggers-triggers__suggesterContainer > * {
  margin-left: 7px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__triggerContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__subtitle {
  margin: 5px 0 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-triggers-project-triggers__horizontalLine {
  width: 400px;
  border-bottom: 1px solid #6f7890;
  margin: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__rightToLeftEnter {
  opacity: 0.5;
  transform: translateX(100%);
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__rightToLeftEnterActive {
  opacity: 1;
  transform: translateX(0);
  transition: all 500ms;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__rightToLeftExit {
  opacity: 0;
  transform: translateX(0);
  height: 0;
  visibility: hidden;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__rightToLeftExitActive {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 500ms ease-out;
  height: 0;
  visibility: hidden;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__leftToRightEnter {
  opacity: 0.5;
  transform: translateX(-100%);
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__leftToRightEnterActive {
  opacity: 1;
  transform: translateX(0);
  transition: all 500ms;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__leftToRightExit {
  opacity: 0;
  transform: translateX(0);
  height: 0;
  visibility: hidden;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__leftToRightExitActive {
  opacity: 0.1;
  transform: translateX(100%);
  transition: all 500ms ease-out;
  height: 0;
  visibility: hidden;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__layout {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 0;
  padding: 16px;
  overflow-y: scroll;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__layout::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__layout::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__layout::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__layout::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__layout > * {
  margin-bottom: 15px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__headerBack {
  padding-bottom: 10px;
  border-bottom: 1px solid #6f7890;
  align-self: stretch;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__header {
  padding-top: 15px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__handshakeIcon {
  height: 32px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__title {
  margin-top: 10px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__form-container {
  width: 100vw;
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0 20px 20px 20px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__form-body {
  width: 40%;
  max-width: 650px;
  background-color: #15181f;
  padding: 20px 20px 0 20px;
  border: 1px solid #1997c6;
  box-shadow: 0 0 10px 0 #1997c6;
  border-radius: 10px;
  padding-bottom: 10px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__tallLine {
  height: 80px;
  width: 0;
  border-left: 1px dashed #1bc98e;
  margin-bottom: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__nextIcon {
  width: 26px;
  transform: translate(2px, 2px);
  /* slight shift to make it look centred */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__check {
  font-size: 30px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-project-detail-form-project-detail-form__steps {
  padding-bottom: 15px;
  border-bottom: 1px solid #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modalStyle {
  max-height: 95vh;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modalStyle .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modalStyle .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-content .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modalStyle .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-content .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modalStyle .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-content .js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-bottom: 6px;
  height: 46px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
  padding-bottom: 10px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalTitle i {
  font-size: 30px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalTitle p {
  margin: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalTitleCentred {
  padding: 8px 32px 0;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalTitleCentred i {
  font-size: 30px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalTitleCentred p {
  margin: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__titleTextCentered {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalContentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__confirmModalContentHeadingCentered {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
  text-align: center;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
  padding: 8px 0 16px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__buttons > * {
  display: contents;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__footerContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__errorText {
  color: #e64759;
  text-align: center;
  width: 100%;
}
/* Global necessary because we are using a Bootstrap modal */
.confirm-anything-dialog {
  max-height: 95vh;
}
.confirm-anything-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.confirm-anything-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.confirm-anything-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.confirm-anything-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-active-modal-info-barrier-active-modal__activeForm {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  border: 1px solid #51586a;
  box-shadow: 0 0 10px 0 #0f1013;
  background: #1d212b;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__shakeAnimation {
  animation: js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__tableSection > * {
  width: 100%;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__row {
  grid-column: 1/-1;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cell {
  display: flex;
  justify-content: flex-start;
  overflow: auto;
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cell::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cell::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cell::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cell::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cellCenter {
  display: flex;
  justify-content: flex-start;
  overflow: auto;
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  justify-content: center;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cellCenter::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cellCenter::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cellCenter::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__cellCenter::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__tooltipBtn {
  margin-right: 10px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__buttonCell {
  margin: 0 2px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__buttonCell button {
  padding: 3px 7px;
  border-radius: 8px;
  height: 30px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__buttonCell button i {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__projects {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__projects a {
  margin-left: 6px;
  padding: 0;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__inactiveEye {
  height: 20px;
  width: 20px;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__inactiveEyeModal {
  height: 30px;
  width: 30px;
  color: #cfd2da;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-comms-surveillance-pages-info-barrier-components-table-components-table-components__topCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  align-items: flex-start;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-UNRESOLVED {
  color: #e64759;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-UNDER_INVESTIGATION,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-IN_PROGRESS,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-IN_REVIEW,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-ASSIGNED_OTHER,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-ESCALATED {
  color: #e4d836;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-RESOLVED,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-RESOLVED_WITH_BREACH,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-RESOLVED_WITH_INVESTIGATION,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-RESOLVED_WITH_DISMISSAL,
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-alert-status__alert-status-RESOLVED_WITH_INVESTIGATION_WITH_BREACH {
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-resolution-category-resolution-category__shakeAnimation {
  animation: js-view-components-resolution-category-resolution-category__shake 0.5s;
}
@keyframes js-view-components-resolution-category-resolution-category__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-resolution-category-resolution-category__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-resolution-category-resolution-category__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-category-resolution-category__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-resolution-category-resolution-category__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-resolution-category-resolution-category__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-category-resolution-category__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-category-resolution-category__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-category-resolution-category__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-resolution-category-resolution-category__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-resolution-category-resolution-category__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-category-resolution-category__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-category-resolution-category__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-category-resolution-category__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-resolution-category-resolution-category__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-resolution-category-resolution-category__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-category-resolution-category__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-category-resolution-category__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-resolution-category-resolution-category__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-category-resolution-category__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-resolution-category-resolution-category__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-resolution-category-resolution-category__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-category-resolution-category__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-category-resolution-category__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-resolution-category-resolution-category__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-resolution-category-resolution-category__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-resolution-category-resolution-category__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-resolution-category-resolution-category__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-category-resolution-category__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-category-resolution-category__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-resolution-category-resolution-category__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-resolution-category-resolution-category__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-resolution-category-resolution-category__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-resolution-category-resolution-category__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-resolution-category-resolution-category__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-resolution-category-resolution-category__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-resolution-category-resolution-category__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-resolution-category-resolution-category__tableSection > * {
  width: 100%;
}
.js-view-components-resolution-category-resolution-category__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-resolution-category-resolution-category__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-resolution-category-resolution-category__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-resolution-category-resolution-category__row {
  grid-column: 1/-1;
}
.js-view-components-resolution-category-resolution-category__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-resolution-subcategories-resolution-subcategories__shakeAnimation {
  animation: js-view-components-resolution-subcategories-resolution-subcategories__shake 0.5s;
}
@keyframes js-view-components-resolution-subcategories-resolution-subcategories__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-resolution-subcategories-resolution-subcategories__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-subcategories-resolution-subcategories__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-resolution-subcategories-resolution-subcategories__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-resolution-subcategories-resolution-subcategories__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-resolution-subcategories-resolution-subcategories__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-resolution-subcategories-resolution-subcategories__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-resolution-subcategories-resolution-subcategories__tableSection > * {
  width: 100%;
}
.js-view-components-resolution-subcategories-resolution-subcategories__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-resolution-subcategories-resolution-subcategories__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-resolution-subcategories-resolution-subcategories__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-resolution-subcategories-resolution-subcategories__row {
  grid-column: 1/-1;
}
.js-view-components-resolution-subcategories-resolution-subcategories__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-account-components-cells-account-status-cell-account-status-cell__shakeAnimation {
  animation: js-view-modules-account-components-cells-account-status-cell-account-status-cell__shake 0.5s;
}
@keyframes js-view-modules-account-components-cells-account-status-cell-account-status-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-account-components-cells-account-status-cell-account-status-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-account-components-cells-account-status-cell-account-status-cell__label {
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.js-view-modules-account-components-cells-account-status-cell-account-status-cell__red {
  color: #e64759;
}
.js-view-modules-account-components-cells-account-status-cell-account-status-cell__green {
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-header-cell-header-cell__shakeAnimation {
  animation: js-view-components-grid-table-header-cell-header-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-header-cell-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-header-cell-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-cell-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-cell-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-header-cell-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-header-cell-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-header-cell-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-header-cell-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-cell-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-cell-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-header-cell-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-header-cell-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-header-cell-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-header-cell-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-header-cell-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-header-cell-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-header-cell-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-header-cell-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-header-cell-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-header-cell-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-header-cell-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-header-cell-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-header-cell-header-cell__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  border: none;
  text-align: left;
  width: 100%;
  background-color: #353944;
  overflow: hidden;
}
.js-view-components-grid-table-header-cell-header-cell__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  border: none;
  text-align: left;
  width: 100%;
  background-color: #353944;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}
.js-view-components-grid-table-header-cell-header-cell__container {
  border-bottom: 1px solid #51586a;
  position: relative;
  display: flex;
  align-items: center;
}
.js-view-components-grid-table-header-cell-header-cell__draggableArea {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  width: 15px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-grid-table-header-cell-header-cell__draggableArea:hover,
.js-view-components-grid-table-header-cell-header-cell__draggableArea.js-view-components-grid-table-header-cell-header-cell__dragging {
  border-right: 5px solid #51586a;
}
.js-view-components-grid-table-header-cell-header-cell__gray {
  background-color: #353944;
}
.js-view-components-grid-table-header-cell-header-cell__black {
  background-color: #15181f;
}
.js-view-components-grid-table-header-cell-header-cell__verticalDivider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  min-height: 40px;
  background-color: #6f7890;
}

.js-view-components-input-autosuggest-input__select {
  margin: 0;
  padding: 0;
  width: 100%;
}
.js-view-components-input-autosuggest-input__inputGroup {
  width: 100%;
}
.js-view-components-input-autosuggest-input__inputGroup input {
  max-width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__shakeAnimation {
  animation: js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__shake 0.5s;
}
@keyframes js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__tableSection > * {
  width: 100%;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__row {
  grid-column: 1/-1;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-bottom: 6px;
  height: 46px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__unApplyPolicyModal {
  width: 700px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__modalTitle {
  font-size: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__modalDesc {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  background-color: #15181f;
  padding: 0 10px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__unapplyRoleDesc {
  margin-top: 20px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__applyRoleDesc {
  margin: 10px 0;
  text-align: center;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__userRoleInfo {
  width: 100%;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr) 2fr;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: visible;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__newTable .js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__headerCell {
  background-color: #252830;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__label {
  border-radius: 4px;
  height: 25px;
  width: 80px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__red {
  background: #e64759;
  color: #cfd2da;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__green {
  background: #1bc98e;
  color: #fff;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__textCell {
  border-bottom: none;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__verticalDivider {
  display: inline-block;
  overflow: hidden;
  width: 0.5px;
  min-height: 30px;
  background-color: #6f7890;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__divider {
  border-top: 1px solid #434857;
  width: 100%;
  margin: 10px 0;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__redText {
  color: #e64759;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__statusCell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__roleSelectCell {
  display: flex;
  flex-direction: column;
  padding: 8px;
  overflow: visible;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__roleSelectCell > div {
  margin-bottom: 0;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__confirmTextContainer {
  display: flex;
  margin: 10px 0 20px 0;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__modalFooter {
  display: flex;
  gap: 8px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__inputGroup > input {
  color: #1bc98e;
  position: relative;
  padding: 6px 12px 6px 25px;
  background-color: #1a3133;
  box-shadow: inset 0 0 0 1.5px #434857;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__inputGroup::after {
  position: absolute;
  content: '\2713';
  top: 5px;
  left: 10px;
  z-index: 99;
  color: #1bc98e;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__inputGroup:focus-within::after {
  content: '';
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__inputGroup:focus-within > input {
  padding: 6px 12px;
}
.js-view-modules-admin-components-roles-modals-unapply-policy-modal-unapply-policy-modal__notPossible {
  color: #e64759;
  font-size: 16px;
  margin-top: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-roles-modals-apply-policy-modal-apply-policy-modal__shakeAnimation {
  animation: js-view-modules-admin-components-roles-modals-apply-policy-modal-apply-policy-modal__shake 0.5s;
}
@keyframes js-view-modules-admin-components-roles-modals-apply-policy-modal-apply-policy-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-roles-modals-apply-policy-modal-apply-policy-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-roles-modals-apply-policy-modal-apply-policy-modal__green {
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-svg-button-with-text-svg-button-with-text__shakeAnimation {
  animation: js-view-components-svg-button-with-text-svg-button-with-text__shake 0.5s;
}
@keyframes js-view-components-svg-button-with-text-svg-button-with-text__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-svg-button-with-text-svg-button-with-text__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-svg-button-with-text-svg-button-with-text__container {
  border: 1px solid;
  border-radius: 4px;
  width: max-content;
  background-color: transparent;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container .js-view-components-svg-button-with-text-svg-button-with-text__content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  text-decoration: none;
  letter-spacing: normal;
  font-weight: normal;
  white-space: nowrap;
  user-select: none;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container .js-view-components-svg-button-with-text-svg-button-with-text__content .js-view-components-svg-button-with-text-svg-button-with-text__text {
  margin-left: 8px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container .js-view-components-svg-button-with-text-svg-button-with-text__content.js-view-components-svg-button-with-text-svg-button-with-text__disabled {
  cursor: default;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue {
  border-color: #1997c6;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #1997c6;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue.js-view-components-svg-button-with-text-svg-button-with-text__selected {
  background-color: rgba(25, 151, 198, 0.8);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue.js-view-components-svg-button-with-text-svg-button-with-text__selected .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #ffffff;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue:hover {
  background-color: #1997c6;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue:hover .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #ffffff;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__blue:hover svg {
  filter: brightness(4);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green {
  border-color: #1bc98e;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #1bc98e;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green.js-view-components-svg-button-with-text-svg-button-with-text__selected {
  background-color: rgba(27, 201, 142, 0.8);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green.js-view-components-svg-button-with-text-svg-button-with-text__selected .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #ffffff;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green:hover {
  background-color: #1bc98e;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green:hover .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #ffffff;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__green:hover svg {
  filter: brightness(4);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red {
  border-color: #e64759;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #e64759;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red.js-view-components-svg-button-with-text-svg-button-with-text__selected {
  background-color: rgba(230, 71, 89, 0.8);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red.js-view-components-svg-button-with-text-svg-button-with-text__selected .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #ffffff;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red:hover {
  background-color: #e64759;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red:hover .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #ffffff;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__red:hover svg {
  filter: brightness(4);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow {
  border-color: #e4d836;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #e4d836;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow.js-view-components-svg-button-with-text-svg-button-with-text__selected {
  background-color: rgba(228, 216, 54, 0.8);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow.js-view-components-svg-button-with-text-svg-button-with-text__selected .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #15181f;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow:hover {
  background-color: #e4d836;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow:hover .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #15181f;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__yellow:hover svg {
  filter: brightness(4);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__disabled {
  border-color: #6f7890;
  cursor: default;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__disabled .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #6f7890;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__disabled:hover {
  background-color: transparent;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__disabled:hover .js-view-components-svg-button-with-text-svg-button-with-text__content {
  color: #6f7890;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__disabled:hover svg {
  filter: brightness(0.5);
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__large {
  height: 60px;
  font-size: 20px;
  padding: 0 20px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__large svg {
  height: 30px;
  width: 30px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__medium {
  height: 34px;
  font-size: 14px;
  padding: 0 14px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__medium svg {
  height: 20px;
  width: 20px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__small {
  height: 28px;
  font-size: 12px;
  padding: 0 12px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__small svg {
  height: 15px;
  width: 15px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__xsmall {
  height: 24px;
  font-size: 12px;
  padding: 0 12px;
}
.js-view-components-svg-button-with-text-svg-button-with-text__container.js-view-components-svg-button-with-text-svg-button-with-text__xsmall svg {
  height: 12px;
  width: 12px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-label-with-icon-label-with-icon__shakeAnimation {
  animation: js-view-components-label-with-icon-label-with-icon__shake 0.5s;
}
@keyframes js-view-components-label-with-icon-label-with-icon__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-label-with-icon-label-with-icon__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-label-with-icon-label-with-icon__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  min-width: 140px;
  padding: 4px 8px;
  border-radius: 4px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__small .js-view-components-label-with-icon-label-with-icon__text {
  font-size: 12px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__small .js-view-components-label-with-icon-label-with-icon__icon {
  height: 16px;
  width: 16px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__small .js-view-components-label-with-icon-label-with-icon__icon > i {
  font-size: 16px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__medium .js-view-components-label-with-icon-label-with-icon__text {
  font-size: 14px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__medium .js-view-components-label-with-icon-label-with-icon__icon {
  height: 20px;
  width: 20px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__medium .js-view-components-label-with-icon-label-with-icon__icon > i {
  font-size: 20px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__large .js-view-components-label-with-icon-label-with-icon__text {
  font-size: 16px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__large .js-view-components-label-with-icon-label-with-icon__icon {
  height: 24px;
  width: 24px;
}
.js-view-components-label-with-icon-label-with-icon__container.js-view-components-label-with-icon-label-with-icon__large .js-view-components-label-with-icon-label-with-icon__icon > i {
  font-size: 24px;
}
.js-view-components-label-with-icon-label-with-icon__icon {
  margin-right: 8px;
}
.js-view-components-label-with-icon-label-with-icon__svgIcon {
  height: 20px;
  width: 20px;
}
.js-view-components-label-with-icon-label-with-icon__text {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.js-view-components-label-with-icon-label-with-icon__yellow {
  color: #15181f;
  background-color: #e4d836;
}
.js-view-components-label-with-icon-label-with-icon__red {
  color: #cfd2da;
  background-color: #e64759;
}
.js-view-components-label-with-icon-label-with-icon__green {
  color: #cfd2da;
  background-color: #1bc98e;
}
.js-view-components-label-with-icon-label-with-icon__blue {
  color: #cfd2da;
  background-color: #1997c6;
}
.js-view-components-label-with-icon-label-with-icon__gray {
  color: #6f7890;
  background-color: #2d303a;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__shakeAnimation {
  animation: js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__shake 0.5s;
}
@keyframes js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__container {
  border-radius: 4px;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__container > div {
  margin: 0;
  box-shadow: 0 0 5px 5px #0f1013;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__container .js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__infoText {
  width: 100%;
  margin: 0 10px;
  justify-content: flex-start;
  border: 1px #1997c6 solid;
  border-left-width: 5px;
  background-color: rgba(25, 151, 198, 0.2);
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__container .js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__infoText > div:first-child {
  width: 32px;
  height: 30px;
  margin: 5px 5px 5px 0;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__container .js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__infoText > div:last-child {
  font-weight: initial;
  text-transform: initial;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__header {
  display: grid;
  grid-template-columns: 1fr 0.2fr;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__btnGroup {
  display: flex;
  gap: 8px;
  width: max-content;
  padding: 10px 0;
  border-bottom: 1px solid #51586a;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__search {
  display: flex;
  gap: 8px;
  width: max-content;
  padding: 10px 0;
  border-bottom: 1px solid #51586a;
  justify-self: flex-end;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__usersTable {
  margin: 10px 0;
}
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__unApplyPolicyBtn,
.js-view-modules-admin-components-users-policy-table-wrapper-users-policy-table-wrapper__applyPolicyBtn {
  justify-self: center;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__shakeAnimation {
  animation: js-view-modules-admin-components-approval-approval-buttons-approval__shake 0.5s;
}
@keyframes js-view-modules-admin-components-approval-approval-buttons-approval__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-approval-approval-buttons-approval__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__tableSection > * {
  width: 100%;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__row {
  grid-column: 1/-1;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__expandableCell {
  width: 100%;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__expandableCell > div {
  border: none;
}
.js-view-modules-admin-components-approval-approval-buttons-approval__approvalButtons {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-language-selector-flags__shakeAnimation {
  animation: js-view-components-language-selector-flags__shake 0.5s;
}
@keyframes js-view-components-language-selector-flags__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-language-selector-flags__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-language-selector-flags__flags {
  display: flex;
  gap: 4px;
  min-width: 0;
  align-items: center;
}
.js-view-components-language-selector-flags__flag {
  font-size: 16px;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.js-view-components-language-selector-flags__flag::before,
.js-view-components-language-selector-flags__flag::after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) translateY(100%) scale(0);
  transition: 200ms transform;
  transform-origin: top center;
}
.js-view-components-language-selector-flags__flag::before {
  content: attr(data-tooltip);
  z-index: 10;
  width: max-content;
  max-width: 300px;
  font-size: 14px;
  padding: 1rem;
  color: #cfd2da;
  left: 50%;
  border: 1px solid #1997c6;
  border-radius: 4px;
  bottom: -5px;
  background-color: #252830;
}
.js-view-components-language-selector-flags__flag:hover::before {
  transform: translateX(-50%) translateY(calc(100% + 5px)) scale(1);
}
.js-view-components-language-selector-flags__flag::after {
  content: '';
  transform: translateX(-50%) translateY(5px) scale(0);
  border: 5px solid transparent;
  border-bottom-color: #1997c6;
  transform-origin: bottom center;
}
.js-view-components-language-selector-flags__flag:hover::after {
  transform: translateX(-50%) translateY(5px) scale(1);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-detail-section-header__shakeAnimation {
  animation: js-view-components-detail-section-header__shake 0.5s;
}
@keyframes js-view-components-detail-section-header__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-detail-section-header__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-detail-section-header__section-header {
  text-transform: uppercase;
  color: #cfd2da;
  border-bottom: 1px solid rgba(151, 151, 151, 0.65);
  padding-bottom: 5px;
  margin: 10px 0 15px 0;
  font-weight: bold;
  font-size: 18px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-number-input-with-separator__shakeAnimation {
  animation: js-view-components-input-number-input-with-separator__shake 0.5s;
}
@keyframes js-view-components-input-number-input-with-separator__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-number-input-with-separator__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-number-input-with-separator__number-input-container {
  margin: 0 0.5em;
}
.js-view-components-input-number-input-with-separator__number-display {
  background: white;
  color: #0f1013;
  padding: 0.1em 0.5em;
  border-radius: 0.15em;
}
.js-view-components-input-number-input-with-separator__number-input {
  color: #0f1013;
  padding: 0 0.5em;
  border-radius: 0.25em;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__shakeAnimation {
  animation: js-view-components-surveillance-value-range-slider-value-range-slider__shake 0.5s;
}
@keyframes js-view-components-surveillance-value-range-slider-value-range-slider__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-value-range-slider-value-range-slider__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-value-range-slider-value-range-slider__tree-container {
  display: flex;
  width: 100%;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__tree-container-line {
  border-right: 1px solid #6f7890;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__bestex-section-container {
  padding: 5px;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__title {
  color: #cfd2da;
  opacity: 0.9;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__counts-container {
  display: flex;
  margin: 10px 0;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings {
  display: flex;
  margin-bottom: 1em;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .js-view-components-surveillance-value-range-slider-value-range-slider__filter-sentence {
  color: #1bc98e;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .settings-dropdown ul {
  min-width: unset;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .settings-dropdown ul li {
  text-align: center;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .settings-dropdown h3 {
  font-weight: normal;
  color: #1bc98e;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .js-view-components-surveillance-value-range-slider-value-range-slider__settings-input {
  width: max-content;
  min-width: 60px;
  outline: none;
  color: #0f1013;
  text-align: center;
  margin-bottom: 5px;
  padding: 3px;
  border-radius: 3px;
  border: none;
  height: 30px;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .js-view-components-surveillance-value-range-slider-value-range-slider__settings-input.js-view-components-surveillance-value-range-slider-value-range-slider__with-unit {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 22px;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-settings .js-view-components-surveillance-value-range-slider-value-range-slider__settings-input-unit {
  display: inline;
  background-color: #cfd2da;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  padding: 3px;
  color: #0f1013;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-input {
  width: 100%;
}
.js-view-components-surveillance-value-range-slider-value-range-slider__slider-container .js-view-components-surveillance-value-range-slider-value-range-slider__slider-input .js-view-components-surveillance-value-range-slider-value-range-slider__histogram {
  height: 50px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-watch-create-styles__shakeAnimation {
  animation: js-view-components-surveillance-watch-create-styles__shake 0.5s;
}
@keyframes js-view-components-surveillance-watch-create-styles__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-watch-create-styles__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-watch-create-styles__main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.js-view-components-surveillance-watch-create-styles__main-container h1 {
  font-size: 32px;
  color: #cfd2da;
  font-weight: normal;
  margin-top: 10px;
}
.js-view-components-surveillance-watch-create-styles__main-container p {
  font-size: 12px;
  color: #cfd2da;
}
.js-view-components-surveillance-watch-create-styles__main-container .js-view-components-surveillance-watch-create-styles__icon i {
  font-size: 30px;
}
.js-view-components-surveillance-watch-create-styles__main-container .js-view-components-surveillance-watch-create-styles__icon svg {
  height: 30px;
  width: 30px;
}
.js-view-components-surveillance-watch-create-styles__main-container .js-view-components-surveillance-watch-create-styles__icon svg path {
  fill: #cfd2da;
}
.js-view-components-surveillance-watch-create-styles__tree-container {
  display: flex;
}
.js-view-components-surveillance-watch-create-styles__bestex-section-container {
  padding: 5px;
}
.js-view-components-surveillance-watch-create-styles__title {
  color: #cfd2da;
  opacity: 0.9;
}
.js-view-components-surveillance-watch-create-styles__slider-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__counts-container {
  display: flex;
  margin: 10px 0;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings {
  text-align: center;
  margin: 5px 0;
  border-bottom: 1px solid #51586a;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .js-view-components-surveillance-watch-create-styles__filter-sentence {
  color: #1bc98e;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .settings-dropdown ul {
  min-width: unset;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .settings-dropdown ul li {
  text-align: center;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .settings-dropdown h3 {
  font-weight: normal;
  color: #1bc98e;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .js-view-components-surveillance-watch-create-styles__settings-input {
  width: 50px;
  color: #0f1013;
  text-align: center;
  margin-bottom: 5px;
  padding: 3px;
  border-radius: 3px;
  border: none;
  height: 30px;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .js-view-components-surveillance-watch-create-styles__settings-input.js-view-components-surveillance-watch-create-styles__with-unit {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 22px;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-settings .js-view-components-surveillance-watch-create-styles__settings-input-unit {
  display: inline;
  background-color: #cfd2da;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  padding: 3px;
  color: #0f1013;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-input {
  width: 100%;
}
.js-view-components-surveillance-watch-create-styles__slider-container .js-view-components-surveillance-watch-create-styles__slider-input .js-view-components-surveillance-watch-create-styles__histogram {
  height: 50px;
}
.js-view-components-surveillance-watch-create-styles__field-selector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-surveillance-watch-create-styles__field-selector button {
  margin: 5px;
}
.js-view-components-surveillance-watch-create-styles__days-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-top: 1px solid #51586a;
  margin: 10px 25px;
}
.js-view-components-surveillance-watch-create-styles__days-container .js-view-components-surveillance-watch-create-styles__filter-sentence {
  color: #1bc98e;
}
.js-view-components-surveillance-watch-create-styles__list-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-surveillance-watch-create-styles__list-container div {
  margin: 0 10px;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container {
  display: flex;
  flex-direction: row;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__filter-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border: #6f7890 1px solid;
  border-radius: 5px;
  width: 150px;
  padding: 5px;
  margin-bottom: 10px;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__filter-container:hover {
  border: #1bc98e 1px solid;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__field-value-filter {
  display: flex;
  flex-direction: column;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-style: italic;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__field-value-filter .js-view-components-surveillance-watch-create-styles__field {
  font-size: 10px;
  font-weight: bold;
  color: #1bc98e;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__field-value-filter .js-view-components-surveillance-watch-create-styles__values {
  font-size: 9px;
  color: #1bc98e;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__field-value-filter .js-view-components-surveillance-watch-create-styles__model {
  color: #1bc98e;
}
.js-view-components-surveillance-watch-create-styles__query-preview-container .js-view-components-surveillance-watch-create-styles__preview-container .js-view-components-surveillance-watch-create-styles__query-part .js-view-components-surveillance-watch-create-styles__remove-button {
  font-size: 20px;
  color: #e64759;
  cursor: pointer;
}
.js-view-components-surveillance-watch-create-styles__save-container {
  margin: 0 30%;
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: column;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__header {
  color: #cfd2da;
  padding-bottom: 15px;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__fields-container {
  margin: 20px;
  padding: 15px 20px 10px;
  background-color: #353944;
  border-radius: 5px;
  align-items: center;
  width: 100%;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__fields-container input {
  background-color: white;
  width: 300px;
  color: #0f1013;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__fields-container textarea {
  background-color: white;
  color: #0f1013;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__button-container {
  padding: 20px;
  display: flex;
  align-items: center;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__button-container button {
  margin-right: 10px;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__button-container button:last-of-type {
  margin-right: 0;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__button-container .js-view-components-surveillance-watch-create-styles__loading-container {
  display: flex;
  align-items: center;
}
.js-view-components-surveillance-watch-create-styles__save-container .js-view-components-surveillance-watch-create-styles__button-container .js-view-components-surveillance-watch-create-styles__loading-container span {
  color: #e4d836;
  margin: 0 5px;
}
.js-view-components-surveillance-watch-create-styles__muted-text {
  color: #cfd2da;
  margin-top: 20px;
  opacity: 0.65;
}
.js-view-components-surveillance-watch-create-styles__divider {
  height: 1px;
  width: 100%;
  background-color: #51586a;
  margin: 10px 0;
}
.js-view-components-surveillance-watch-create-styles__sections-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button {
  opacity: 0.8;
  position: relative;
  height: 90px;
  width: 90px;
  margin: 0 5px;
  padding: 20px 0;
  border: 1px solid #1997c6;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #1997c6;
  flex-direction: column;
  font-size: 13px;
  cursor: pointer;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon-large svg {
  height: 30px;
  width: auto;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon svg {
  height: 20px;
  width: auto;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon span {
  font-size: 20px;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon .fill-path,
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon-large .fill-path {
  fill: #1997c6;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon .fill-stroke,
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon-large .fill-stroke {
  stroke: #1997c6;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon .fill-background,
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__section-icon-large .fill-background {
  fill: #252830;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button:hover {
  background-color: #1997c6;
  color: #cfd2da;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button:hover .js-view-components-surveillance-watch-create-styles__section-icon .fill-path {
  fill: #cfd2da;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button:hover .js-view-components-surveillance-watch-create-styles__section-icon .fill-stroke {
  stroke: #cfd2da;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button:hover .js-view-components-surveillance-watch-create-styles__section-icon .fill-background {
  fill: #1997c6;
}
.js-view-components-surveillance-watch-create-styles__sections-container .js-view-components-surveillance-watch-create-styles__section-button .js-view-components-surveillance-watch-create-styles__has-items-indicator {
  position: absolute;
  top: 7px;
  right: 7px;
  color: #1bc98e !important;
  font-size: 10px !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-property-highlight-content__shakeAnimation {
  animation: js-view-components-property-highlight-content__shake 0.5s;
}
@keyframes js-view-components-property-highlight-content__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-property-highlight-content__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.matchHighlight {
  background-color: rgba(27, 201, 142, 0.3);
  border: 1px solid #1bc98e;
  border-radius: 0.2em;
  color: white !important;
}
.matchHighlight span {
  color: white !important;
}
.js-view-components-property-highlight-content__wordBreak {
  word-break: break-word;
  white-space: pre-wrap;
}
.js-view-components-property-highlight-content__linkEllipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-property-highlight-content__linkNoDecoration {
  text-decoration: underline;
  color: #cfd2da;
}
.js-view-components-property-highlight-content__linkNoDecoration span {
  text-decoration: underline;
  color: #cfd2da;
}
.js-view-components-property-highlight-content__linkNoDecoration:hover {
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-property-property-list__shakeAnimation {
  animation: js-view-components-property-property-list__shake 0.5s;
}
@keyframes js-view-components-property-property-list__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-property-property-list__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-property-property-list__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-property-property-list__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-property-property-list__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-property-property-list__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-property-property-list__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-property-property-list__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-property-property-list__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-property-property-list__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-property-property-list__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-property-property-list__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-property-property-list__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-property-property-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-property-property-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-property-property-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-property-property-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-property-property-list__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-property-property-list__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-property-property-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-property-property-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-property-property-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-property-property-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-property-property-list__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-property-property-list__container {
  padding-top: 0;
}
.js-view-components-property-property-list__title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid rgba(151, 151, 151, 0.65);
  margin-bottom: 15px;
}
.js-view-components-property-property-list__sectionHeader {
  text-transform: uppercase;
  color: #cfd2da;
  padding-bottom: 4px;
  margin: 10px 0 0;
  font-weight: bold;
  font-size: 18px;
}
.js-view-components-property-property-list__sectionHeaderSubcategory {
  text-transform: uppercase;
  color: #cfd2da;
  border-bottom: 1px solid rgba(151, 151, 151, 0.65);
  padding-bottom: 3px;
  margin: 20px 0 15px 0;
  font-weight: bold;
  font-size: 15px;
  margin-left: 10px;
}
.js-view-components-property-property-list__gridContainerSubcategory {
  display: grid;
  width: 100%;
  grid-template-columns: 30% 70%;
  margin-left: 10px;
}
.js-view-components-property-property-list__gridContainer {
  display: grid;
  width: 100%;
  grid-template-columns: 30% 70%;
}
.js-view-components-property-property-list__propertyBorder {
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.15);
  color: rgba(206, 206, 206, 0.75);
  margin: 5px 0;
  max-width: 100%;
  box-sizing: border-box;
}
.js-view-components-property-property-list__value {
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.15);
  color: rgba(206, 206, 206, 0.75);
  margin: 5px 0;
  max-width: 100%;
  box-sizing: border-box;
  border-left: 0.5px solid rgba(151, 151, 151, 0.15);
  padding-left: 10px;
}
.js-view-components-property-property-list__label {
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.15);
  color: rgba(206, 206, 206, 0.75);
  margin: 5px 0;
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  word-break: break-word;
}
.js-view-components-property-property-list__subItem {
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.15);
}
.js-view-components-property-property-list__subItem:last-of-type {
  border-bottom: none;
}
.js-view-components-property-property-list__expandIcon {
  float: right;
}
.js-view-components-property-property-list__expandCollapse {
  transition: height 0.25s ease-out;
  overflow: hidden;
  word-break: break-all;
}
.js-view-components-property-property-list__componentWrapper {
  display: flex;
  justify-content: space-between;
}
.js-view-components-property-property-list__logoWrapper {
  display: flex;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-property-property-list__show {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  transition: all 300ms linear;
  max-height: 100px;
  opacity: 1;
  overflow: auto;
}
.js-view-components-property-property-list__show::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-property-property-list__show::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-property-property-list__show::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-property-property-list__show::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-property-property-list__hide {
  opacity: 0;
  max-height: 0;
  transition: all 300ms linear;
  margin: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-alert-details-thresholds__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-alert-details-thresholds__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-alert-details-thresholds__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__container {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-height: 50px;
  min-height: 50px;
  overflow: auto;
  transition: all 0.25s ease-out;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__container::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__container::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__container::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__container::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__expandedContainer {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-height: 50px;
  min-height: 50px;
  overflow: auto;
  transition: all 0.25s ease-out;
  min-height: 100px;
  max-height: 450px;
  transition: all 0.25s ease-in;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__expandedContainer::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__expandedContainer::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__expandedContainer::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-alert-details-thresholds__expandedContainer::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__shakeAnimation {
  animation: js-view-components-grid-table-checkbox-cell-checkbox-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-checkbox-cell-checkbox-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-checkbox-cell-checkbox-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-checkbox-cell-checkbox-cell__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__shakeAnimation {
  animation: js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__container {
  position: relative;
  display: flex;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__draggableArea {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  width: 15px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__draggableArea:hover,
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__draggableArea.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__dragging {
  border-right: 5px solid #434857;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  box-sizing: content-box;
  border: none;
  background-color: #353944;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__dark {
  background-color: #2e323d;
}
.js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__black > .js-view-components-grid-table-header-checkbox-cell-header-checkbox-cell__headerCell {
  background-color: #15181f;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-hover-group-hover-group__shakeAnimation {
  animation: js-view-components-grid-table-hover-group-hover-group__shake 0.5s;
}
@keyframes js-view-components-grid-table-hover-group-hover-group__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-hover-group-hover-group__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup {
  display: contents;
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__gray.js-view-components-grid-table-hover-group-hover-group__selected > * {
  background-color: rgba(111, 120, 144, 0.3);
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__gray.js-view-components-grid-table-hover-group-hover-group__selected:hover > * {
  background-color: rgba(111, 120, 144, 0.4);
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__gray:hover > * {
  background-color: rgba(111, 120, 144, 0.1);
  cursor: pointer;
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__green.js-view-components-grid-table-hover-group-hover-group__selected > * {
  background-color: rgba(27, 201, 142, 0.3);
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__green.js-view-components-grid-table-hover-group-hover-group__selected:hover > * {
  background-color: rgba(27, 201, 142, 0.4);
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__green:hover > * {
  background-color: rgba(27, 201, 142, 0.1);
  cursor: pointer;
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__red.js-view-components-grid-table-hover-group-hover-group__selected > * {
  background-color: rgba(230, 71, 89, 0.2);
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__red.js-view-components-grid-table-hover-group-hover-group__selected:hover > * {
  background-color: rgba(230, 71, 89, 0.3);
}
.js-view-components-grid-table-hover-group-hover-group__hoverGroup.js-view-components-grid-table-hover-group-hover-group__red:hover > * {
  background-color: rgba(230, 71, 89, 0.1);
  cursor: pointer;
}
.js-view-components-grid-table-hover-group-hover-group__disabled {
  pointer-events: none;
}
.js-view-components-grid-table-hover-group-hover-group__cursorDefault > * {
  cursor: default !important;
  /* Overrides default cursor style if prop received */
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__shakeAnimation {
  animation: js-view-components-grid-table-sorting-header-cell-sorting-header-cell__shake 0.5s;
}
@keyframes js-view-components-grid-table-sorting-header-cell-sorting-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-sorting-header-cell-sorting-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__container {
  position: relative;
  display: flex;
  align-items: center;
  border-right: none;
  border-left: none;
  border-top: none;
  background-color: #353944;
  border-bottom: 1px solid #434857;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__sortingHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  padding: 8px;
  box-sizing: content-box;
  border: none;
  text-align: left;
  background-color: #353944;
  flex: 1;
  cursor: pointer;
  width: 100%;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__draggableArea {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 1px;
  width: 15px;
  z-index: 10;
  cursor: col-resize;
  background-color: transparent;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__draggableArea:hover,
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__draggableArea.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__dragging {
  border-right: 5px solid #51586a;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__darkGray {
  background-color: #2e323d;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__black {
  background-color: #15181f;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__dark {
  background-color: #2e323d;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__active {
  border-bottom: 4px solid #1ca8dd;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__centered {
  text-align: center;
  justify-content: center;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__arrowUp {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__arrowDown {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-grid-table-sorting-header-cell-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}

.js-view-modules-trades-surveillance-components-market-abuse-table-cells-numeric-value__centeredText {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-instrument-id-link__text:hover {
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-table-table-container__shakeAnimation {
  animation: js-view-components-table-table-container__shake 0.5s;
}
@keyframes js-view-components-table-table-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-table-table-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-table-table-container__container {
  padding: 15px 0;
}
.js-view-components-table-table-container__title-bar {
  display: flex;
  align-items: center;
  background-color: #51586a;
  padding: 9px 20px 10px;
}
.js-view-components-table-table-container__title-bar .form-group {
  margin: 0;
}
.js-view-components-table-table-container__title-bar .js-view-components-table-table-container__title {
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
}
.js-view-components-table-table-container__title-bar .js-view-components-table-table-container__title .js-view-components-table-table-container__row-count-message {
  color: #1bc98e;
  padding-left: 10px;
}
.js-view-components-table-table-container__title-bar h3 {
  margin: 0 30px 0 0;
  color: #cfd2da;
}
.js-view-components-table-table-container__title-bar .js-view-components-table-table-container__pusher {
  flex-grow: 1;
}
.js-view-components-table-table-container__title-bar .js-view-components-table-table-container__buttons {
  justify-content: flex-end;
}
.js-view-components-table-table-container__title-bar .js-view-components-table-table-container__buttons button {
  margin-right: 10px;
}
.js-view-components-table-table-container__columnSelector {
  background-color: #15181f;
}
.js-view-components-table-table-container__columnSelectorInputGroup {
  border: 1px solid #434857;
  border-radius: 4px;
}
.js-view-components-table-table-container__columnSelectorInputGroup span {
  background-color: #1f242e;
}
.js-view-components-table-table-container__columnSelectorInputGroup span:hover {
  background-color: #1f242e;
}
.js-view-components-table-table-container__columnSelectorInputGroup .custom-control-indicator {
  background-color: #15181f;
}
.js-view-components-table-table-container__columnSelectorInputGroup input {
  background-color: #15181f;
  border-top: none;
  border-bottom: none;
}
.js-view-components-table-table-container__columnSelectorInputGroup > button {
  margin-right: 40px !important;
}
.js-view-components-table-table-container__columnSelectorInputGroup > button > span {
  background-color: transparent;
}
.js-view-components-table-table-container__columnSelectorInputGroup > button > span:hover {
  background-color: transparent;
}
.js-view-components-table-table-container__columnSelectorOptions {
  background-color: #1f242e;
  max-height: 200px;
}
.js-view-components-table-table-container__columnSelectorOptions > ul {
  max-height: 200px;
}
.js-view-components-table-table-container__columnSelectorOptions > ul > li {
  background-color: #1f242e !important;
}
.js-view-components-table-table-container__columnSelectorOptions > ul > li:hover {
  background-color: #2a303d !important;
}
.js-view-components-table-table-container__tableContainer {
  display: contents;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__container section {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.5);
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__paginationContainer {
  width: 100%;
  padding: 16px 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border-bottom: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__newTable > .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__expandedRow {
  min-width: 100%;
  padding: 0 12px 12px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__timezoneContainer {
  display: 'flex';
  flex-direction: 'column';
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-orders-orders-table__timezone {
  font-size: 12px;
  color: #6f7890;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__row:last-child a,
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__table .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__row:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newTable > .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__expandedRow {
  min-width: 100%;
  padding: 0 12px 12px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__loadingContainer {
  min-width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #51586a;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__cellWithButton {
  justify-content: space-between;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__icon {
  padding-right: 8px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__capitalize {
  text-transform: capitalize;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__warning-list {
  margin: 0;
  padding: 0 0 0 16px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__cellText {
  min-width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__text-wrap {
  white-space: normal;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__source-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__cell-list {
  white-space: normal;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__simple-link a > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__link span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__row:last-child a,
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__row:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__headerCell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__cell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__centeredText {
  text-align: center;
  justify-content: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__resizableTable .js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__compactCell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__expandCollapseBtn {
  padding: 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__modalContainer .modal-content {
  background-color: #252830;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__modalContainer .modal-content .modal-body {
  padding: 15px;
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newsHeadlines {
  border: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__openInNewTabIcon {
  vertical-align: bottom;
  font-size: 20px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__headlineLink {
  font-weight: bold;
  color: #cfd2da;
  vertical-align: baseline;
  text-decoration: underline;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__headlineLink:hover {
  color: #1bc98e;
  cursor: pointer;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__newsHeadlinesTable {
  grid-template-columns: 180px 1fr 1fr 180px repeat(3, 1fr);
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__divider {
  border-top: 1px solid #434857;
  padding-top: 15px;
  margin-top: 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__dateTimeContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__iconPencilStyles {
  border-radius: 3px;
  color: #1ca8dd;
  padding: 4px;
  margin-left: 4px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__icon-pencil:before {
  content: '\EB15';
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__customMenuContainer {
  position: absolute;
  top: -6px;
  left: 110px;
  overflow: visible;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__centeredText {
  justify-content: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__sentimentNegative {
  justify-content: center;
  color: #e64759;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-report-tables-report-table__sentimentPositive {
  justify-content: center;
  color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-modal-dark-modal__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-modal-dark-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-modal-dark-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalStyle {
  max-height: 95vh;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalStyle .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalStyle .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-content .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalStyle .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-content .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalStyle .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-content .js-view-modules-trades-surveillance-components-modal-dark-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modal-container .modal-content {
  background-color: #252830;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modal-container .modal-content .modal-header {
  border-bottom: #60646b 1px solid;
  padding: 15px;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modal-container .modal-content .modal-header h4 {
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modal-container .modal-content .modal-header .close {
  color: #cfd2da;
  text-shadow: none;
  opacity: 0.6;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modal-container .modal-content .modal-body {
  padding: 15px;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
  padding: 8px 15px 15px 15px;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding: 0;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  margin: 0;
  padding: 15px;
  border: none;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__content ul,
.js-view-modules-trades-surveillance-components-modal-dark-modal__content ol {
  margin: 0 20px;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.js-view-modules-trades-surveillance-components-modal-dark-modal__border-top-bottom {
  border-top: 1px solid #6f7890;
  border-bottom: 1px solid #6f7890;
}

.js-view-modules-trades-surveillance-components-algorithm-description__description-btn {
  border-radius: 4px;
  height: 36px;
  width: 36px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-toolbar-item__shakeAnimation {
  animation: js-view-components-widget-toolbar-item__shake 0.5s;
}
@keyframes js-view-components-widget-toolbar-item__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-toolbar-item__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-toolbar-item__toolbarItem {
  margin-right: 8px;
  flex-shrink: 0;
}
.js-view-components-widget-toolbar-item__toolbarItem:last-of-type {
  margin-right: 0;
}
.js-view-components-widget-toolbar-item__inlineStyles {
  float: left;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-confirm-message-widget-control__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-confirm-message-widget-control__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-confirm-message-widget-control__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-confirm-message-widget-control__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-confirm-message-widget-control__message {
  color: #1bc98e !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-index__shakeAnimation {
  animation: js-view-components-form-index__shake 0.5s;
}
@keyframes js-view-components-form-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-index__form {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 1;
}
.js-view-components-form-index__form .form-group {
  margin: 15px 0;
  width: 100%;
}
.js-view-components-form-index__form .form-group .form-group {
  margin: 10px 0;
}
.js-view-components-form-index__form .form-group .form-group:last-of-type {
  margin: 0;
}
.js-view-components-form-index__form .form-group-indented {
  padding-left: 25px;
}
.js-view-components-form-index__form .form-group.has-error {
  border: 1px solid #e64759;
  padding: 8px;
}
.js-view-components-form-index__form textarea {
  resize: vertical;
}
.js-view-components-form-index__form .vertical-line {
  width: 1px;
  background-color: #6f7890;
  margin: 0 10px;
}
.help-block {
  color: #cfd2da !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-dropdown-field__shakeAnimation {
  animation: js-view-components-form-control-dropdown-field__shake 0.5s;
}
@keyframes js-view-components-form-control-dropdown-field__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-dropdown-field__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-dropdown-field__container {
  padding: 5px;
}
.js-view-components-form-control-dropdown-field__container button {
  background-color: #51586a;
  color: #cfd2da;
  border: #51586a;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-time-selector__shakeAnimation {
  animation: js-view-components-form-control-time-selector__shake 0.5s;
}
@keyframes js-view-components-form-control-time-selector__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-time-selector__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-time-selector__settings-input {
  width: max-content;
  min-width: 100px;
  outline: none;
  color: #0f1013;
  text-align: center;
  margin-bottom: 5px;
  padding: 3px;
  border-radius: 3px;
  border: none;
  height: 30px;
}
.js-view-components-form-control-time-selector__time-section {
  display: flex;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-schedule-options-schedule-option__shakeAnimation {
  animation: js-view-components-schedule-options-schedule-option__shake 0.5s;
}
@keyframes js-view-components-schedule-options-schedule-option__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-schedule-options-schedule-option__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-schedule-options-schedule-option__schedule-options-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 44px;
  min-width: 224px;
}
.js-view-components-schedule-options-schedule-option__radios {
  padding-top: 4px;
  padding-bottom: 4px;
}
.js-view-components-schedule-options-schedule-option__schedule-options-dropdowns {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.js-view-components-schedule-options-schedule-option__schedule-options-dropdowns > * {
  margin-top: 4px;
  margin-bottom: 4px;
}
.js-view-components-schedule-options-schedule-option__schedule-option-select {
  width: 25%;
  min-width: 160px;
}
.js-view-components-schedule-options-schedule-option__schedule-text {
  margin: 0 2px;
}
.js-view-components-schedule-options-schedule-option__item-group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-schedule-options-schedule-option__timezone {
  min-width: 224px;
}
.js-view-components-schedule-options-schedule-option__dropdown-wider {
  width: 128px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-input-day-picker__shakeAnimation {
  animation: js-view-components-input-day-picker__shake 0.5s;
}
@keyframes js-view-components-input-day-picker__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-input-day-picker__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-input-day-picker__daypicker-container {
  display: flex;
  margin-left: 6px;
  margin-right: 6px;
}
.js-view-components-input-day-picker__daypicker-option {
  position: relative;
  width: 24px;
  margin: 0 2px;
}
.js-view-components-input-day-picker__daypicker-option label {
  background-color: transparent;
  border: 1px solid #1bc98e;
  border-radius: 50%;
  color: #1bc98e;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
  padding-top: 2px;
  text-align: center;
}
.js-view-components-input-day-picker__daypicker-option label.js-view-components-input-day-picker__error {
  border-color: #e64759;
  color: #e64759;
}
.js-view-components-input-day-picker__daypicker-option input[type='checkbox'] {
  visibility: hidden;
}
.js-view-components-input-day-picker__daypicker-option input[type='checkbox']:checked + label {
  background-color: #1bc98e;
  border-color: #1bc98e;
  color: #fff;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-watch-form-form-style__shakeAnimation {
  animation: js-view-components-surveillance-watch-form-form-style__shake 0.5s;
}
@keyframes js-view-components-surveillance-watch-form-form-style__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-watch-form-form-style__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
div.js-view-components-surveillance-watch-form-form-style__email-options {
  display: flex;
  padding: 10px 0;
}
div.js-view-components-surveillance-watch-form-form-style__email-options div {
  max-width: 300px;
}
div.js-view-components-surveillance-watch-form-form-style__or-divider {
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.js-view-components-surveillance-watch-form-form-style__or-divider span {
  font-size: 20px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container {
  position: relative;
  margin-top: 10px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__title {
  color: #cfd2da;
  font-size: 20px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options {
  padding: 0 30px 10px;
  display: flex;
  flex-direction: column;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options input[type='text'],
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options input[type='number'] {
  background-color: #ffffff;
  color: #0f1013;
  width: 300px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options label {
  margin-bottom: 10px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__tick-option {
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__tick-option.js-view-components-surveillance-watch-form-form-style__selected {
  font-weight: bold;
  color: #1bc98e;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__option {
  margin-left: 10px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__option .js-view-components-surveillance-watch-form-form-style__input-option {
  display: inline-block;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__option .js-view-components-surveillance-watch-form-form-style__option-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2px;
  display: inherit;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__option .js-view-components-surveillance-watch-form-form-style__option-description {
  font-size: 16px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__email-input {
  margin: 10px;
  display: flex;
  flex-direction: column;
  max-width: 300px;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__options .js-view-components-surveillance-watch-form-form-style__divider {
  margin: 10px 0;
  height: 1px;
  background-color: #cfd2da;
  width: 100%;
}
.js-view-components-surveillance-watch-form-form-style__panel-container .js-view-components-surveillance-watch-form-form-style__confirm-container {
  padding: 10px 30px;
  display: flex;
  justify-content: flex-end;
}
.js-view-components-surveillance-watch-form-form-style__title {
  color: #cfd2da;
  font-size: 20px;
}
.js-view-components-surveillance-watch-form-form-style__dropdownBtn {
  height: 100%;
  cursor: pointer;
  user-select: none;
  border: none;
}
.js-view-components-surveillance-watch-form-form-style__dropdownBtn:hover {
  background-color: #687086;
  cursor: pointer;
}
.js-view-components-surveillance-watch-form-form-style__dropdownBtn span {
  color: white;
}
.js-view-components-surveillance-watch-form-form-style__searchbar {
  width: 400px;
}
.js-view-components-surveillance-watch-form-form-style__radioBtns {
  margin-top: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-watch-form-styles__shakeAnimation {
  animation: js-view-components-surveillance-watch-form-styles__shake 0.5s;
}
@keyframes js-view-components-surveillance-watch-form-styles__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-watch-form-styles__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
div.js-view-components-surveillance-watch-form-styles__email-options {
  display: flex;
  padding: 10px 0;
}
div.js-view-components-surveillance-watch-form-styles__email-options div {
  max-width: 300px;
}
div.js-view-components-surveillance-watch-form-styles__or-divider {
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.js-view-components-surveillance-watch-form-styles__or-divider span {
  font-size: 20px;
}
.js-view-components-surveillance-watch-form-styles__panel-container {
  position: relative;
  margin-top: 10px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__daily-frequency {
  margin-left: 24px;
  margin-bottom: 16px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__inline-fields {
  display: flex;
  flex-direction: row;
}
.js-view-components-surveillance-watch-form-styles__panel-container .input-group {
  max-width: 300px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .form-group {
  margin: 5px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__title {
  color: #cfd2da;
  font-size: 16px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options {
  padding: 0 15px 10px;
  display: flex;
  flex-direction: column;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options input[type='text'],
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options input[type='number'] {
  background-color: white;
  color: #0f1013;
  width: 300px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options label {
  margin-bottom: 10px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__tick-option {
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__tick-option.js-view-components-surveillance-watch-form-styles__selected {
  font-weight: bold;
  color: #1bc98e;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__option {
  margin-left: 10px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__option .js-view-components-surveillance-watch-form-styles__option-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2px;
  display: inherit;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__option .js-view-components-surveillance-watch-form-styles__option-description {
  font-size: 16px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__email-input {
  margin: 10px;
  display: flex;
  flex-direction: column;
  max-width: 300px;
}
.js-view-components-surveillance-watch-form-styles__panel-container .js-view-components-surveillance-watch-form-styles__options .js-view-components-surveillance-watch-form-styles__divider {
  margin: 10px 0;
  height: 1px;
  background-color: #cfd2da;
  width: 100%;
}
.js-view-components-surveillance-watch-form-styles__emailListLabel {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.js-view-components-surveillance-watch-form-styles__emailListPlaceholder {
  height: 720px;
}
.js-view-components-surveillance-watch-form-styles__search {
  margin-bottom: 10px;
}
.js-view-components-surveillance-watch-form-styles__disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-form-control-multi-checkbox__shakeAnimation {
  animation: js-view-components-form-control-multi-checkbox__shake 0.5s;
}
@keyframes js-view-components-form-control-multi-checkbox__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-form-control-multi-checkbox__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-form-control-multi-checkbox__options {
  display: flex;
  flex-direction: column;
}
.js-view-components-form-control-multi-checkbox__options label {
  margin-bottom: 2px;
  margin-right: 20px;
}
.js-view-components-form-control-multi-checkbox__options-horizontal {
  flex-direction: row;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-grid-table-spinner-row-spinner-row__shakeAnimation {
  animation: js-view-components-grid-table-spinner-row-spinner-row__shake 0.5s;
}
@keyframes js-view-components-grid-table-spinner-row-spinner-row__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-grid-table-spinner-row-spinner-row__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-grid-table-spinner-row-spinner-row__spinner {
  grid-column: 1 / -1;
  padding: 16px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-emails-table-emails-table__shakeAnimation {
  animation: js-view-components-emails-table-emails-table__shake 0.5s;
}
@keyframes js-view-components-emails-table-emails-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-emails-table-emails-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-emails-table-emails-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-emails-table-emails-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-emails-table-emails-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-emails-table-emails-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-emails-table-emails-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-emails-table-emails-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-emails-table-emails-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-emails-table-emails-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-emails-table-emails-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-emails-table-emails-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-emails-table-emails-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-emails-table-emails-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-emails-table-emails-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-emails-table-emails-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-emails-table-emails-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-emails-table-emails-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-emails-table-emails-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-emails-table-emails-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-emails-table-emails-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-emails-table-emails-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-emails-table-emails-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-emails-table-emails-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-emails-table-emails-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-emails-table-emails-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-emails-table-emails-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-emails-table-emails-table__tableSection > * {
  width: 100%;
}
.js-view-components-emails-table-emails-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-emails-table-emails-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-emails-table-emails-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-emails-table-emails-table__row {
  grid-column: 1/-1;
}
.js-view-components-emails-table-emails-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  grid-template-columns: 56px repeat(2, auto);
  min-width: 100%;
  max-height: 65vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.js-view-components-emails-table-emails-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-emails-table-emails-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-emails-table-emails-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-emails-table-emails-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  grid-template-columns: 56px repeat(2, auto);
  min-width: 100%;
  max-height: 65vh;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-components-emails-table-emails-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-emails-table-emails-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-emails-table-emails-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-emails-table-emails-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-emails-table-emails-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-emails-table-emails-table__newTable > .js-view-components-emails-table-emails-table__headerCell {
  background-color: #15181f;
}
.js-view-components-emails-table-emails-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-emails-table-emails-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-emails-table-emails-table__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-emails-table-emails-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-emails-table-emails-table__cellWithButton {
  justify-content: space-between;
}
.js-view-components-emails-table-emails-table__icon {
  padding-right: 8px;
}
.js-view-components-emails-table-emails-table__capitalize {
  text-transform: capitalize;
}
.js-view-components-emails-table-emails-table__warning-list {
  margin: 0;
  padding: 0 0 0 16px;
}
.js-view-components-emails-table-emails-table__errorMessage {
  color: #e64759;
  font-size: 14px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-watch-form-jurisdiction-select__shakeAnimation {
  animation: js-view-components-surveillance-watch-form-jurisdiction-select__shake 0.5s;
}
@keyframes js-view-components-surveillance-watch-form-jurisdiction-select__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-watch-form-jurisdiction-select__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-watch-form-jurisdiction-select__jurisdictionLabel {
  color: #cfd2da;
  font-size: 20px;
  font-weight: 400;
}
.js-view-components-surveillance-watch-form-jurisdiction-select__jurisdictionSelect {
  margin-top: 5px;
  width: 350px;
}
.js-view-components-surveillance-watch-form-jurisdiction-select__jurisdictionValueSelect {
  width: 340px;
  margin-top: 10px;
  margin-left: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-modal-schedule-report__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-modal-schedule-report__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-modal-schedule-report__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalStyle {
  max-height: 95vh;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalStyle .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalStyle .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-content .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalStyle .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-content .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalStyle .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-content .js-view-modules-trades-surveillance-components-modal-schedule-report__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__content {
  display: inline-block;
  font-weight: 500;
  width: calc(100% - 64px);
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__assign-link-btn {
  display: inline-block;
  float: right;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  color: #e4d836;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__assign-link-btn span:hover {
  text-decoration: underline;
}
.schedule-report-dialog {
  width: 45% !important;
}
.schedule-report-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.schedule-report-dialog .modal-content .employee-form-container form {
  padding: 0 2em !important;
  margin-top: 1em !important;
  border-top: 1px solid #51586a !important;
}
.schedule-report-dialog .modal-content .employee-form-enter {
  opacity: 0.01;
  transform: scale(0.9) translateY(50%);
}
.schedule-report-dialog .modal-content .employee-form-enter-active {
  opacity: 1;
  transform: scale(1) translateY(0%);
  transition: all 300ms ease-out;
}
.schedule-report-dialog .modal-content .employee-form-exit {
  opacity: 1;
  transform: scale(1) translateY(0%);
}
.schedule-report-dialog .modal-content .employee-form-exit-active {
  opacity: 0.01;
  transform: scale(0.9) translateY(50%);
  transition: all 300ms ease-out;
}
.schedule-report-dialog .modal-content h1, .schedule-report-dialog .modal-content h2, .schedule-report-dialog .modal-content h3, .schedule-report-dialog .modal-content h4 {
  color: #cfd2da;
}
.schedule-report-dialog .modal-content .modal-header {
  border: none;
  text-align: center;
  background-color: #23262e;
}
.schedule-report-dialog .modal-content .modal-header .modal-title {
  display: flex;
  flex-direction: column;
}
.schedule-report-dialog .modal-content .modal-header .modal-title .icon {
  font-size: 40px;
}
.schedule-report-dialog .modal-content .modal-footer {
  border: none;
  background-color: #23262e;
  display: flex;
  justify-content: space-evenly;
}
.schedule-report-dialog .modal-content .modal-footer .icon {
  font-weight: 400;
  font-size: 14px;
  margin-right: 5px;
}
.schedule-report-dialog .modal-content .modal-body {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  border-top: 0.1em solid #51586a;
  border-bottom: 0.1em solid #51586a;
  height: 600px;
  overflow: auto;
}
.schedule-report-dialog .modal-content .modal-body::-webkit-scrollbar {
  width: 12px;
}
.schedule-report-dialog .modal-content .modal-body::-webkit-scrollbar:horizontal {
  height: 12px;
}
.schedule-report-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background: #353944;
}
.schedule-report-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding: 0;
  margin-bottom: 10px;
}
.js-view-modules-trades-surveillance-components-modal-schedule-report__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-header-toolbar-documentation__shakeAnimation {
  animation: js-view-components-header-toolbar-documentation__shake 0.5s;
}
@keyframes js-view-components-header-toolbar-documentation__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-header-toolbar-documentation__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-header-toolbar-documentation__documentation {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  margin: 0 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalStyle {
  max-height: 95vh;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalStyle .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalStyle .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-content .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalStyle .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-content .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalStyle .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-content .js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__content {
  display: inline-block;
  font-weight: 500;
  width: calc(100% - 64px);
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 10px;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__titleText > svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}

.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest__launchButton {
  margin-right: 8px;
  height: 34px;
}
.js-view-modules-trades-surveillance-components-launch-backtest-launch-backtest__launchButton svg {
  height: 1em;
  width: 1em;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__header {
  padding: 0 15px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__headerBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__titleBlock {
  height: 100%;
  color: #cfd2da;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__title {
  color: #cfd2da;
  margin: 0 10px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__toolbarSpacing {
  flex: 1;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__toolbarContainer {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__filterDates {
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__launchButton {
  margin-right: 8px;
  height: 34px;
}
.js-view-modules-trades-surveillance-components-toolbars-market-abuse-page__launchButton svg {
  height: 1em;
  width: 1em;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-add-label-modal-add-label-modal__shakeAnimation {
  animation: js-view-components-modal-add-label-modal-add-label-modal__shake 0.5s;
}
@keyframes js-view-components-modal-add-label-modal-add-label-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-add-label-modal-add-label-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-add-label-modal-add-label-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-add-label-modal-add-label-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-add-label-modal-add-label-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-add-label-modal-add-label-modal__modalStyle .js-view-components-modal-add-label-modal-add-label-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-add-label-modal-add-label-modal__modalStyle .js-view-components-modal-add-label-modal-add-label-modal__modal-content .js-view-components-modal-add-label-modal-add-label-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__modalStyle .js-view-components-modal-add-label-modal-add-label-modal__modal-content .js-view-components-modal-add-label-modal-add-label-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-add-label-modal-add-label-modal__modalStyle .js-view-components-modal-add-label-modal-add-label-modal__modal-content .js-view-components-modal-add-label-modal-add-label-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__modalTitle {
  padding: 8px 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-components-modal-add-label-modal-add-label-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-add-label-modal-add-label-modal__titleIcon {
  color: #cfd2da;
  font-size: 48px;
  padding-top: 8px;
  line-height: 1;
}
.js-view-components-modal-add-label-modal-add-label-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
  padding-bottom: 8px;
}
.js-view-components-modal-add-label-modal-add-label-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-add-label-modal-add-label-modal__radioButton {
  margin-bottom: 8px;
}
.js-view-components-modal-add-label-modal-add-label-modal__inputBox {
  flex-grow: 1;
  padding-left: 20px;
}
.js-view-components-modal-add-label-modal-add-label-modal__inputBox textarea {
  resize: none;
}
.add-label-to-comms {
  max-height: 95vh;
  width: 100%;
  max-width: 600px;
}
.add-label-to-comms .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.add-label-to-comms .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.add-label-to-comms .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.add-label-to-comms .modal-content .modal-body {
  border: none;
  padding: 0;
}
.add-label-to-comms .modal-content {
  max-height: 85vh;
  overflow-y: auto;
}
.js-view-components-modal-add-label-modal-add-label-modal__radioButtonContainer {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
}
.js-view-components-modal-add-label-modal-add-label-modal__customRadioButton {
  width: 16px;
  height: 16px;
  border: 2px solid #cfd2da;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
  background-color: #cfd2da;
}
.js-view-components-modal-add-label-modal-add-label-modal__customRadioButton.js-view-components-modal-add-label-modal-add-label-modal__selected {
  background-color: #1bc98e;
  border: 2px solid #1bc98e;
  color: #2d313c;
}
.js-view-components-modal-add-label-modal-add-label-modal__customRadioButton.js-view-components-modal-add-label-modal-add-label-modal__selected::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2d313c;
}
.js-view-components-modal-add-label-modal-add-label-modal__disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.js-view-components-modal-add-label-modal-add-label-modal__customRadioButton.js-view-components-modal-add-label-modal-add-label-modal__partial {
  background-color: #1bc98e;
  border: 2px solid #1bc98e;
  color: #2d313c;
}
.js-view-components-modal-add-label-modal-add-label-modal__customRadioButton.js-view-components-modal-add-label-modal-add-label-modal__partial::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 2px;
  width: 8px;
  height: 2px;
  background-color: #2d313c;
}
.js-view-components-modal-add-label-modal-add-label-modal__subLabelsContainer {
  margin-top: 8px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.js-view-components-modal-add-label-modal-add-label-modal__customLabelsSearchInput {
  max-width: 300px;
  margin-bottom: 5px;
}
.js-view-components-modal-add-label-modal-add-label-modal__customLabelsInputContainer {
  max-height: 120px;
  overflow-y: auto;
}
.js-view-components-modal-add-label-modal-add-label-modal__labelSelected {
  color: #1bc98e;
}
.js-view-components-modal-add-label-modal-add-label-modal__labelCount {
  padding-left: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-add-label-add-label__shakeAnimation {
  animation: js-view-components-add-label-add-label__shake 0.5s;
}
@keyframes js-view-components-add-label-add-label__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-add-label-add-label__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-add-label-add-label__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-add-label-add-label__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-add-label-add-label__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-add-label-add-label__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-add-label-add-label__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-add-label-add-label__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-add-label-add-label__modalStyle {
  max-height: 95vh;
}
.js-view-components-add-label-add-label__modalStyle .js-view-components-add-label-add-label__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-add-label-add-label__modalStyle .js-view-components-add-label-add-label__modal-content .js-view-components-add-label-add-label__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-add-label-add-label__modalStyle .js-view-components-add-label-add-label__modal-content .js-view-components-add-label-add-label__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-add-label-add-label__modalStyle .js-view-components-add-label-add-label__modal-content .js-view-components-add-label-add-label__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-add-label-add-label__labelButton button:hover svg g {
  fill: #cfd2da;
}
.js-view-components-add-label-add-label__labelButton i {
  line-height: 0;
}
.js-view-components-add-label-add-label__labelSelected svg g {
  fill: #1997c6;
}

.js-view-components-button-add-to-case-button__container {
  display: inline;
}
.js-view-components-button-add-to-case-button__container svg {
  margin-right: -5px;
}

.js-view-components-responsive-pagination-responsive-pagination__pagination {
  padding: 8px 0 0;
  flex: 0 0 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}
.js-view-components-responsive-pagination-responsive-pagination__pagination:after {
  content: '';
  width: 128px;
  height: 30px;
}
.js-view-components-responsive-pagination-responsive-pagination__pageSizeSelector {
  width: 128px;
}
.js-view-components-responsive-pagination-responsive-pagination__paginator {
  height: 100%;
}
.js-view-components-responsive-pagination-responsive-pagination__paginator > * {
  /* Bossy CSS to override the layout of the <Paginator /> component */
  width: auto;
  min-width: max-content;
  float: none;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-table-sorting-header-cell__shakeAnimation {
  animation: js-view-components-table-sorting-header-cell__shake 0.5s;
}
@keyframes js-view-components-table-sorting-header-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-table-sorting-header-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-table-sorting-header-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-sorting-header-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-sorting-header-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-sorting-header-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-sorting-header-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-sorting-header-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-sorting-header-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-table-sorting-header-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-table-sorting-header-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-sorting-header-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-sorting-header-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-sorting-header-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-table-sorting-header-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-table-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-table-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-sorting-header-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-table-sorting-header-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-table-sorting-header-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-sorting-header-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-sorting-header-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-sorting-header-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-sorting-header-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-table-sorting-header-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-table-sorting-header-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-table-sorting-header-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-table-sorting-header-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-table-sorting-header-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-table-sorting-header-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-table-sorting-header-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-table-sorting-header-cell__tableSection > * {
  width: 100%;
}
.js-view-components-table-sorting-header-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-table-sorting-header-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-table-sorting-header-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-table-sorting-header-cell__row {
  grid-column: 1/-1;
}
.js-view-components-table-sorting-header-cell__sortingHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  border-bottom: 1px solid #51586a;
}
.js-view-components-table-sorting-header-cell__active {
  border-bottom: 4px solid #1ca8dd;
}
.js-view-components-table-sorting-header-cell__arrowUp {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-table-sorting-header-cell__arrowDown {
  margin-left: 16px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1ca8dd;
  transform: translateY(1px);
}
.js-view-components-table-sorting-header-cell__darkGray {
  background-color: #2e323d;
}
.js-view-components-table-sorting-header-cell__black {
  background-color: #15181f;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-table-cases-table__shakeAnimation {
  animation: js-view-components-table-cases-table__shake 0.5s;
}
@keyframes js-view-components-table-cases-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-table-cases-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-table-cases-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-components-table-cases-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-cases-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-cases-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-table-cases-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-table-cases-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-table-cases-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-table-cases-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-components-table-cases-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-table-cases-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-table-cases-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-components-table-cases-table__tableSection > * {
  width: 100%;
}
.js-view-components-table-cases-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-components-table-cases-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-components-table-cases-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-components-table-cases-table__row {
  grid-column: 1/-1;
}
.js-view-components-table-cases-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-cases-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-cases-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-cases-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-cases-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-table-cases-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-table-cases-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-cases-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-cases-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-cases-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-table-cases-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-components-table-cases-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-table-cases-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-table-cases-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-components-table-cases-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  grid-template-columns: repeat(7, auto) minmax(156px, auto);
  max-height: 100%;
  overflow-y: auto;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  grid-template-columns: repeat(7, auto) minmax(156px, auto);
  max-height: 100%;
  overflow-y: auto;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar {
  width: 12px;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-components-table-cases-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-components-table-cases-table__newTable > .js-view-components-table-cases-table__headerCell {
  background-color: #15181f;
}
.js-view-components-table-cases-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-components-table-cases-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-components-table-cases-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-components-table-cases-table__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-components-table-cases-table__cellWithButton {
  justify-content: space-between;
}
.js-view-components-table-cases-table__outerButton {
  width: 100%;
}
.js-view-components-table-cases-table__innerButton {
  width: 100%;
}
.js-view-components-table-cases-table__legalIcon {
  height: 20px;
  width: 20px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__shakeAnimation {
  animation: js-view-components-modal-add-to-case-modal-add-to-case-modal__shake 0.5s;
}
@keyframes js-view-components-modal-add-to-case-modal-add-to-case-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-add-to-case-modal-add-to-case-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalStyle .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalStyle .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-content .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalStyle .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-content .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalStyle .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-content .js-view-components-modal-add-to-case-modal-add-to-case-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__modalTitle {
  align-items: center;
  padding: 8px 32px 0;
  display: flex;
  justify-content: center;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  padding-top: 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  padding: 16px 0 8px;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__searchContainer {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__searchInput {
  width: 100%;
  max-width: 480px;
  padding-bottom: 8px;
  border-bottom: 1px solid #51586a;
  margin-bottom: 8px;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__casesTableContainer {
  width: 80vw;
  min-width: 80vw;
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.add-to-case-dialog {
  max-height: 95vh;
  width: auto;
  min-width: 256px;
  max-width: 400px;
  /* Make dialog width expansion smooth. The !important is required to stop
    Bootstrap's existing styles from overriding the transition */
  transition: max-width 0.3s ease-in !important;
  overflow-x: hidden;
}
.add-to-case-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.add-to-case-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.add-to-case-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.add-to-case-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}
.wide-add-to-case-dialog {
  max-width: 95vw;
}
.js-view-components-modal-add-to-case-modal-add-to-case-modal__caseIcon {
  color: #cfd2da;
  font-size: 48px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-field-with-errors-field-with-errors__shakeAnimation {
  animation: js-view-components-field-with-errors-field-with-errors__shake 0.5s;
}
@keyframes js-view-components-field-with-errors-field-with-errors__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-field-with-errors-field-with-errors__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-field-with-errors-field-with-errors__formBlock {
  background-color: #353944;
  padding: 8px;
}
.js-view-components-field-with-errors-field-with-errors__formBlock > * {
  margin-bottom: 0;
}
.js-view-components-field-with-errors-field-with-errors__formBlockErrors {
  border: 1px solid #e64759;
  margin-bottom: 1px;
  /* For some reason it sometimes cuts off the bottom of the border */
}
.js-view-components-field-with-errors-field-with-errors__fieldError {
  color: #e64759;
  font-size: 12px;
  padding: 4px 0 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__shakeAnimation {
  animation: js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__shake 0.5s;
}
@keyframes js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__fancySubLines {
  width: 80px;
  display: grid;
  grid-template-columns: 32px 32px 16px;
  grid-template-rows: 1fr 24px 24px 1fr;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__downLine {
  grid-area: 1/1/2/2;
  border-right: 2px dotted #1bc98e;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__middleBox {
  grid-area: 2/1/4/3;
  border: 2px dotted #1bc98e;
  border-radius: 4px;
  padding: 4px;
  font-size: 12px;
  line-height: 1.2;
  color: #1bc98e;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__sideLine {
  grid-area: 2/3/3/4;
  border-bottom: 2px dotted #1bc98e;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__subCategory {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s linear;
  display: flex;
  margin-left: -22px;
  margin-top: 4px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__expanded {
  transition: max-height 0.8s linear;
  max-height: 400px;
  margin-bottom: 16px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__subCategoryBoxes {
  padding-left: 8px;
  border-left: 2px dotted #1bc98e;
  border-bottom: 2px dotted #1bc98e;
  border-bottom-left-radius: 4px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__otherInput {
  padding: 0 0 8px 24px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__customCategoryInput {
  min-width: 400px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__subCategoryField {
  padding-left: 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__notAllowed {
  opacity: 0.5;
  content: attr(data-tooltip-text);
  position: relative;
  cursor: not-allowed;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__notAllowed > * {
  pointer-events: none;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__notAllowed:hover + .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__tooltip {
  display: block;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__tooltip {
  background-color: #15181f;
  color: #e64759;
  border: 1px solid #e64759;
  border-radius: 5px;
  padding: 6px 12px;
  transform: translateX(-10%) translateY(-150%);
  position: absolute;
  width: 300px;
  text-align: center;
  content: attr(data-tooltip);
  display: none;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__tooltip::before {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #434857;
  top: 100%;
  left: 12%;
  transform: rotate(180deg);
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-reason-with-categories__tooltip::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #15181f;
  top: 100%;
  left: 12%;
  transform: rotate(180deg);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__shakeAnimation {
  animation: js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__shake 0.5s;
}
@keyframes js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalStyle .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalStyle .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-content .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalStyle .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-content .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalStyle .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-content .js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__modalTitle {
  padding: 8px 32px 0;
  color: #6f7890;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
  padding-bottom: 8px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-top: 8px;
  line-height: 1;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__content-text {
  margin-bottom: 15px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  padding: 16px 0 8px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__searchContainer {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__searchInput {
  width: 100%;
  max-width: 480px;
  padding-bottom: 8px;
  border-bottom: 1px solid #51586a;
  margin-bottom: 8px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__casesTableContainer {
  width: 80vw;
  min-width: 80vw;
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.assign-alert-dialog {
  max-height: 95vh;
  width: auto;
  min-width: 50vw;
  /* Make dialog width expansion smooth. The !important is required to stop
    Bootstrap's existing styles from overriding the transition */
  transition: max-width 0.3s ease-in !important;
  overflow-x: hidden;
  max-width: 95vw;
}
.assign-alert-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.assign-alert-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.assign-alert-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.assign-alert-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__caseIcon {
  color: #cfd2da;
  font-size: 48px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__emailsTable {
  max-height: 304px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__optionHeading {
  font-weight: normal;
  font-size: 14px;
  padding: 0 0 8px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__inputBox {
  flex-grow: 1;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__inputBox textarea {
  resize: none;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__dropzone {
  display: flex;
  justify-content: flex-end;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__attachment-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 3px;
  align-items: center;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__filename {
  margin-right: 5px;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__attachment-overflow {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__disabledAttachment {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 3px;
  align-items: center;
  color: #cfd2da;
  opacity: 0.5;
  cursor: not-allowed;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__attachmentContainer {
  word-break: break-all;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__error-message {
  color: #e64759;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__assignButtons {
  display: flex;
}
.js-view-components-surveillance-workflow-actions-assign-alerts-modal-assign-alert-modal__assignButtons :nth-child(2) {
  margin-left: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__shakeAnimation {
  animation: js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__shake 0.5s;
}
@keyframes js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modalStyle {
  max-height: 95vh;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modalStyle .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modalStyle .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-content .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modalStyle .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-content .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modalStyle .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-content .js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__confirmModalTitleCentred {
  padding: 8px 32px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__confirmModalTitleCentred i {
  font-size: 24px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__confirmModalTitleCentred p {
  margin: 0;
  padding-left: 8px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  border-bottom: none;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__content p {
  margin: 0;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__content textarea {
  resize: none;
  width: 100%;
  min-height: 100px;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
  padding-top: 10px;
  text-decoration: underline;
}
.js-view-components-restore-alert-modal-with-button-restore-alert-modal-with-button__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-score-indicator-score-indicator__shakeAnimation {
  animation: js-view-components-score-indicator-score-indicator__shake 0.5s;
}
@keyframes js-view-components-score-indicator-score-indicator__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-score-indicator-score-indicator__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-score-indicator-score-indicator__container {
  box-shadow: 0 0 1px 1px #6f7890;
  border-radius: 6px;
  background-color: #15181f;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.js-view-components-score-indicator-score-indicator__gradientLine {
  height: 2px;
  width: 100%;
  margin: 15px;
  background: linear-gradient(90deg, #1bc98e 0%, #e4d836 49%, #e64759 100%);
  border-radius: 3px;
}
.js-view-components-score-indicator-score-indicator__scoreThumb {
  height: 25px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 25px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #15181f;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__shakeAnimation {
  animation: js-view-components-modal-options-with-sub-categories-options-with-subcategories__shake 0.5s;
}
@keyframes js-view-components-modal-options-with-sub-categories-options-with-subcategories__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-options-with-sub-categories-options-with-subcategories__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__modalStyle .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__modalStyle .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-content .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__modalStyle .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-content .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__modalStyle .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-content .js-view-components-modal-options-with-sub-categories-options-with-subcategories__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__subCategory {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s linear;
  display: flex;
  margin-left: -22px;
  margin-top: 4px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__expanded {
  transition: max-height 0.8s linear;
  max-height: 400px;
  margin-bottom: 16px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__fancySubLines {
  width: 80px;
  display: grid;
  grid-template-columns: 32px 32px 16px;
  grid-template-rows: 1fr 24px 24px 1fr;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__downLine {
  grid-area: 1/1/2/2;
  border-right: 2px dotted #1bc98e;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__middleBox {
  grid-area: 2/1/4/3;
  border: 2px dotted #1bc98e;
  border-radius: 4px;
  padding: 4px;
  font-size: 12px;
  line-height: 1.2;
  color: #1bc98e;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__sideLine {
  grid-area: 2/3/3/4;
  border-bottom: 2px dotted #1bc98e;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__subCategoryBoxes {
  padding-left: 8px;
  border-left: 2px dotted #1bc98e;
  border-bottom: 2px dotted #1bc98e;
  border-bottom-left-radius: 4px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherInput {
  padding: 0 0 8px 24px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherInput .js-view-components-modal-options-with-sub-categories-options-with-subcategories__horizontalLine {
  border-bottom: 1px solid #6f7890;
  margin: 2px 0 8px 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__inputGroup {
  width: 100%;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__inputGroup input {
  max-width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__customOptionsContainer {
  position: fixed;
  width: 65%;
  margin-top: 5px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestionsTitleWrapper {
  margin-top: 10px;
  border-top: 1px solid #1bc98e;
  border-bottom: 1px solid #1bc98e;
  color: #1bc98e;
  display: flex;
  white-space: nowrap;
  align-items: center;
  margin-bottom: 10px;
  padding: 5px 0 5px 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestionsTitleWrapper .js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestionTitle {
  color: #1bc98e;
  margin: 0;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestionsTitleWrapper .js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestionSubTitle {
  color: #1bc98e;
  margin: 0;
  margin-left: 5px;
  font-weight: 300;
  font-size: 13px;
  opacity: 0.6;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherSuggestions {
  display: grid;
  grid-template-columns: repeat(3, 120px);
  grid-gap: 6px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherSuggestions .js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestion {
  border: 1px solid #1bc98e;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 8px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherSuggestions .js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestion > * {
  color: #1bc98e;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherSuggestions .js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestion:hover {
  background-color: #1bc98e;
  cursor: pointer;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherSuggestions .js-view-components-modal-options-with-sub-categories-options-with-subcategories__suggestion:hover > * {
  color: #fff;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__otherSuggestionsLoading {
  display: flex;
  justify-content: center;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__notAllowed {
  opacity: 0.5;
  content: attr(data-tooltip-text);
  position: relative;
  cursor: not-allowed;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__notAllowed > * {
  pointer-events: none;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__notAllowed:hover + .js-view-components-modal-options-with-sub-categories-options-with-subcategories__tooltip {
  display: block;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__tooltip {
  background-color: #15181f;
  color: #e64759;
  border: 1px solid #e64759;
  border-radius: 5px;
  padding: 6px 12px;
  transform: translateX(-10%) translateY(-150%);
  position: absolute;
  width: 300px;
  text-align: center;
  content: attr(data-tooltip);
  display: none;
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__tooltip::before {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #434857;
  top: 100%;
  left: 12%;
  transform: rotate(180deg);
}
.js-view-components-modal-options-with-sub-categories-options-with-subcategories__tooltip::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #15181f;
  top: 100%;
  left: 12%;
  transform: rotate(180deg);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__shakeAnimation {
  animation: js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__shake 0.5s;
}
@keyframes js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalStyle .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalStyle .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-content .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalStyle .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-content .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalStyle .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-content .js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-top: 8px;
  line-height: 1;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__modalTitle {
  padding: 8px 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
  padding-bottom: 8px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__subtitleText {
  padding-bottom: 12px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  padding-top: 16px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__formField {
  background-color: unset;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__sectionTitle {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  padding: 16px 8px 8px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__optionHeading {
  font-weight: normal;
  font-size: 14px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__inputBox {
  flex-grow: 1;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__inputBox textarea {
  resize: none;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__subCategory {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s linear;
  display: flex;
  margin-left: -22px;
  margin-top: 4px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__expanded {
  transition: max-height 0.8s linear;
  max-height: 400px;
  margin-bottom: 16px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__fancySubLines {
  width: 80px;
  display: grid;
  grid-template-columns: 32px 32px 16px;
  grid-template-rows: 1fr 24px 24px 1fr;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__downLine {
  grid-area: 1/1/2/2;
  border-right: 2px dotted #1bc98e;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__middleBox {
  grid-area: 2/1/4/3;
  border: 2px dotted #1bc98e;
  border-radius: 4px;
  padding: 4px;
  font-size: 12px;
  line-height: 1.2;
  color: #1bc98e;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__subCategoryBoxes {
  padding-left: 8px;
  border-left: 2px dotted #1bc98e;
  border-bottom: 2px dotted #1bc98e;
  border-bottom-left-radius: 4px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__subCategoryBoxesSingle {
  padding-top: 12px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__sideLine {
  grid-area: 2/3/3/4;
  border-bottom: 2px dotted #1bc98e;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__otherInput {
  padding: 0 0 8px 24px;
}
/* Global necessary because we are using a Bootstrap modal */
.dismiss-trades-alert-dialog {
  max-height: 95vh;
  width: 100%;
  max-width: 600px;
}
.dismiss-trades-alert-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.dismiss-trades-alert-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.dismiss-trades-alert-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.dismiss-trades-alert-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}
.dismiss-trades-alert-dialog .modal-content {
  max-height: 85vh;
  overflow-y: auto;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__dismiss-all-notification {
  color: #e64759;
  margin: 0 5px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__coPilotBorderBottom {
  border-bottom: 1px solid #8b6cff;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__coPilotBorderTop {
  border-top: 1px solid #8b6cff;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__coPilotTitleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-bottom: 8px;
  padding-left: 0;
  padding-bottom: 0;
  line-height: 1;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__coPilot {
  border-radius: 6px;
  border: 1px solid #8b6cff;
  box-shadow: 0 0 1px 1px rgba(139, 108, 255);
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__coPilotIcon {
  font-size: 40px;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__coPilotModalContent {
  border: none;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__resolutionContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.js-view-components-modal-dismiss-trades-alert-button-with-modal-dismiss-trades-alert-button-with-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
  padding-top: 10px;
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__button-cell.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__button-cell {
  padding: 0;
  vertical-align: middle;
  text-align: right;
  min-width: 12rem;
  height: 3rem;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__action-buttons {
  display: flex;
  padding: 0 3px;
  justify-content: center;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__action-buttons button {
  margin-left: 12px;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__action-buttons span a {
  margin: 0 10px;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelector {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup {
  border: 1px solid #434857;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup span {
  background-color: #1f242e;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup span:hover {
  background-color: #1f242e;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup .custom-control-indicator {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup input {
  background-color: #15181f;
  border-top: none;
  border-bottom: none;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup > button {
  margin-right: 40px !important;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup > button > span {
  background-color: transparent;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorInputGroup > button > span:hover {
  background-color: transparent;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorOptions {
  background-color: #1f242e;
  max-height: 200px;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorOptions > ul {
  max-height: 200px;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorOptions > ul > li {
  text-align: left;
  background-color: #1f242e !important;
}
.js-view-modules-trades-surveillance-components-button-alert-row-header-buttons__columnSelectorOptions > ul > li:hover {
  background-color: #2a303d !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__collapsible {
  background-color: #434857;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__table > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-single-report-listing-single-report-listing__collapsibleDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-property-html-content__shakeAnimation {
  animation: js-view-components-property-html-content__shake 0.5s;
}
@keyframes js-view-components-property-html-content__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-property-html-content__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-property-html-content__html-iframe {
  background-color: #ffffff;
  border: none;
  border-radius: 3px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: black;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-modal-news-modal-news-modal__shakeAnimation {
  animation: js-view-components-modal-news-modal-news-modal__shake 0.5s;
}
@keyframes js-view-components-modal-news-modal-news-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-modal-news-modal-news-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-modal-news-modal-news-modal__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-modal-news-modal-news-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-news-modal-news-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-modal-news-modal-news-modal__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-modal-news-modal-news-modal__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-modal-news-modal-news-modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-modal-news-modal-news-modal__modalStyle {
  max-height: 95vh;
}
.js-view-components-modal-news-modal-news-modal__modalStyle .js-view-components-modal-news-modal-news-modal__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-modal-news-modal-news-modal__modalStyle .js-view-components-modal-news-modal-news-modal__modal-content .js-view-components-modal-news-modal-news-modal__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-modal-news-modal-news-modal__modalStyle .js-view-components-modal-news-modal-news-modal__modal-content .js-view-components-modal-news-modal-news-modal__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-modal-news-modal-news-modal__modalStyle .js-view-components-modal-news-modal-news-modal__modal-content .js-view-components-modal-news-modal-news-modal__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-modal-news-modal-news-modal__modalTitle {
  padding: 8px 32px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 32px;
}
.js-view-components-modal-news-modal-news-modal__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-modal-news-modal-news-modal__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  border: none;
}
.js-view-components-modal-news-modal-news-modal__content .js-view-components-modal-news-modal-news-modal__errorMessage {
  font-size: 14px;
  color: #e64759;
}
.js-view-components-modal-news-modal-news-modal__articleHeadline {
  font-weight: bold;
  font-size: 18px;
  text-decoration: underline;
  margin-right: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__container section {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.5);
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__paginationContainer {
  width: 100%;
  padding: 16px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border-bottom: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__newTable > .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__expandedRow {
  min-width: 100%;
  padding: 0 12px 12px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-execution-table__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__row:last-child a,
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__table .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__row:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newTable > .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__expandedRow {
  min-width: 100%;
  padding: 0 12px 12px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__loadingContainer {
  min-width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #51586a;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__cellWithButton {
  justify-content: space-between;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__icon {
  padding-right: 8px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__capitalize {
  text-transform: capitalize;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__warning-list {
  margin: 0;
  padding: 0 0 0 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__cellText {
  min-width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__text-wrap {
  white-space: normal;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__source-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__cell-list {
  white-space: normal;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__simple-link a > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__link span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__row:last-child a,
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__row:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__headerCell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__cell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__centeredText {
  text-align: center;
  justify-content: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__compactCell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__expandCollapseBtn {
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__modalContainer .modal-content {
  background-color: #252830;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__modalContainer .modal-content .modal-body {
  padding: 15px;
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newsHeadlines {
  border: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__openInNewTabIcon {
  vertical-align: bottom;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__headlineLink {
  font-weight: bold;
  color: #cfd2da;
  vertical-align: baseline;
  text-decoration: underline;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__headlineLink:hover {
  color: #1bc98e;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__newsHeadlinesTable {
  grid-template-columns: 180px 1fr;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-v3-table__divider {
  border-top: 1px solid #434857;
  padding-top: 15px;
  margin-top: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-container__shakeAnimation {
  animation: js-view-components-widget-container__shake 0.5s;
}
@keyframes js-view-components-widget-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-container__container {
  background-color: #353944;
  display: flex;
  flex-direction: column;
  position: relative;
}
.js-view-components-widget-container__darkContainer {
  background-color: #353944;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}

.js-view-components-threshold-value-threshold-display-value__inputGroupAddon {
  display: flex;
  align-items: center;
  width: max-content;
  justify-content: center;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-threshold-value-threshold-value__shakeAnimation {
  animation: js-view-components-threshold-value-threshold-value__shake 0.5s;
}
@keyframes js-view-components-threshold-value-threshold-value__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-threshold-value-threshold-value__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-threshold-value-threshold-value__current-value {
  color: #cfd2da;
  font-size: 16px;
}
.js-view-components-threshold-value-threshold-value__current-value-input {
  display: flex;
  justify-content: space-around;
}
.js-view-components-threshold-value-threshold-value__current-value-input input {
  font-size: 16px;
  min-width: 100px;
  width: max-content;
}
.js-view-components-threshold-value-threshold-value__current-value-input input:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.js-view-components-threshold-value-threshold-value__current-value-input input:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.js-view-components-threshold-value-threshold-value__current-value-input span {
  font-size: 16px;
  min-width: max-content;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-threshold-slider-threshold-slider__shakeAnimation {
  animation: js-view-components-threshold-slider-threshold-slider__shake 0.5s;
}
@keyframes js-view-components-threshold-slider-threshold-slider__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-threshold-slider-threshold-slider__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-threshold-slider-threshold-slider__container {
  position: relative;
  width: 100%;
  padding-top: 5px;
  overflow: hidden;
}
.js-view-components-threshold-slider-threshold-slider__container h3 {
  color: #1bc98e;
  margin: 0 0 25px 0;
  font-size: 12px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-button-switch__shakeAnimation {
  animation: js-view-components-button-switch__shake 0.5s;
}
@keyframes js-view-components-button-switch__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-button-switch__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-button-switch__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.js-view-components-button-switch__labelContainer {
  display: flex;
}
.js-view-components-button-switch__labelContainer.js-view-components-button-switch__small {
  font-size: 12px;
}
.js-view-components-button-switch__labelContainer.js-view-components-button-switch__medium {
  font-size: 14px;
}
.js-view-components-button-switch__labelContainer.js-view-components-button-switch__large {
  font-size: 16px;
}
.js-view-components-button-switch__left {
  margin-right: 10px;
}
.js-view-components-button-switch__right {
  margin-left: 10px;
}
.js-view-components-button-switch__onOffSwitch {
  position: relative;
  user-select: none;
  margin-top: 5px;
}
.js-view-components-button-switch__onOffSwitch.js-view-components-button-switch__small {
  width: 20px;
}
.js-view-components-button-switch__onOffSwitch.js-view-components-button-switch__medium {
  width: 35px;
}
.js-view-components-button-switch__onOffSwitch.js-view-components-button-switch__large {
  width: 50px;
  margin-top: 10px;
}
.js-view-components-button-switch__onOffSwitchCheckbox {
  display: none;
}
.js-view-components-button-switch__onOffSwitchLabel {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 10px;
  padding: 0;
  line-height: 10px;
  border: 0 solid #fff;
  border-radius: 25px;
  background-color: #6f7890;
}
.js-view-components-button-switch__onOffSwitchLabel.js-view-components-button-switch__small {
  height: 4px;
  line-height: 4px;
  border-radius: 2px;
}
.js-view-components-button-switch__onOffSwitchLabel.js-view-components-button-switch__medium {
  height: 10px;
  line-height: 10px;
  border-radius: 5px;
}
.js-view-components-button-switch__onOffSwitchLabel.js-view-components-button-switch__large {
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
}
.js-view-components-button-switch__disabled {
  cursor: not-allowed;
}
.js-view-components-button-switch__onOffSwitchLabel:before {
  content: '';
  display: block;
  width: 20px;
  margin: -5px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  height: 20px;
}
.js-view-components-button-switch__onOffSwitchLabel.js-view-components-button-switch__small:before {
  width: 14px;
  margin: -5px;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  height: 14px;
}
.js-view-components-button-switch__onOffSwitchLabel.js-view-components-button-switch__medium:before {
  width: 20px;
  margin: -5px;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  height: 20px;
}
.js-view-components-button-switch__onOffSwitchLabel.js-view-components-button-switch__large:before {
  width: 30px;
  margin: -5px;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  height: 30px;
}
.js-view-components-button-switch__onOffSwitchCheckbox:checked + .js-view-components-button-switch__onOffSwitchLabel {
  background-color: #12865e;
  margin-left: 0;
}
.js-view-components-button-switch__onOffSwitchCheckbox:checked + .js-view-components-button-switch__onOffSwitchLabel,
.js-view-components-button-switch__onOffSwitchCheckbox:checked + .js-view-components-button-switch__onOffSwitchLabel:before {
  border-color: #1bc98e;
}
.js-view-components-button-switch__onOffSwitchCheckbox:checked + .js-view-components-button-switch__onOffSwitchLabel:before {
  right: 0;
  background-color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__container {
  position: relative;
  width: 100%;
  padding: 10px 50px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__container div:first-child {
  justify-content: center !important;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-toggle__container h3 {
  color: #1bc98e;
  margin: 0 0 25px 0;
  font-size: 12px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-button-element-action__shakeAnimation {
  animation: js-view-components-button-element-action__shake 0.5s;
}
@keyframes js-view-components-button-element-action__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-button-element-action__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-button-element-action__button {
  width: 35px;
  height: 35px;
  font-size: 1.5em;
  line-height: 1;
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 0;
  margin-left: 15px;
}
.js-view-components-button-element-action__button span {
  line-height: 35px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__table-caption {
  margin: 10px 0;
  color: #999;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__header-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  border: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__standard-cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  height: 50px;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__delete-cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
  height: 50px;
  border-left: 1px solid #434857;
  border-right: 1px solid #434857;
  padding-left: 1px;
}
.js-view-modules-trades-surveillance-components-thresholds-price-check-editable-table__error-message {
  color: #e64759;
  font-size: 12px;
  margin: 0;
  padding-left: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__shakeAnimation {
  animation: js-view-components-threshold-input-dropdown-threshold-input-dropdown__shake 0.5s;
}
@keyframes js-view-components-threshold-input-dropdown-threshold-input-dropdown__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-threshold-input-dropdown-threshold-input-dropdown__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input {
  margin: 0 5px;
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input input {
  font-size: 16px !important;
  width: 100px !important;
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input span {
  font-size: 16px !important;
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input .js-view-components-threshold-input-dropdown-threshold-input-dropdown__threshold-input-dropdown {
  height: 35px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #4d5364;
  color: white;
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input .js-view-components-threshold-input-dropdown-threshold-input-dropdown__threshold-input-dropdown:hover {
  border-color: #4d5364;
}
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input .js-view-components-threshold-input-dropdown-threshold-input-dropdown__threshold-input-dropdown:focus,
.js-view-components-threshold-input-dropdown-threshold-input-dropdown__current-value-input .js-view-components-threshold-input-dropdown-threshold-input-dropdown__threshold-input-dropdown:active {
  border-color: #636b81 !important;
  background-color: #636b81 !important;
  color: white !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-time-range-threshold-time-range__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-thresholds-threshold-time-range-threshold-time-range__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-threshold-time-range-threshold-time-range__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-threshold-time-range-threshold-time-range__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-time-range-threshold-time-range__container {
  position: relative;
  width: 100%;
  padding-top: 5px;
  overflow: hidden;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-time-range-threshold-time-range__container h3 {
  color: #1bc98e;
  margin: 0 0 25px 0;
  font-size: 12px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__shakeAnimation {
  animation: js-view-components-threshold-dual-time-range-threshold-dual-time-range__shake 0.5s;
}
@keyframes js-view-components-threshold-dual-time-range-threshold-dual-time-range__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-threshold-dual-time-range-threshold-dual-time-range__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  padding: 0 10px;
  margin-bottom: 20px;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__helpTextContainer {
  width: max-content;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  color: rgba(206, 206, 206, 0.8);
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__helpTextInnerContainer {
  margin: 0 5px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__zeroMarkerContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10px;
  position: absolute;
  top: calc(50% + 10px);
  margin-left: 10px;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__zeroMarker {
  width: 1px;
  height: 15px;
  background-color: #1bc98e;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__zeroMarkerText {
  color: #1bc98e;
  margin-top: 5px;
}
.js-view-components-threshold-dual-time-range-threshold-dual-time-range__sliderContainer {
  min-width: 400px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__container {
  background-color: transparent !important;
  margin-top: 30px;
  margin-bottom: 30px;
  align-items: center;
  min-width: calc((100% / 4) - 40px);
  width: max-content;
  border: none;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__container .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__thresholdTitleContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__container .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__thresholdTitle {
  color: #cfd2da;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 14px;
  min-height: 20px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__container input[type='number'] {
  z-index: unset;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__container .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__errorMessageContainer {
  color: #e64759;
  font-weight: 400;
  font-size: 16px;
  padding: 0 16px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__container .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__tooltipBtn {
  margin-left: 8px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__darkContainer {
  background-color: #15181f;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5px;
  height: 160px;
  align-items: center;
  border: 1px solid #51586a;
  border-radius: 4px;
  padding: 10px 10px 30px 10px;
  justify-content: flex-end;
  min-width: 355px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__darkContainer .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__thresholdTitleContainer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__darkContainer .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__thresholdTitle {
  color: #cfd2da;
  margin-left: 8px;
  padding: 0;
  text-transform: uppercase;
  font-size: 14px;
  min-height: 20px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__darkContainer input[type='number'] {
  z-index: unset;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__darkContainer .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__errorMessageContainer {
  color: #e64759;
  font-weight: 400;
  font-size: 16px;
  padding: 0 16px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__darkContainer .js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__tooltipBtn {
  margin: 0;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__corporateInsiderMonitoring {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__pricingCheckContainer {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__textInputContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__textInputInnerContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__textInputInnerContainer span {
  margin-right: 10px;
  font-size: 16px;
  color: rgba(206, 206, 206, 0.8);
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__textInputInnerContainer input {
  border-radius: 4px !important;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__dropdownBtn {
  height: 100%;
  cursor: pointer;
  user-select: none;
  border: none;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__dropdownBtn:hover {
  background-color: #687086;
  cursor: pointer;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__dropdownBtn span {
  color: white;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__hide {
  opacity: 0;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__mt20 {
  margin-top: 20px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__spinner-container {
  margin-right: 7.5px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__error {
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__formControl {
  margin-bottom: 15px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__formControlMultiSelectAndSwitch {
  margin-bottom: 30px;
}
.js-view-modules-trades-surveillance-components-thresholds-threshold-component-threshold-component__thresholdsInput {
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__sidebar {
  border: solid 1px #51586a;
  border-radius: 4px;
  width: 300px;
  padding: 20px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__sidebar h3 {
  margin-bottom: 30px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__darkSidebar {
  background-color: #15181f;
  border: solid 1px #51586a;
  border-radius: 4px;
  flex-basis: 25%;
  margin-right: 10px;
  max-width: 350px;
  padding: 0 20px;
  box-shadow: 0 0 10px 2px #0f1013;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__darkSidebar h3 {
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #51586a;
  padding-bottom: 5px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__disabled {
  opacity: 0.5;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__disabled:hover + .js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__tooltip {
  display: block;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__tooltip {
  background-color: #15181f;
  color: #e64759;
  border: 1px solid #e64759;
  border-radius: 5px;
  padding: 6px 12px;
  transform: translateX(-10%) translateY(-130%);
  position: absolute;
  width: 300px;
  text-align: center;
  content: attr(data-tooltip);
  display: none;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds-sidebar-thresholds-sidebar__tooltip::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  left: 12%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #e64759 transparent transparent transparent;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-thresholds-thresholds__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-thresholds__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-thresholds-thresholds__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__container {
  display: flex;
  margin-bottom: 30px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__container .js-view-modules-trades-surveillance-components-thresholds-thresholds__borderedGrid {
  border: solid 1px #51586a;
  border-radius: 4px;
  margin-left: 20px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__container .js-view-modules-trades-surveillance-components-thresholds-thresholds__form {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__container .js-view-modules-trades-surveillance-components-thresholds-thresholds__loadingArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__container .js-view-modules-trades-surveillance-components-thresholds-thresholds__grid {
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 5px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__container .js-view-modules-trades-surveillance-components-thresholds-thresholds__grid > * {
  margin: 0 10px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__darkContainer {
  display: flex;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__darkContainer .js-view-modules-trades-surveillance-components-thresholds-thresholds__form {
  width: 100%;
  background-color: #15181f;
  border-radius: 4px;
  border: solid 1px #51586a;
  box-shadow: 0 0 10px 2px #0f1013;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__darkContainer .js-view-modules-trades-surveillance-components-thresholds-thresholds__loadingArea {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__darkContainer .js-view-modules-trades-surveillance-components-thresholds-thresholds__grid {
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px;
}
.js-view-modules-trades-surveillance-components-thresholds-thresholds__heading {
  font-size: 24px;
  border-bottom: 1px solid #51586a;
  padding: 2px 0;
  margin: 0 10px;
  color: #fff;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-table-checkbox-cell__shakeAnimation {
  animation: js-view-components-table-checkbox-cell__shake 0.5s;
}
@keyframes js-view-components-table-checkbox-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-table-checkbox-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-table-checkbox-cell__cell {
  vertical-align: middle !important;
  max-width: 40px !important;
}
.js-view-components-table-checkbox-cell__checkbox {
  justify-content: center;
  margin: 0 0 0 4px !important;
  display: flex !important;
}
.js-view-components-table-checkbox-cell__checkbox .label {
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-listing-backtesting-list-row__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-listing-backtesting-list-row__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-listing-backtesting-list-row__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-listing-backtesting-list-row__cells {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-listing-listing-tables__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-listing-listing-tables__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-listing-listing-tables__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__newTable > .js-view-modules-trades-surveillance-components-listing-listing-tables__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border-bottom: none;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__child-listing-container {
  margin-bottom: 1em;
}
.js-view-modules-trades-surveillance-components-listing-listing-tables__collapsibleDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}

.js-view-components-export-many-items-modal__confirm-button {
  margin-left: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-download-records-button-download-records-button__shakeAnimation {
  animation: js-view-components-download-records-button-download-records-button__shake 0.5s;
}
@keyframes js-view-components-download-records-button-download-records-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-download-records-button-download-records-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-download-records-button-download-records-button__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-download-records-button-download-records-button__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-components-download-records-button-download-records-button__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-components-download-records-button-download-records-button__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-components-download-records-button-download-records-button__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-components-download-records-button-download-records-button__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-components-download-records-button-download-records-button__modalStyle {
  max-height: 95vh;
}
.js-view-components-download-records-button-download-records-button__modalStyle .js-view-components-download-records-button-download-records-button__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-components-download-records-button-download-records-button__modalStyle .js-view-components-download-records-button-download-records-button__modal-content .js-view-components-download-records-button-download-records-button__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-components-download-records-button-download-records-button__modalStyle .js-view-components-download-records-button-download-records-button__modal-content .js-view-components-download-records-button-download-records-button__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-components-download-records-button-download-records-button__modalStyle .js-view-components-download-records-button-download-records-button__modal-content .js-view-components-download-records-button-download-records-button__modal-body {
  border: none;
  padding: 0;
}
.js-view-components-download-records-button-download-records-button__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-components-download-records-button-download-records-button__dropdown {
  position: relative;
  white-space: nowrap;
}
.js-view-components-download-records-button-download-records-button__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
  padding-left: 0;
}
.js-view-components-download-records-button-download-records-button__downloadDropdownContainer {
  margin-right: 9px;
}
.js-view-components-download-records-button-download-records-button__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
  padding: 24px 0;
  border-bottom: none;
}
.js-view-components-download-records-button-download-records-button__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.download-records-dialog {
  max-height: 95vh;
}
.download-records-dialog .modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.download-records-dialog .modal-content .modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.download-records-dialog .modal-content .modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.download-records-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-audit-button-audit-button__shakeAnimation {
  animation: js-view-components-audit-button-audit-button__shake 0.5s;
}
@keyframes js-view-components-audit-button-audit-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-audit-button-audit-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-audit-button-audit-button__auditButton {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
}
.js-view-components-audit-button-audit-button__auditButton svg {
  height: 24px;
  width: 24px;
}
.js-view-components-audit-button-audit-button__activeAuditButton {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  background-color: #1997c6;
  color: white;
}
.js-view-components-audit-button-audit-button__activeAuditButton svg {
  height: 24px;
  width: 24px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-backtest-status-bar-backtest-status-bar__shakeAnimation {
  animation: js-view-components-backtest-status-bar-backtest-status-bar__shake 0.5s;
}
@keyframes js-view-components-backtest-status-bar-backtest-status-bar__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-backtest-status-bar-backtest-status-bar__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-backtest-status-bar-backtest-status-bar__container {
  display: flex;
  align-items: center;
  height: 40px;
}
.js-view-components-backtest-status-bar-backtest-status-bar__title {
  font-size: 28px;
  margin-right: 16px;
}
.js-view-components-backtest-status-bar-backtest-status-bar__boxContainer {
  height: 40px;
  overflow: hidden;
  display: grid;
  align-items: center;
  justify-content: start;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-sub-title__shakeAnimation {
  animation: js-view-components-widget-sub-title__shake 0.5s;
}
@keyframes js-view-components-widget-sub-title__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-sub-title__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-sub-title__heading {
  font-size: 13px;
  color: #6f7890;
  padding: 5px 0 0;
  margin: 0;
}

.js-view-components-widget-dropdown-title__sub-title {
  padding-top: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-hidden-filters-indicator-hidden-filters-indicator__shakeAnimation {
  animation: js-view-components-hidden-filters-indicator-hidden-filters-indicator__shake 0.5s;
}
@keyframes js-view-components-hidden-filters-indicator-hidden-filters-indicator__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-hidden-filters-indicator-hidden-filters-indicator__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-hidden-filters-indicator-hidden-filters-indicator__otherFilters {
  border: 2px dotted #1bc98e;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 4px;
  color: #1bc98e;
  font-size: 14px;
}
.js-view-components-hidden-filters-indicator-hidden-filters-indicator__small {
  font-size: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-barchart-with-title-barchart-with-title__shakeAnimation {
  animation: js-view-components-barchart-with-title-barchart-with-title__shake 0.5s;
}
@keyframes js-view-components-barchart-with-title-barchart-with-title__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-barchart-with-title-barchart-with-title__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-barchart-with-title-barchart-with-title__container {
  overflow: hidden;
  background-color: #353944;
  padding: 4px 8px 8px;
}
.js-view-components-barchart-with-title-barchart-with-title__container > div > button > h3 {
  font-style: normal;
  /* Stops the legacy <WidgetDropdownTitle /> from being italic */
}
.js-view-components-barchart-with-title-barchart-with-title__darkContainer {
  overflow: hidden;
  background-color: #353944;
  padding: 4px 8px 8px;
  background-color: #15181f;
  border-radius: 4px;
  border: 1px solid #51586a;
}
.js-view-components-barchart-with-title-barchart-with-title__darkContainer > div > button > h3 {
  font-style: normal;
  /* Stops the legacy <WidgetDropdownTitle /> from being italic */
}
.js-view-components-barchart-with-title-barchart-with-title__title {
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
}
.js-view-components-barchart-with-title-barchart-with-title__dropdown {
  display: flex;
  justify-content: space-between;
  /* Prevent the component from wrapping if the text is wide */
  height: 21px;
  overflow: hidden;
}
.js-view-components-barchart-with-title-barchart-with-title__chart {
  position: relative;
}
.js-view-components-barchart-with-title-barchart-with-title__chart:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #353944;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
}
.js-view-components-barchart-with-title-barchart-with-title__chartLoading:after {
  pointer-events: auto;
  opacity: 0.3;
}
.js-view-components-barchart-with-title-barchart-with-title__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #15181f;
  margin: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-backtest-detail__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-backtest-detail__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-backtest-detail__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__header {
  padding: 0 15px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__headerBlock {
  height: 100%;
  display: flex;
  align-items: center;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__headerBlock > *:first-child {
  margin-right: 16px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__blockHeader {
  height: 100%;
  display: flex;
  align-items: center;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__toolbarItem {
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__divider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__headerText {
  font-size: 28px;
  color: #cfd2da;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50vw;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__headerText::after {
  content: ' - ';
  white-space: pre;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__auditButton {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  padding-left: 10px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__auditButton svg {
  height: 24px;
  width: 24px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__layout {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  overflow-y: scroll;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  align-content: start;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__layout::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__layout::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__layout::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__layout::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__layout > * {
  min-width: 0;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__fullWidth {
  grid-column: 1 / -1;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__detail {
  grid-template-columns: 40% 60%;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__container {
  padding: 0 15px;
  border-color: #6f7890;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__headerTitle {
  display: flex;
  padding: 10px 0;
  align-items: center;
  justify-content: space-between;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__titleContainer {
  display: flex;
  justify-content: center;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__title {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__subContainer {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-height: 450px;
  overflow-y: auto;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__subContainer::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__subContainer::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__subContainer::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__subContainer::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__auditOptions {
  display: flex;
  justify-content: center;
  grid-column: span 2;
  border-bottom: 1px solid #51586a;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__auditOptions > a {
  text-decoration: none;
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__toolbarDocumentation {
  margin-top: 8px;
}
.js-view-modules-trades-surveillance-pages-backtest-detail__loadingContainer {
  margin-top: 15px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-report-template__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-report-template__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-report-template__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-report-template__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-report-template__configContainer {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-report-template__configContainer .js-view-modules-trades-surveillance-pages-mar-reports-report-template__configButton {
  margin: 30px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-report-template__configContainer .js-view-modules-trades-surveillance-pages-mar-reports-report-template__text {
  font-size: 16px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__row:last-child a,
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__table .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__row:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newTable > .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__expandedRow {
  min-width: 100%;
  padding: 0 12px 12px;
  border-bottom: 1px solid #51586a;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__loadingContainer {
  min-width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #51586a;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__cellWithButton {
  justify-content: space-between;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__icon {
  padding-right: 8px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__capitalize {
  text-transform: capitalize;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__warning-list {
  margin: 0;
  padding: 0 0 0 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__cellText {
  min-width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__text-wrap {
  white-space: normal;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__source-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__cell-list {
  white-space: normal;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__simple-link a > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__link span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__row:last-child a,
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__row:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__headerCell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__cell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__centeredText {
  text-align: center;
  justify-content: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__resizableTable .js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__compactCell {
  padding: 8px 14px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__expandCollapseBtn {
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__modalContainer .modal-content {
  background-color: #252830;
  color: #cfd2da;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__modalContainer .modal-content .modal-body {
  padding: 15px;
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newsHeadlines {
  border: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__openInNewTabIcon {
  vertical-align: bottom;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__headlineLink {
  font-weight: bold;
  color: #cfd2da;
  vertical-align: baseline;
  text-decoration: underline;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__headlineLink:hover {
  color: #1bc98e;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__newsHeadlinesTable {
  grid-template-columns: 180px 1fr;
}
.js-view-modules-trades-surveillance-pages-mar-reports-insider-trading-news-refinitiv-table__divider {
  border-top: 1px solid #434857;
  padding-top: 15px;
  margin-top: 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-child-table-container__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-widget-control-loading__shakeAnimation {
  animation: js-view-components-widget-control-loading__shake 0.5s;
}
@keyframes js-view-components-widget-control-loading__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-widget-control-loading__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-widget-control-loading__container {
  display: flex;
  align-items: center;
  color: #e4d836;
  margin: 0 0 -5px 5px;
}
.js-view-components-widget-control-loading__container span:first-of-type {
  margin-right: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__table {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  grid-template-columns: 56px repeat(8, auto);
  min-width: 100%;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__table::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__table::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__table::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__table::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__table:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  grid-template-columns: 56px repeat(8, auto);
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 4px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__newTable > .js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__headerCell {
  background-color: #15181f;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__tableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__headerCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__headerCellCentered {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__cell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__cellWithButton {
  justify-content: space-between;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__icon {
  padding-right: 8px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-restricted-list-table-restricted-list-table__linkText {
  text-decoration: underline;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__addNew {
  margin-right: 10px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__header {
  padding: 0 15px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__headerLeft {
  display: flex;
  align-items: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__headerLeft .js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__backBtn {
  margin-right: 8px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__headerLeft > h2 {
  margin: 0 15px -2px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__filterSearch {
  margin-right: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__headerRight {
  display: flex;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__content {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__content::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__content::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__content::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__content::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__subHeading {
  font-size: 11px;
  font-style: italic;
  padding-top: 2px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__table > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__table div:last-child a,
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__table div:last-child div {
  border-bottom: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__title {
  display: flex;
  flex-direction: column;
  padding: 0 16px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__collapsibleDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-restricted-lists-listing__documentationContainer {
  margin-left: 2px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-buy-or-sell-buy-or-sell__shakeAnimation {
  animation: js-view-components-buy-or-sell-buy-or-sell__shake 0.5s;
}
@keyframes js-view-components-buy-or-sell-buy-or-sell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-buy-or-sell-buy-or-sell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-buy-or-sell-buy-or-sell__box {
  width: 48px;
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.js-view-components-buy-or-sell-buy-or-sell__sell {
  background-color: #e64759;
}
.js-view-components-buy-or-sell-buy-or-sell__buy {
  background-color: #1bc98e;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-link-index__shakeAnimation {
  animation: js-view-components-link-index__shake 0.5s;
}
@keyframes js-view-components-link-index__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-link-index__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-link-index__link {
  text-decoration: underline !important;
  cursor: pointer;
  color: #ffffff;
}
.js-view-components-link-index__link a > span {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__shakeAnimation {
  animation: js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__tableSection > * {
  width: 100%;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__row {
  grid-column: 1/-1;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__container {
  margin: 15px 0;
  padding: 0;
}
.js-view-modules-trades-surveillance-pages-mar-reports-layering-v2-layering-v2-scenario-details-tables-layering-v2-scenario-details-tables__titleBarDarker {
  background-color: #15181f;
  border: 1px solid #51586a;
  border-radius: 4px 4px 0 0;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-buy-sell-indicator-new-buy-sell-indicator__shakeAnimation {
  animation: js-view-components-buy-sell-indicator-new-buy-sell-indicator__shake 0.5s;
}
@keyframes js-view-components-buy-sell-indicator-new-buy-sell-indicator__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-buy-sell-indicator-new-buy-sell-indicator__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-buy-sell-indicator-new-buy-sell-indicator__indicator {
  width: 4em;
  padding: 0 0.75em;
  text-align: center;
  border-radius: 4px;
}
.js-view-components-buy-sell-indicator-new-buy-sell-indicator__indicator.js-view-components-buy-sell-indicator-new-buy-sell-indicator__title {
  margin-right: 15px;
  padding: 6px 12px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-components-buy-sell-indicator-new-buy-sell-indicator__BUYI {
  border: 1px solid #1bc98e;
  color: #1bc98e;
}
.js-view-components-buy-sell-indicator-new-buy-sell-indicator__SELL {
  border: 1px solid #e64759;
  color: #e64759;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__shakeAnimation {
  animation: js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__shake 0.5s;
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-bottom: 1px solid #434857;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainer .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineLink {
  font-weight: bold;
  color: #cfd2da;
  vertical-align: baseline;
  text-decoration: underline;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainer .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineLink:hover {
  color: #1bc98e;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainer .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineLink .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__open-in-new-tab-icon {
  vertical-align: bottom;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainerExpanded {
  padding: 10px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainerExpanded .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__summary {
  margin-top: 5px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainerExpanded .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__tweetDetails {
  margin-top: 5px;
  cursor: default !important;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainerExpanded .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__tweetDetails .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__tweetDetailsCell {
  white-space: normal;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__headlineContainerExpanded .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__tweetDetails .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__tweetDetailsCell .js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__twitterProfileIcon {
  width: 40px;
  height: 40px;
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__rightCell {
  text-align: center;
  padding-right: 8px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgba(151, 151, 151, 0.15);
}
.js-view-modules-trades-surveillance-components-market-abuse-table-cells-news-headline__leftCell {
  padding-left: 8px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__shakeAnimation {
  animation: js-view-modules-admin-components-approval-proposed-changes-proposed-changes__shake 0.5s;
}
@keyframes js-view-modules-admin-components-approval-proposed-changes-proposed-changes__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-approval-proposed-changes-proposed-changes__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalTitle {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__titleText {
  color: #cfd2da;
  font-size: 24px;
  padding-left: 16px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__content {
  padding: 24px 0 16px;
  margin: 0 32px;
  border-bottom: 1px solid #cfd2da;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__contentHeading {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__contentInfo {
  color: #cfd2da;
  font-style: italic;
  margin: 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px;
  padding: 24px 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalStyle {
  max-height: 95vh;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalStyle .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-content {
  background-color: #2e323d;
  color: #cfd2da;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalStyle .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-content .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-header {
  padding: 8px 0 0;
  background-color: #252830;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalStyle .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-content .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-footer {
  border: none;
  display: flex;
  justify-content: center;
  padding: 15px;
  background-color: #252830;
  border-radius: 0 0 5px 5px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalStyle .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-content .js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modal-body {
  border: none;
  padding: 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalBody {
  width: auto;
  min-width: 500px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalTitle {
  align-items: center;
  padding: 8px 32px 0;
  display: flex;
  justify-content: center;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__titleText {
  padding: 10px 0;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__modalContent {
  display: flex;
  flex-direction: column;
  padding: 10px;
  background-color: #15181f;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__confirmButton {
  color: #1bc98e;
  display: flex;
  border-radius: 4px;
  border: 1px solid #1bc98e;
  justify-content: center;
  align-items: center;
  background-color: #1a3133;
  padding: 5px 10px 5px 10px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thumbsUp {
  margin-right: 5px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__pendingChangeTitle {
  margin-bottom: 10px;
  font-size: 18px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__filterContainer {
  border: 1px solid #51586a;
  padding: 8px;
}
.js-view-modules-admin-components-approval-proposed-changes-proposed-changes__thresholdAndFiltersTitle {
  text-transform: uppercase;
  color: #cfd2da;
  margin: 10px 0 0;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.65);
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__shakeAnimation {
  animation: js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__shake 0.5s;
}
@keyframes js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__tableSection > * {
  width: 100%;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__row {
  grid-column: 1/-1;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__green {
  color: #1bc98e;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-bottom: 6px;
  height: 46px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__unApplyPolicyModal {
  width: 700px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__modalTitle {
  font-size: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__modalDesc {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  background-color: #15181f;
  padding: 20px 10px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__unapplyWorkflowDesc {
  text-align: center;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__applyWorkflowDesc {
  margin: 10px 0;
  text-align: center;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__userWorkflowInfo {
  width: 100%;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr) 2fr;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: visible;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__newTable .js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__headerCell {
  background-color: #252830;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__label {
  border-radius: 4px;
  height: 25px;
  width: 80px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__red {
  background: #e64759;
  color: #cfd2da;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__greenbg {
  background: #1bc98e;
  color: #fff;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__textCell {
  border-bottom: none;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__verticalDivider {
  display: inline-block;
  overflow: hidden;
  width: 0.5px;
  min-height: 30px;
  background-color: #6f7890;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__divider {
  border-top: 1px solid #434857;
  width: 100%;
  margin: 10px 0;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__redText {
  color: #e64759;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__statusCell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__workflowSelectCell {
  display: flex;
  flex-direction: column;
  padding: 8px;
  overflow: visible;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__workflowSelectCell > div {
  margin-bottom: 0;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__confirmTextContainer {
  display: flex;
  margin: 10px 0 20px 0;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__modalFooter {
  display: flex;
  gap: 8px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__inputGroup > input {
  color: #1bc98e;
  position: relative;
  padding: 6px 12px 6px 25px;
  background-color: #1a3133;
  box-shadow: inset 0 0 0 1.5px #434857;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__inputGroup::after {
  position: absolute;
  content: '\2713';
  top: 5px;
  left: 10px;
  z-index: 99;
  color: #1bc98e;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__inputGroup:focus-within::after {
  content: '';
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__inputGroup:focus-within > input {
  padding: 6px 12px;
}
.js-view-modules-admin-components-workflow-apply-unApply-workflow-apply-unApply-modals-worklow-apply-unApply-workflow-modal__notPossible {
  text-align: center;
  color: #e64759;
  font-size: 16px;
  margin-top: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-workflow-tables-workflow-apply-button__shakeAnimation {
  animation: js-view-modules-admin-components-workflow-tables-workflow-apply-button__shake 0.5s;
}
@keyframes js-view-modules-admin-components-workflow-tables-workflow-apply-button__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-workflow-tables-workflow-apply-button__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-workflow-tables-workflow-apply-button__selected {
  box-shadow: 0 0 6px 4px #1bc98e;
  border-radius: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__shakeAnimation {
  animation: js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__tableSection > * {
  width: 100%;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__row {
  grid-column: 1/-1;
}
.js-view-modules-comms-surveillance-components-time-since-detected-cell-time-since-detected-cell__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-comms-surveillance-components-csurv-content-preview-cell-csurv-content-preview-cell__shakeAnimation {
  animation: js-view-modules-comms-surveillance-components-csurv-content-preview-cell-csurv-content-preview-cell__shake 0.5s;
}
@keyframes js-view-modules-comms-surveillance-components-csurv-content-preview-cell-csurv-content-preview-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-comms-surveillance-components-csurv-content-preview-cell-csurv-content-preview-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-comms-surveillance-components-csurv-content-preview-cell-csurv-content-preview-cell__csurvContentPreviewCell {
  width: 100%;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__shakeAnimation {
  animation: js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__shake 0.5s;
}
@keyframes js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  display: grid;
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardTableLoading:after {
  pointer-events: auto;
  opacity: 0.7;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newStyleHeaderCell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #15181f;
  font-size: 14px;
  font-weight: 700;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__centeredHeaderCell {
  display: flex;
  align-items: center;
  min-height: 44px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #434857;
  box-shadow: none;
  padding: 8px 16px;
  background-color: #353944;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardCell {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #434857;
  min-width: 0;
  white-space: pre-wrap;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__standardText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__tableSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__tableSection > * {
  width: 100%;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__partition {
  width: 100%;
  margin: 8px 0;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__partitionLeft {
  width: 100%;
  margin: 8px 0;
  border-left: 1px solid #434857;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__partitionRight {
  width: 100%;
  margin: 8px 0;
  border-right: 1px solid #434857;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__row {
  grid-column: 1/-1;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__green {
  color: #1bc98e;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__titleIcon {
  color: #cfd2da;
  font-size: 40px;
  padding-bottom: 6px;
  height: 46px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__unApplyPolicyModal {
  width: 700px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__modalTitle {
  font-size: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__modalDesc {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  background-color: #15181f;
  padding: 20px 10px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__unapplyDAPDesc {
  text-align: center;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__applyDAPDesc {
  margin: 10px 0;
  text-align: center;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__userDAPInfo {
  width: 100%;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  max-width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #51586a;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr) 2fr;
  min-width: 100%;
  border: 1px solid #51586a;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: visible;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: #252830;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__newTable .js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__headerCell {
  background-color: #252830;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__label {
  border-radius: 4px;
  height: 25px;
  width: 80px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__red {
  background: #e64759;
  color: #cfd2da;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__greenbg {
  background: #1bc98e;
  color: #fff;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__textCell {
  border-bottom: none;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__verticalDivider {
  display: inline-block;
  overflow: hidden;
  width: 0.5px;
  min-height: 30px;
  background-color: #6f7890;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__divider {
  border-top: 1px solid #434857;
  width: 100%;
  margin: 10px 0;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__redText {
  color: #e64759;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__statusCell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__DAPSelectCell {
  display: flex;
  flex-direction: column;
  padding: 8px;
  overflow: visible;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__DAPSelectCell > div {
  margin-bottom: 0;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__confirmTextContainer {
  display: flex;
  margin: 10px 0 20px 0;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__modalFooter {
  display: flex;
  gap: 8px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__inputGroup > input {
  color: #1bc98e;
  position: relative;
  padding: 6px 12px 6px 25px;
  background-color: #1a3133;
  box-shadow: inset 0 0 0 1.5px #434857;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__inputGroup::after {
  position: absolute;
  content: '\2713';
  top: 5px;
  left: 10px;
  z-index: 99;
  color: #1bc98e;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__inputGroup:focus-within::after {
  content: '';
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__inputGroup:focus-within > input {
  padding: 6px 12px;
}
.js-view-modules-admin-components-dap-apply-unapply-dap-apply-unapply-modals-apply-unapply-modal__notPossible {
  text-align: center;
  color: #e64759;
  font-size: 16px;
  margin-top: 5px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-admin-components-dap-user-selector-dap-apply-cell__shakeAnimation {
  animation: js-view-modules-admin-components-dap-user-selector-dap-apply-cell__shake 0.5s;
}
@keyframes js-view-modules-admin-components-dap-user-selector-dap-apply-cell__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-admin-components-dap-user-selector-dap-apply-cell__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-admin-components-dap-user-selector-dap-apply-cell__selected {
  box-shadow: 0 0 6px 4px #1bc98e;
  border-radius: 10px;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__shakeAnimation {
  animation: js-view-components-currency-list-tooltip-currency-list-tooltip__shake 0.5s;
}
@keyframes js-view-components-currency-list-tooltip-currency-list-tooltip__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-components-currency-list-tooltip-currency-list-tooltip__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__container {
  cursor: pointer;
  position: relative;
  user-select: none;
  width: 100%;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__amountContainer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__amount {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__dropdownContainer {
  display: none;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__dropdownIcon {
  border: 1px solid #1997c6;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 12px;
  width: max-content;
  color: #1997c6;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__dropdownIcon:hover {
  background-color: rgba(25, 151, 198, 0.2);
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__dropdownVisible {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 1;
  min-width: 240px;
  font-size: 12px;
  background-color: #15181f;
  border: 1px solid #1997c6;
  border-radius: 4px;
  color: #cfd2da;
  padding: 5px 10px;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 0.5px solid #6f7890;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__row:last-child {
  border-bottom: none;
}
.js-view-components-currency-list-tooltip-currency-list-tooltip__col {
  color: #ffffff;
}

/* Gray scale */
/* Forms */
/* brand colors */
/* light colors */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* `.form-group` margin */
/* Padding between columns. Gets divided in half for the left and right. */
/*
These colours are imported from the Steeleye theme.
@gray-base:    #252830;
@gray-darker:  lighten(@gray-base, 13.5%); -> #434857
@gray-dark:    lighten(@gray-base, 20%); -> #51586a
@gray:         lighten(@gray-base, 33.5%); -> #6f7890
@gray-light:   lighten(@gray-base, 66.7%); -> #cfd2da
@gray-lighter: lighten(@gray-base, 93.5%); -> #ffffff
color: lighten(#252830, 20%)
*/
/* #0f1013 */
/* #5bc3ea */
/* #f0e990 */
/* #60eabb */
/* #8df0ce */
/* #f2a1aa */
/* #dbd2ff */
/* #A3691E51 */
/* #353944 */
.grid-line {
  opacity: 0.3 !important;
}
.first-line {
  stroke: #cfd2da !important;
  opacity: 1 !important;
}
.axis-path {
  stroke: #cfd2da !important;
  fill: #cfd2da !important;
  shape-rendering: crispEdges;
}
.d3-tooltip {
  z-index: 1000;
  position: absolute;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 1.2;
  background-color: #2e323d;
  border: 1px solid #1bc98e;
  color: #1bc98e;
  max-width: 160px;
  min-width: 40px;
  text-overflow: ellipsis;
}
.d3-tooltip:after, .d3-tooltip:before {
  content: '';
  z-index: 1001;
  position: absolute;
  border: 10px solid transparent;
}
/* Arrow Top Left */
.d3-tooltip.arrow-top-left:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-top-left:before {
  border-top-color: #1bc98e;
  top: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Top Right */
.d3-tooltip.arrow-top-right:after {
  border-top-color: #2e323d;
  /* stylelint-disable-next-line */
  top: 0;
  right: -10px;
}
.d3-tooltip.arrow-top-right:before {
  border-top-color: #1bc98e;
  top: -1px;
  right: -12px;
  border-width: 11px;
}
/* Arrow Bottom Left */
.d3-tooltip.arrow-bottom-left:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  left: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-left:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  left: -12px;
  border-width: 11px;
}
/* Arrow Bottom Right */
.d3-tooltip.arrow-bottom-right:after {
  border-bottom-color: #2e323d;
  /* stylelint-disable-next-line */
  bottom: 0;
  right: -10px;
  border-width: 12px;
}
.d3-tooltip.arrow-bottom-right:before {
  border-bottom-color: #1bc98e;
  bottom: -1px;
  right: -12px;
  border-width: 11px;
}
.d3-tooltip.arrow-bottom-middle {
  transform: translateX(-50%);
}
.d3-tooltip.arrow-bottom-middle:after {
  border-top-color: #2e323d;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 12px;
}
/* Changes here must also be updated in the constants in the useWindowWidth hook */
.opacity-fade-appear,
.opacity-fade-enter {
  opacity: 0;
}
.opacity-fade-appear.opacity-fade-appear-active,
.opacity-fade-enter.opacity-fade-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-out;
}
.opacity-fade-exit {
  opacity: 1;
}
.opacity-fade-exit.opacity-fade-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-in;
}
/* Prevent number spinner buttons appearing in Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}
body {
  overflow: hidden;
}
@font-face {
  font-family: 'icomoon';
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm);
  src: url(/c462ec51d75c29cc07c9.eot?dq2elm#iefix) format('embedded-opentype'), url(/a5e6d7bba4c113343feb.ttf?dq2elm) format('truetype'), url(/c1cedda98849aafb9114.woff?dq2elm) format('woff'), url(/asset/img/icomoon.157caf07.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical-divider {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 100%;
  min-height: 40px;
  background-color: #6f7890;
  margin: 0 10px;
}
.vertical-divider.white {
  background-color: #cfd2da;
}
.dark-background {
  background-color: #353944 !important;
}
.pivot-table th.header {
  overflow: visible;
  font-weight: bold;
}
.delete-icon {
  color: #e64759;
}
.play-icon {
  color: #1bc98e;
}
.pause-icon {
  color: #e4d836;
}
.edit-icon {
  color: #1997c6;
}
.popover-list {
  list-style: none;
  padding-left: 0;
}
.popover-list-item {
  padding: 7.5px;
}
.popover-list-hover {
  color: #1bc98e;
  text-decoration: underline;
}
.btn.disabled {
  border-color: #51586a;
  color: #51586a;
}
button:disabled {
  background-color: transparent !important;
  color: #51586a !important;
  border-color: #51586a !important;
}
button:disabled:hover {
  color: #51586a !important;
}
.js-view-modules-positions-positions__shakeAnimation {
  animation: js-view-modules-positions-positions__shake 0.5s;
}
@keyframes js-view-modules-positions-positions__shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(20px, 0);
  }
  40% {
    transform: translate(-20px, 0);
  }
  60% {
    transform: translate(20px, 0);
  }
  80% {
    transform: translate(-20px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes js-view-modules-positions-positions__slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.js-view-modules-positions-positions__standardContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
}
.js-view-modules-positions-positions__standardContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-positions-positions__standardContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-positions-positions__standardContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__standardContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__standardFlexContent {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.js-view-modules-positions-positions__standardFlexContent::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-positions-positions__standardFlexContent::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-positions-positions__standardFlexContent::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__standardFlexContent::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__standardFlexContent > * {
  margin-bottom: 15px;
}
.js-view-modules-positions-positions__standardHeaderSection {
  padding: 0 15px;
}
.js-view-modules-positions-positions__standardHeaderBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-positions-positions__standardTitle {
  display: flex;
  align-items: baseline;
  margin-left: 10px;
}
.js-view-modules-positions-positions__standardHeaderText {
  font-size: 28px;
  padding-right: 16px;
}
.js-view-modules-positions-positions__standardRefineSection {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-positions-positions__standardDivider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-positions-positions__standardToolbarItem {
  margin-right: 8px;
}
.js-view-modules-positions-positions__thinScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-positions-positions__thinScrollbar::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-positions-positions__thinScrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-positions-positions__thinScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__thinScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__thickScrollbar {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-positions-positions__thickScrollbar::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-positions-positions__thickScrollbar::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-positions-positions__thickScrollbar::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__thickScrollbar::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__thinScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: thin;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-positions-positions__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 6px;
}
.js-view-modules-positions-positions__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 6px;
}
.js-view-modules-positions-positions__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__thinScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-positions-positions__thickScrollbarNoHorizontalDisplay {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
}
.js-view-modules-positions-positions__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-positions-positions__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-positions-positions__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__thickScrollbarNoHorizontalDisplay::-webkit-scrollbar:horizontal {
  display: none;
}
.js-view-modules-positions-positions__headerBlock {
  height: 100%;
  display: flex;
  align-items: center;
  color: #cfd2da;
  max-width: 100%;
}
.js-view-modules-positions-positions__headerBlock div {
  margin-top: 21px;
}
.js-view-modules-positions-positions__title {
  color: #cfd2da;
  padding-right: 16px;
}
.js-view-modules-positions-positions__header {
  padding: 0 15px;
}
.js-view-modules-positions-positions__filterBlock {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
}
.js-view-modules-positions-positions__divider {
  height: 40px;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  background-color: #6f7890;
  margin-right: 8px;
}
.js-view-modules-positions-positions__toolbarItem {
  margin-right: 8px;
}
.js-view-modules-positions-positions__container {
  /* W3C scrollbars (Firefox */
  scrollbar-width: auto;
  scrollbar-color: #6f7890 #353944;
  /* Works on Chrome/Edge/Safari */
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.js-view-modules-positions-positions__container::-webkit-scrollbar {
  width: 12px;
}
.js-view-modules-positions-positions__container::-webkit-scrollbar:horizontal {
  height: 12px;
}
.js-view-modules-positions-positions__container::-webkit-scrollbar-track {
  background: #353944;
}
.js-view-modules-positions-positions__container::-webkit-scrollbar-thumb {
  background-color: #6f7890;
  border-radius: 4px;
  border: 3px solid #6f7890;
}
.js-view-modules-positions-positions__tableContainer {
  padding: 15px 15px 0 15px;
}

.js-routes__loadingBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100vw;
  height: 100vh;
}