@import-normalize; /* bring in normalize.css styles */ html {
  height: 100%;
  box-sizing: border-box;
} body {
  background-color: var(--palette-background-b-4);
  color: var(--palette-primary-text-1);
  font-family: Roboto, sans-serif;
  height: 100%;
  margin: 0;
} *,
*:before,
*:after {
  box-sizing: inherit;
} a {
  text-decoration: none;
  color: #039be5;
} #root {
  height: 100%;
} /* https://github.com/reactjs/react-modal/issues/191*/ /* This prevents double scrolling when adding new app on dashboard */ .ReactModal__Body--open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
} /* NOTE: Here we override the highcharts tooltip container zIndex
   The problem is, when tooltip.outside=true, it's appended to DOM with zIndex:3 and is not visible in fullscreen apps
   because fullscreen apps have zIndex:500
   https://stackoverflow.com/questions/57365953/highcharts-tooltip-appearing-behind-the-dialog-holding-the-chart
*/ .highcharts-tooltip-container {
  z-index: 501 !important;
} .emoji-mart-dark,
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: var(--palette-background-b-9);
} .grecaptcha-badge {
  visibility: hidden;
}
/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}