@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap);
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}

.ol-viewport {
  touch-action: pan-x pan-y;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}

.ol-zoom {
  top: .5em;
  left: .5em;
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}

.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}

.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
  font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

.ol-overviewmap .ol-viewport:hover {
  cursor: pointer;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

.vis-current-time {
  background-color: #FF7F6E;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 7px;
  right: 20px;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #3876c2;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}

.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-loading-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
} 

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-graph-group0 {
    fill:#4f81bd;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #4f81bd;
}

.vis-graph-group1 {
    fill:#f79646;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #f79646;
}

.vis-graph-group2 {
    fill: #8c51cf;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8c51cf;
}

.vis-graph-group3 {
    fill: #75c841;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #75c841;
}

.vis-graph-group4 {
    fill: #ff0100;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff0100;
}

.vis-graph-group5 {
    fill: #37d8e6;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #37d8e6;
}

.vis-graph-group6 {
    fill: #042662;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #042662;
}

.vis-graph-group7 {
    fill:#00ff26;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #00ff26;
}

.vis-graph-group8 {
    fill:#ff00ff;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff00ff;
}

.vis-graph-group9 {
    fill: #8f3938;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8f3938;
}

.vis-timeline .vis-fill {
    fill-opacity:0.1;
    stroke: none;
}


.vis-timeline .vis-bar {
    fill-opacity:0.5;
    stroke-width:1px;
}

.vis-timeline .vis-point {
    stroke-width:2px;
    fill-opacity:1.0;
}


.vis-timeline .vis-legend-background {
    stroke-width:1px;
    fill-opacity:0.9;
    fill: #ffffff;
    stroke: #c2c2c2;
}


.vis-timeline .vis-outline {
    stroke-width:1px;
    fill-opacity:1;
    fill: #ffffff;
    stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
    fill-opacity:0.3;
    stroke: none;
}

.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}


.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block
}

.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer;
}

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {
  background: #f5f5f5;
}
.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: #ffffff;
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0;
}
.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px;
}
.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px;
}
.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px;
}
.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px;
}
.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px;
}
.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px;
}
.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px;
}
.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px;
}
.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px;
}
/* default takes over beginning with level-10 (thats why we add .vis-nested-group
  to the selectors above, to have higher specifity than these rules for the defaults) */
.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5);
}
.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px;
}
.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px;
}

.vis-group-level-unknown-but-gte1 {
  border: 1px solid red;
}

/* expanded/collapsed indicators */
.vis-label.vis-nesting-group:before,
.vis-label.vis-nesting-group:before {
  display: inline-block;
  width: 15px;
}
.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}
.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}
.vis-rtl .vis-label.vis-nesting-group.collapsed:before {
  content: "\25C0";
}
/* compensate missing expanded/collapsed indicator, but only at levels > 0 */
.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-left: 15px;
}
.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-right: 15px;
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-group-is-dragging {
  background: rgba(0, 0, 0, .1);
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;

  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-custom-time {
  background-color: #6E94FF;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-custom-time > .vis-custom-time-marker {
  background-color: inherit;
  color: white;
  font-size: 12px;
  white-space: nowrap;
  padding: 3px 5px;
  top: 0px;
  cursor: initial;
  z-index: inherit;
}

.vis-item {
  position: absolute;
  color: #1A1A1A;
  border-color: #97B0F8;
  border-width: 1px;
  background-color: #D5DDF6;
  display: inline-block;
  z-index: 1;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #FFC200;
  background-color: #FFF785;

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #FFF785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}

.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: white;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
  transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.vis-item .vis-delete, .vis-item .vis-delete-rtl {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  padding: 0px 5px;
  cursor: pointer;

  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -24px;
}

.vis-item .vis-delete-rtl {
  left: -24px;
}

.vis-item .vis-delete:after, .vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: bold;

  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover, .vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after, .vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-item.vis-cluster {
  vertical-align: center;
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-cluster-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item.vis-cluster-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

div.vis-configuration {
    position:relative;
    display:block;
    float:left;
    font-size:12px;
}

div.vis-configuration-wrapper {
    display:block;
    width:700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container{
    display:block;
    width:495px;
    background-color: #ffffff;
    border:2px solid #f7f8fa;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
}

div.vis-configuration.vis-config-button{
    display:block;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
    background-color: #f7f8fa;
    border:2px solid #ceced0;
    border-radius:4px;
    margin-top:20px;
    left:10px;
    padding-left:5px;
    cursor: pointer;
    margin-bottom:30px;
}

div.vis-configuration.vis-config-button.hover{
    background-color: #4588e6;
    border:2px solid #214373;
    color:#ffffff;
}

div.vis-configuration.vis-config-item{
    display:block;
    float:left;
    width:495px;
    height:25px;
    vertical-align: middle;
    line-height:25px;
}


div.vis-configuration.vis-config-item.vis-config-s2{
    left:10px;
    background-color: #f7f8fa;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s3{
    left:20px;
    background-color: #e4e9f0;
    padding-left:5px;
    border-radius:3px;
}
div.vis-configuration.vis-config-item.vis-config-s4{
    left:30px;
    background-color: #cfd8e6;
    padding-left:5px;
    border-radius:3px;
}

div.vis-configuration.vis-config-header{
    font-size:18px;
    font-weight: bold;
}

div.vis-configuration.vis-config-label{
    width:120px;
    height:25px;
    line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3{
    width:110px;
}
div.vis-configuration.vis-config-label.vis-config-s4{
    width:100px;
}

div.vis-configuration.vis-config-colorBlock{
    top:1px;
    width:30px;
    height:19px;
    border:1px solid #444444;
    border-radius:2px;
    padding:0px;
    margin:0px;
    cursor:pointer;
}

input.vis-configuration.vis-config-checkbox {
    left:-5px;
}


input.vis-configuration.vis-config-rangeinput{
    position:relative;
    top:-5px;
    width:60px;
    /*height:13px;*/
    padding:1px;
    margin:0;
    pointer-events:none;
}

input.vis-configuration.vis-config-range{
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: 0px solid white;
    background-color:rgba(0,0,0,0);

    /*required for proper track sizing in FF*/
    width: 300px;
    height:20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(99%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #14334b;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3876c2; /* Old browsers */
    background: -moz-linear-gradient(top,  #3876c2 0%, #385380 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3876c2), color-stop(100%,#385380)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3876c2 0%,#385380 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3876c2 0%,#385380 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3876c2 0%,#385380 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3876c2 0%,#385380 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
    box-shadow: #111927 0px 0px 1px 0px;
    margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
    outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
    background: #9d9d9d; /* Old browsers */
    background: -moz-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d9d9d), color-stop(99%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9d9d9d 0%,#c8c8c8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9d9d9d 0%,#c8c8c8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9d9d9d 0%,#c8c8c8 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #9d9d9d 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
    width: 300px;
    height: 10px;
    background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(99%,#c8c8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#c8c8c8 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

    border: 1px solid #999999;
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;

    border-radius: 50%;
    background:  #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background:  #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
    background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
    background: #ccc;
}

.vis-configuration-popup {
    position: absolute;
    background: rgba(57, 76, 89, 0.85);
    border: 2px solid #f2faff;
    line-height:30px;
    height:30px;
    width:150px;
    text-align:center;
    color: #ffffff;
    font-size:14px;
    border-radius:4px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after, .vis-configuration-popup:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.vis-configuration-popup:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(57, 76, 89, 0.85);
    border-width: 8px;
    margin-top: -8px;
}
.vis-configuration-popup:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f2faff;
    border-width: 12px;
    margin-top: -12px;
}
div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: verdana;
  font-size:14px;
  color:#000000;
  background-color: #f5f4ed;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;

  z-index: 5;
}

.app-settings .app-settings-control {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
.app-settings .app-settings-control .app-settings-control-title {
  margin-bottom: 0.2rem;
  margin-left: -0.2rem;
}
.app-settings .ant-form {
  margin-left: 1rem;
  border: solid 1px #4a4a66;
  padding: 0.5rem 1rem 0 1rem;
  border-bottom-right-radius: 6;
}
.settings-drawer .app-info {
  font-size: 13px;
  color: #998cc5;
}
.dataset-layer-pane {
  background: #232331;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dataset-layer-pane .dataset-layer-pane-header {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 50px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  background: #0D1527;
  z-index: 1;
  flex-shrink: 0;
}
.dataset-layer-pane .dataset-layer-pane-header .dataset-layer-pane-logo {
  height: 100%;
}
.dataset-layer-pane .dataset-layer-pane-header .dataset-layer-pane-logo img {
  height: 95%;
  width: auto;
  box-sizing: border-box;
  padding: 13px 1px 12px 8px;
}
.dataset-layer-pane .dataset-layer-pane-header .dataset-layer-pane-minimize-btn {
  border: none;
  background: transparent;
  box-shadow: none;
}
.dataset-layer-pane .dataset-layer-pane-header .dataset-layer-pane-title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  font: 16px Roboto;
  color: #fff;
}
.dataset-layer-pane .dataset-layer-pane-header .dataset-layer-pane-title .ant-divider {
  border-color: #4a4a66;
  margin-inline: 12px;
  height: 24px;
}
.dataset-layer-pane .dataset-layer-pane-header .dataset-layer-pane-title span {
  margin-left: 5px;
  font-weight: bold;
}
.dataset-layer-pane .dataset-layer-pane-subheader {
  display: flex;
  align-items: center;
  border-bottom: solid 1px rgba(185, 185, 249, 0.16);
  padding: 5px 5px 5px 0;
}
.dataset-layer-pane .dataset-layer-pane-subheader .dataset-layer-pane-layers-title {
  flex-grow: 1;
  margin: 0 1em;
  word-break: break-all;
}
.dataset-layer-pane .dataset-layer-pane-subheader .dataset-layer-pane-layers-title .ant-typography {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.dataset-layer-pane .dataset-layer-pane-subheader .dataset-layer-pane-layers-title .ant-typography.ant-typography-edit-content {
  left: 0;
}
.dataset-layer-pane.is-expanded {
  width: 520px;
}
.mouse-coords {
  width: 250px;
  background: #0D1527;
  padding: 0 10px;
  border-top-left-radius: 6px;
  z-index: 100;
}
.map-swipe-tool .layer-swipe-control-header .layer-swipe-control-label {
  margin-left: 6px;
}
.desp-app-toolbar .ant-btn {
  color: white;
}
.desp-app-toolbar .ant-btn.ant-dropdown-open {
  color: white;
}
.desp-app-toolbar .ant-btn.desp-user-button {
  background: linear-gradient(90deg, #EF2B89 0%, #7B34DB 100%);
  font-size: 16px;
  transition: none;
  padding: 4px 40px;
  height: 36px;
  display: flex;
  align-items: center;
}
.desp-app-toolbar .ant-btn.desp-user-button .anticon {
  font-size: 16px;
  height: 16px;
}
.desp-app-toolbar .ant-btn.desp-user-button .anticon svg {
  filter: none;
}
.desp-app-toolbar .ant-btn.desp-user-button .desp-user-button-text {
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 12px;
  font-weight: bold;
}
.desp-info-menu {
  width: 150px;
}
.desp-info-menu .ant-dropdown-menu-item {
  height: 40px;
}
.user-menu-popover .ant-menu-item {
  height: 40px;
  line-height: 40px;
}
.desp-footer-container .desp-footer-wrapper {
  height: 55px;
  background-color: #0D1527;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.5);
}
.desp-footer-container .desp-footer-wrapper .desp-footer {
  pointer-events: all;
  flex-grow: 1;
  max-width: 1600px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.desp-footer-container .desp-footer-wrapper .desp-footer .desp-logo img {
  height: 36px;
  padding-top: 5px;
}
.desp-footer-container .desp-footer-wrapper .desp-footer .partners-logo img {
  height: 40px;
}
.desp-footer-container .desp-footer-wrapper .desp-footer .desp-footer-menu-btn {
  color: white;
}
.desp-footer-container .desp-footer-wrapper .desp-footer .desp-footer-menu-btn .anticon {
  font-size: 30px;
}
.desp-footer-container .desp-footer-wrapper .desp-footer .desp-footer-menu-btn:hover,
.desp-footer-container .desp-footer-wrapper .desp-footer .desp-footer-menu-btn:active {
  color: white;
}
.desp-footer-container .desp-footer-wrapper .desp-footer-compress-btn {
  pointer-events: all;
}
.desp-footer-container .mouse-coords {
  position: absolute;
  right: 0px;
  bottom: 55px;
}
.desp-footer-container.compressed .desp-footer-wrapper {
  background: rgba(13, 21, 39, 0.8);
  box-shadow: none;
  position: absolute;
  z-index: 10;
  bottom: 27px;
  right: 6px;
  border-radius: 10px;
  height: 45px;
}
.desp-footer-container.compressed .desp-footer-wrapper .partners-logo {
  display: none;
}
.desp-footer-container.compressed .desp-footer-wrapper .desp-footer-menu-btn {
  display: none;
}
.desp-footer-container.compressed .desp-footer-wrapper .desp-footer-compress-btn {
  display: none;
}
.desp-footer-container.compressed .desp-footer-wrapper .desp-logo {
  cursor: pointer;
}
.desp-footer-container.compressed .desp-footer-wrapper .desp-logo img {
  height: 32px;
}
.desp-footer-container.compressed .mouse-coords {
  bottom: 0px;
}
@media (width <= 1024px) {
  .desp-footer-wrapper .desp-footer .partners-logo {
    display: none;
  }
}
.desp-footer-menu .ant-dropdown-menu-item {
  height: 40px;
}
.split-resizer .split-resizer-ghost {
  position: absolute;
  background: transparent;
  pointer-events: none;
}
.split-resizer .split-resizer-handler {
  position: absolute;
  z-index: 2;
  background: transparent;
  pointer-events: all;
}
.split-resizer .split-resizer-handler:hover {
  background: #998cc5;
}
.split-resizer.is-right .split-resizer-ghost {
  top: 0px;
  right: 0px;
  height: 100%;
}
.split-resizer.is-right .split-resizer-handler {
  top: 0px;
  right: -2px;
  width: 4px;
  height: 100%;
  cursor: col-resize;
}
.split-resizer.is-left .split-resizer-ghost {
  top: 0px;
  left: 0px;
  height: 100%;
}
.split-resizer.is-left .split-resizer-handler {
  top: 0px;
  left: -2px;
  width: 4px;
  height: 100%;
  cursor: col-resize;
}
.split-resizer.is-top .split-resizer-ghost {
  top: 0px;
  left: 0px;
  width: 100%;
}
.split-resizer.is-top .split-resizer-handler {
  top: -2px;
  left: 0px;
  height: 4px;
  width: 100%;
  cursor: row-resize;
}
.split-resizer.is-bottom .split-resizer-ghost {
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.split-resizer.is-bottom .split-resizer-handler {
  bottom: 2px;
  left: 0px;
  height: 4px;
  width: 100%;
  cursor: row-resize;
}
.split-resizer.is-resizing .split-resizer-ghost {
  z-index: 1;
  background: rgba(153, 140, 197, 0.3);
}
.split-resizer.is-resizing .split-resizer-handler {
  background: #998cc5;
}
.three-col-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.three-col-layout .layout-header {
  z-index: 1;
}
.three-col-layout .layout-content {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.three-col-layout .layout-content .layout-left {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.three-col-layout .layout-content .layout-main {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
.three-col-layout .layout-content .layout-right {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.scrollable-overlay {
  height: 100%;
  position: relative;
}
.scrollable-overlay .scrollable-overlay-content-wrapper {
  height: 100%;
  overflow: hidden;
  margin-right: 5px;
}
.scrollable-overlay .scrollable-overlay-content-wrapper .scrollable-overlay-content {
  position: relative;
}
.scrollable-overlay .scrollable-overlay-scroller {
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
  height: 100%;
  overflow: auto;
  pointer-events: all;
  position: absolute;
  top: 0px;
  right: 0px;
}
.scrollable-overlay .scrollable-overlay-scroller::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollable-overlay .scrollable-overlay-scroller::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.scrollable-overlay .scrollable-overlay-scroller::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.scrollable-overlay .scrollable-overlay-scroller::-webkit-scrollbar-corner {
  background: #312e3e;
}
.scrollable-overlay .scrollable-overlay-scroller .scrollable-overlay-scroller-overflow {
  width: 10px;
}
.content-page {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.content-page .content-page-section {
  background: #232331;
}
.content-page .content-page-section:nth-child(even) {
  background: #272737;
}
.content-page .content-page-section .content-page-section-wrapper {
  max-width: 1240px;
  margin: auto;
  padding: 30px 20px;
  box-sizing: border-box;
}
.ant-btn.ant-btn-icon-only {
  border-radius: 6px;
}
.ant-btn.ant-btn-icon-only .ant-btn-icon {
  display: flex;
  justify-content: center;
}
.ant-drawer .ant-drawer-header {
  background: transparent;
}
.ant-drawer .ant-drawer-content {
  color: rgba(255, 255, 255, 0.85);
}
.ant-modal .ant-modal-content {
  padding: 0;
}
.ant-modal .ant-modal-content .ant-modal-header {
  padding: 16px 24px;
  border-bottom: solid 1px #3b3b51;
}
.ant-modal .ant-modal-content .ant-modal-body {
  padding: 16px 24px;
}
.ant-modal .ant-modal-content .ant-modal-footer {
  padding: 12px 16px;
  margin-top: 0;
  border-top: solid 1px #3b3b51;
}
.ant-carousel .slick-dots {
  position: unset;
}
.ant-carousel .slick-dots li button {
  border-radius: 50%;
  background: #4a4a66;
  opacity: 1;
}
.ant-carousel .slick-dots li button:hover {
  background: #c4beda;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #998cc5;
}
.ant-carousel .slick-arrow {
  color: rgba(255, 255, 255, 0.85);
}
.ant-carousel .slick-arrow:hover,
.ant-carousel .slick-arrow:focus {
  color: #998cc5;
}
.ant-carousel .slick-arrow::after {
  width: 24px;
  height: 24px;
  top: -12px;
  border-inline-width: 3px 0;
  border-block-width: 3px 0;
}
.ant-carousel .slick-arrow.slick-prev::after {
  left: -24px;
}
.ant-carousel .slick-arrow.slick-next::after {
  left: 24px;
}
.ant-slider-horizontal .ant-slider-mark {
  top: 14px;
}
.sidebar.ant-tabs {
  display: flex;
}
.sidebar.ant-tabs.is-right .ant-tabs-bar {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.sidebar.ant-tabs.is-right .ant-tabs-content .side-component-title {
  border-top-left-radius: 5px;
}
.sidebar.ant-tabs.is-right .ant-tabs-content .side-component-content {
  border-bottom-left-radius: 5px;
}
.sidebar.ant-tabs:not(.is-right) {
  flex-direction: row-reverse;
}
.sidebar.ant-tabs:not(.is-right) .ant-tabs-bar {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.sidebar.ant-tabs:not(.is-right) .ant-tabs-content .side-component-title {
  border-top-right-radius: 5px;
}
.sidebar.ant-tabs:not(.is-right) .ant-tabs-content .side-component-content {
  border-bottom-right-radius: 5px;
}
.sidebar.ant-tabs.is-bottom .ant-tabs-bar {
  align-self: flex-end;
}
.sidebar.ant-tabs:not(.is-bottom) .ant-tabs-bar {
  align-self: flex-start;
  margin-top: 2rem;
}
.sidebar.ant-tabs .ant-tabs-bar {
  background: #001529;
  color: rgba(255, 255, 255, 0.85);
  flex-shrink: 0;
  overflow: hidden;
  border-style: none;
  margin-bottom: 0.8rem;
  height: auto;
}
.sidebar.ant-tabs .ant-tabs-bar .ant-tabs-tab {
  padding: 0;
  text-align: left;
  margin: 0;
}
.sidebar.ant-tabs .ant-tabs-bar .ant-tabs-tab:not(:last-child) {
  border-bottom: solid 1px rgba(255, 255, 255, 0.65);
}
.sidebar.ant-tabs .ant-tabs-bar .ant-tabs-tab:hover {
  background-color: rgba(153, 140, 197, 0.5);
  color: rgba(255, 255, 255, 0.85);
}
.sidebar.ant-tabs .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active {
  color: rgba(255, 255, 255, 0.85);
  z-index: 2;
}
.sidebar.ant-tabs .ant-tabs-bar .ant-tabs-tab .anticon {
  padding: 9px 12px;
  margin: 0;
}
.sidebar.ant-tabs .ant-tabs-bar .ant-tabs-ink-bar {
  width: 100%;
  background-color: rgba(153, 140, 197, 0.7);
}
.sidebar.ant-tabs .ant-tabs-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border: none;
}
.sidebar.ant-tabs .ant-tabs-content .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}
.sidebar.ant-tabs .ant-tabs-content .ant-tabs-tabpane.ant-tabs-tabpane-active .side-component-title {
  background: rgba(153, 140, 197, 0.85);
  color: rgba(255, 255, 255, 0.85);
  padding: 0.2rem 0.5rem;
}
.sidebar.ant-tabs .ant-tabs-content .ant-tabs-tabpane.ant-tabs-tabpane-active .side-component-content {
  background: #232331;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: 0.5rem;
  padding-right: 0px;
}
.sidenav {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sidenav .top-bar {
  position: relative;
  background: #001529;
  height: 64px;
  flex-grow: 0;
  flex-shrink: 0;
}
.sidenav .top-bar .top-content {
  position: absolute;
  display: none;
  top: 5px;
  right: 5px;
}
.sidenav .top-bar .logo {
  height: 100%;
  display: block;
}
.sidenav .top-bar .logo.logo-full {
  display: none;
}
.sidenav .top-bar .logo img {
  padding: 0.5rem;
  max-height: 100%;
}
.sidenav .top-bar .logo.logo-small img {
  max-width: 64px;
}
.sidenav.active .top-bar .logo-small {
  display: none;
}
.sidenav.active .top-bar .logo-full {
  display: block;
}
.sidenav.active .top-bar .top-content {
  display: block;
}
.sidenav:not(.expanded) > .ant-tabs > .ant-tabs-content {
  display: none;
}
.sidenav > .ant-tabs {
  flex-grow: 1;
}
.sidenav > .ant-tabs > .ant-tabs-bar {
  display: flex;
  flex-direction: column;
  background: #001529;
  padding-top: 0.5rem;
}
.sidenav > .ant-tabs > .ant-tabs-bar .ant-tabs-ink-bar {
  left: 0px;
}
.sidenav > .ant-tabs > .ant-tabs-bar .ant-tabs-tab {
  text-align: center;
  padding: 4px 8px;
  margin: 0px;
  transition: background 0.5s;
}
.sidenav > .ant-tabs > .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active {
  background: #201f28;
}
.sidenav > .ant-tabs > .ant-tabs-bar .anticon {
  font-size: 18px;
  margin: 0px;
  padding: 4px;
}
.sidenav > .ant-tabs > .ant-tabs-bar > .ant-tabs-extra-content {
  line-height: initial;
}
.sidenav > .ant-tabs > .ant-tabs-bar > .ant-tabs-extra-content .action {
  padding: 4px 8px;
  margin: 0px;
}
.sidenav > .ant-tabs > .ant-tabs-bar > .ant-tabs-extra-content .action .anticon {
  cursor: pointer;
}
.sidenav > .ant-tabs > .ant-tabs-bar > .ant-tabs-extra-content .action .anticon:hover {
  color: #c4beda;
}
.sidenav > .ant-tabs > .ant-tabs-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border: none;
  height: 100%;
}
.sidenav > .ant-tabs > .ant-tabs-content > .ant-tabs-tabpane.ant-tabs-tabpane-active {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}
.sidenav > .ant-tabs > .ant-tabs-content > .ant-tabs-tabpane.ant-tabs-tabpane-active .side-component-title {
  background: #998cc5;
  padding: 0.4rem 0.6rem;
  font-size: 1rem;
}
.sidenav > .ant-tabs > .ant-tabs-content > .ant-tabs-tabpane.ant-tabs-tabpane-active .side-component-content {
  background: #232331;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  padding: 0.5rem;
  padding-right: 0px;
}
.item-details-card .item-details-card-title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}
.item-details-card .item-details-card-content {
  display: flex;
}
.item-details-card .item-details-card-content .item-details-card-meta-container {
  position: relative;
}
.item-details-card .item-details-card-content .item-details-card-meta-container .item-details-card-meta {
  flex-grow: 1;
  margin: 0px 10px 0px 5px;
}
.item-details-card .item-details-card-content .item-details-card-meta-container .item-details-card-meta .ant-descriptions-item-label {
  color: #998cc5;
}
.item-details-card .item-details-card-content .item-details-card-preview {
  max-width: 40%;
  flex-shrink: 0;
}
.item-details-card .item-details-card-content .item-details-card-preview video,
.item-details-card .item-details-card-content .item-details-card-preview img {
  width: 100%;
}
.item-details-card .item-details-card-content .item-details-card-preview .anticon {
  vertical-align: top;
  font-size: 140px;
}
.item-details-card .item-details-card-actions {
  text-align: right;
  margin-top: 20px;
  padding-top: 10px;
}
.item-details-card .item-details-card-actions .ant-btn .action-icon {
  margin-right: 5px;
}
.item-details-card .item-details-card-actions .ant-btn:not(:last-child) {
  margin-right: 10px;
}
.tooltip-icon {
  margin: 2px;
  cursor: help;
}
.app-side-nav {
  display: flex;
  flex-direction: column;
  background: #272737;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  z-index: 1;
  user-select: none;
}
.app-side-nav .ant-menu.app-side-nav-menu {
  flex-grow: 1;
  border: none !important;
  background: transparent;
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item {
  margin: 0;
  height: 40px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  width: 100%;
  border-radius: 0;
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item:hover {
  color: #998cc5;
  background-color: rgba(255, 255, 255, 0.08);
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item.ant-menu-item-selected {
  background: #201f28;
  color: #998cc5;
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item .ant-menu-item-icon {
  font-size: 14px;
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item::after {
  border-right: 3px solid #998cc5;
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item:first-child {
  margin-top: 20px;
  border-top: solid 1px #4a4a66;
}
.app-side-nav .ant-menu.app-side-nav-menu .ant-menu-item:not(:last-child) {
  border-bottom: solid 1px transparent;
}
.app-side-nav .app-side-nav-collapse-btn {
  flex-grow: 0;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 0;
}
.app-side-nav.collapsed {
  width: 50px;
}
.app-side-nav.collapsed .ant-menu {
  width: 50px;
}
.app-side-nav.collapsed .ant-menu .ant-menu-item {
  padding: 0 calc(50% - 16px / 2);
}
.app-side-nav.collapsed .ant-menu .ant-menu-item .ant-menu-item-icon {
  font-size: 16px;
}
.app-header {
  background: #0D1527;
  height: 50px;
  padding: 0 15px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  user-select: none;
}
.app-header .ant-divider {
  height: 80%;
  border-color: #4a4a66;
}
.app-header .app-header-brand {
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.app-header .app-header-brand .app-header-logo {
  padding: 13px 1px 12px 8px;
  height: 100%;
  box-sizing: border-box;
}
.app-header .app-header-brand .app-header-logo img {
  height: 100%;
  padding: 0px;
}
.app-header .app-header-brand .app-header-title {
  font: 16px Roboto;
}
.app-header .app-header-brand.is-clickable {
  cursor: pointer;
}
.app-header .app-header-menu {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 64px;
  line-height: 50px;
  background: transparent;
  border-bottom: none;
  margin: 0 0 0 24px;
}
.app-header .app-header-menu .ant-menu-overflow-item {
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  margin: 0 0;
}
.app-header .app-header-menu .ant-menu-overflow-item .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.85);
  font-weight: normal;
  vertical-align: middle;
}
.app-header .app-header-menu .ant-menu-overflow-item .ant-menu-title-content {
  font-weight: normal;
  vertical-align: middle;
}
.app-header .app-header-menu .ant-menu-overflow-item .ant-menu-item-icon {
  font-size: 16px;
  vertical-align: middle;
}
.app-header .app-header-menu .ant-menu-overflow-item:after {
  border-bottom: 3px solid #998cc5;
  border-color: transparent;
}
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-item-selected,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-submenu-selected,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-item-active,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-submenu-active {
  background-color: #201f28;
  color: #998cc5;
}
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-item-selected .ant-menu-submenu-title,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-submenu-selected .ant-menu-submenu-title,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-item-active .ant-menu-submenu-title,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-submenu-active .ant-menu-submenu-title {
  color: #998cc5;
}
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-item-selected:after,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-submenu-selected:after,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-item-active:after,
.app-header .app-header-menu .ant-menu-overflow-item.ant-menu-submenu-active:after {
  border-bottom: 3px solid #998cc5;
}
.app-header .app-header-menu .ant-menu-overflow-item:not(:first-child):before {
  content: '';
  border-left: solid 1px #4a4a66;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
}
.app-header .app-header-menu .ant-menu-overflow-item:after {
  left: 0;
  right: 0;
}
.app-header .app-header-menu .ant-menu-overflow-item .ant-menu-title-content .anticon-down {
  margin-left: 5px;
}
.app-header .app-header-menu .ant-menu-overflow-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}
.app-header .app-header-menu .ant-menu-overflow-item:hover .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.85);
}
.app-header .app-header-menu .ant-menu-overflow-item:hover:after {
  border-bottom: 3px solid #998cc5;
}
.app-header .app-header-extra {
  flex-grow: 0;
  flex-shrink: 0;
}
.app-header-menu-popup {
  user-select: none;
}
.app-header-menu-popup .ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item {
  height: 40px;
  line-height: 40px;
}
.app-header-menu-popup .ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.app-header-menu-popup .ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item.ant-menu-item-selected {
  background-color: #201f28;
  color: #998cc5;
}
.card-link .ant-card-cover {
  height: auto;
  overflow: hidden;
}
.card-link .ant-card-cover img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.card-link .ant-card-body {
  flex-grow: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.card-link .ant-card-body .card-link-body {
  flex-grow: 1;
  padding: 24px;
}
.card-link .ant-card-body .card-link-body .card-link-title {
  color: rgba(255, 255, 255, 0.85);
  font: 16px Roboto;
  background: transparent;
  padding: 0 0 16px 0;
}
.card-link .ant-card-body .card-link-action {
  flex-grow: 0;
  flex-shrink: 0;
  border-top: solid 1px #3b3b51;
}
.card-link .ant-card-body .card-link-action .ant-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #998cc5;
  padding: 0 24px;
  background: #232331;
  border-radius: 0px;
  height: 48px;
  font: Roboto;
}
.card-link .ant-card-body .card-link-action .ant-btn:hover {
  color: #c4beda;
  background: #232331;
}
.card-link.card-link-horizontal {
  display: flex;
}
.card-link.card-link-horizontal .ant-card-cover {
  flex-grow: 0;
  flex-shrink: 0;
}
.card-link.card-link-vertical {
  display: flex;
  flex-direction: column;
}
.card-link.card-link-vertical .ant-card-cover {
  flex-grow: 0;
  flex-shrink: 0;
}
.card-link.ant-card-small .ant-card-cover {
  height: auto;
}
.card-link.ant-card-small .ant-card-body .card-link-body {
  padding: 16px;
}
.card-link.ant-card-small .ant-card-body .card-link-body .card-link-title {
  color: rgba(255, 255, 255, 0.85);
  font: 14px Roboto;
  padding: 0 0 16px 0;
}
.card-link.ant-card-small .ant-card-body .card-link-action .ant-btn {
  height: 36px;
  padding: 0 16px;
  font: Roboto;
}
.card-links-section .card-links-section-wrapper {
  position: relative;
}
.card-links-section .card-links-section-wrapper h4 {
  color: rgba(255, 255, 255, 0.85);
  font: 24px Roboto;
}
.card-links-section .card-links-section-wrapper .card-links-section-more-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
}
.card-links-section .card-links-section-wrapper .card-links-section-cards {
  display: flex;
  flex-wrap: wrap;
}
.card-links-section .card-links-section-wrapper .card-links-section-cards .card-link {
  width: 380px;
  margin: 10px;
}
.app-breadcrumb {
  padding: 10px 0px 10px 15px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
  background: #272737;
}
.page-header {
  margin-bottom: 8px;
}
.page-header .page-header-title-bar {
  display: flex;
  align-items: center;
}
.page-header .page-header-title-bar .page-header-title {
  font-size: 20px;
  font-weight: bold;
}
.page-header .page-header-title-bar .page-header-subtitle {
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.65);
}
.page-header .page-header-footer {
  margin-top: 8px;
}
.vector-feature-description {
  padding: 10px 20px;
}
.vector-feature-description .ant-descriptions-row .ant-descriptions-item {
  padding-bottom: 4px;
}
.vector-feature-description .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-label {
  color: rgba(255, 255, 255, 0.65);
  max-width: 50%;
  line-height: 1.4;
}
.vector-feature-description .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-label .anticon {
  color: #998cc5;
  margin-left: 4px;
}
.vector-feature-description .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-content {
  line-height: 1.4;
}
.vector-feature-description .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-content img {
  max-width: 100%;
}
.vector-feature-info-table {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.vector-feature-info-table .table-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.vector-feature-info-table .table-controls .table-items-info {
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.65);
}
.vector-feature-info-table .table-content {
  height: 100%;
  overflow: hidden;
}
.vector-feature-info-table .table-content .ant-table-body {
  overflow-y: auto !important;
}
.vector-feature-info-table .table-content .ant-table-pagination {
  margin: 8px 0;
}
.vector-feature-info-table .table-content .table-cell-content {
  display: inline-block;
  min-width: 80px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.vector-feature-info-table .table-content .table-cell-content img {
  max-height: 70px;
}
.icon-with-overlay {
  display: flex;
  align-items: center;
}
.icon-with-overlay > .icon-with-overlay-overlay {
  transform: translate(0, -0.6em);
}
.icon-with-overlay > .icon-with-overlay-overlay * {
  font-size: inherit !important;
}
.icon-with-overlay.bottom-right > .icon-with-overlay-overlay {
  transform: translate(0, 0.6em);
}
.icon-with-overlay.top-left {
  flex-direction: row-reverse;
}
.icon-with-overlay.bottom-left {
  flex-direction: row-reverse;
}
.icon-with-overlay.bottom-left > .icon-with-overlay-overlay {
  transform: translate(0, 0.6em);
}
.colorscale-selector-item-list {
  border: solid 1px #4a4a66;
  border-radius: 5px;
  overflow: hidden;
}
.colorscale-selector-item-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 10px;
  padding: 0.5rem 0.5rem;
  border-bottom: solid 1px #4a4a66;
}
.colorscale-selector-item-wrapper .colorscale-selector-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.colorscale-selector-item-wrapper .colorscale-selector-item .colorscale-selector-item-legend img {
  height: 20px;
  width: 100%;
}
.colorscale-selector-item-wrapper.selected {
  background: #201f28;
}
.colorscale-selector-item-wrapper:hover {
  background: rgba(255, 255, 255, 0.08);
}
.colormap-selector .colormap-range-selector .numeric-range-field {
  margin: 0.5rem -0.5rem 0 -0.5rem;
}
.colormap-selector .colormap-range-selector .numeric-range-field .ant-input-number {
  width: 90px;
}
.ant-dropdown-trigger.colorscale-selector-item-wrapper {
  border: solid 1px #4a4a66;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  position: relative;
}
.ant-dropdown-trigger.colorscale-selector-item-wrapper.ant-dropdown-open {
  border-color: #998cc5;
}
.ant-dropdown-trigger.colorscale-selector-item-wrapper .colorscale-selector-item-title {
  display: none;
}
.ant-dropdown-trigger.colorscale-selector-item-wrapper .ant-btn {
  position: absolute;
  right: 5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  visibility: hidden;
}
.ant-dropdown-trigger.colorscale-selector-item-wrapper:hover .ant-btn {
  visibility: visible;
}
.ant-dropdown.colorscale-selector-dropdown {
  max-width: 300px;
}
.ant-dropdown.colorscale-selector-dropdown .colorscale-selector-item-list {
  max-height: 300px;
  overflow-y: auto;
  background: #232331;
  box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  border: none;
}
.ant-dropdown.colorscale-selector-dropdown .colorscale-selector-item-list .colorscale-selector-item-wrapper {
  border-bottom: none;
}
.measured-quantity-editor-well-known-options {
  min-width: 400px;
}
.measured-quantity-editor-well-known-options .measured-quantity-editor-well-known-item {
  display: flex;
  align-items: top;
  justify-content: space-between;
  margin-right: 12px;
}
.measured-quantity-editor-well-known-options .measured-quantity-editor-well-known-item .measured-quantity-editor-well-known-item-quantity {
  display: flex;
  flex-direction: column;
}
.measured-quantity-editor-well-known-options .measured-quantity-editor-well-known-item .measured-quantity-editor-well-known-item-quantity .measured-quantity-editor-well-known-item-quantity-id {
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
  margin-left: 4px;
}
.qualitative-domain-editor .qualitative-domain-editor-values-table td {
  vertical-align: top;
}
.qualitative-domain-editor .qualitative-domain-editor-values-table td .ant-form-item {
  margin-bottom: 0px;
}
.qualitative-domain-editor .qualitative-domain-editor-values-table td.qualitative-domain-editor-values-row-ops-column {
  padding-top: 5px;
}
.data-collection-list {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100%;
  padding-top: 5px;
}
.data-collection-list .filter-section {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: flex-start;
  margin-bottom: 1em;
  justify-content: flex-end;
}
.data-collection-list .filter-section .dropdown-filterer {
  flex-grow: 1;
}
.data-collection-list .filter-section .data-sort-combo {
  flex-grow: 0;
  width: auto;
  margin-left: 10px;
  display: flex;
}
.data-collection-list .filter-section .data-sort-combo .ant-select {
  min-width: 100px;
}
.data-collection-list .ant-list {
  flex-grow: 1;
  flex-shrink: 1;
}
.data-collection-list .ant-list-pagination {
  margin-top: 16px;
}
.data-collection-list .ant-list-pagination .ant-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  justify-content: flex-end;
}
.data-collection-list .ant-list-pagination .ant-pagination .ant-pagination-total-text {
  color: #998cc5;
  margin-right: auto;
}
.data-collection-list-items.ant-list {
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.data-collection-list-items.ant-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.data-collection-list-items.ant-list::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.data-collection-list-items.ant-list::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.data-collection-list-items.ant-list::-webkit-scrollbar-corner {
  background: #312e3e;
}
.data-collection-list-items.ant-list .ant-spin-nested-loading {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.data-collection-list-items.ant-list .ant-spin-nested-loading .ant-spin-container {
  overflow: auto;
  scroll-behavior: smooth;
  padding-right: 0.5rem;
}
.data-collection-list-items.ant-list .ant-list-item {
  cursor: pointer;
  user-select: none;
  border: solid 1px #3b3b51;
  box-shadow: none;
  border-radius: 6px;
  padding: 10px;
  background: #272737;
  margin-bottom: 10px;
}
.data-collection-list-items.ant-list .ant-list-item.hovered {
  background-color: rgba(255, 255, 255, 0.08);
}
.data-collection-list-items.ant-list .ant-list-item.selected:not(.hovered) {
  background-color: #201f28;
}
.data-collection-list-items.ant-list .ant-list-item.selected.hovered {
  background-color: #312e3e;
}
.data-collection-list-items.ant-list .ant-list-item.is-drop-hover.can-drop {
  border-style: dashed;
  border-color: #998cc5;
}
.data-collection-list-items.ant-list .ant-list-item .ant-list-item-meta-title {
  margin-bottom: 0px;
}
.data-collection-list-items.ant-list .ant-list-item .ant-list-item-meta-description {
  font-size: 12px;
}
.data-collection-list-items.ant-list .ant-list-item .ant-avatar {
  font-size: 20px;
}
.data-collection-list-items.ant-list .ant-list-item .ant-list-item-action {
  margin-left: 16px;
}
.data-collection-list-items.ant-list .ant-list-item .ant-list-item-action .ant-btn {
  padding: 0 8px;
}
.data-collection-list-items.ant-list .ant-list-item .ant-list-item-action .ant-btn .anticon svg {
  shape-rendering: auto;
}
.data-collection-list-items.ant-list.ant-list-sm .ant-list-item {
  margin-bottom: 5px;
  padding: 6px;
}
.data-collection-list-items.ant-list.ant-list-sm .ant-list-item .ant-list-item-action .ant-btn {
  padding: 0 4px;
}
.data-collection-list-items.ant-list.ant-list-vertical .ant-list-item-action {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.data-collection-list-items.ant-list.ant-list-vertical .ant-list-item-action li {
  padding: 0 4px;
}
.data-collection-compact-list-item {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-grow: 1;
}
.data-collection-compact-list-item .data-collection-compact-list-item-preview {
  height: 48px;
  width: 48px;
  overflow: hidden;
  margin-right: 0.5rem;
  flex-shrink: 0;
  font-size: 24px;
  text-align: center;
}
.data-collection-compact-list-item .data-collection-compact-list-item-preview .anticon-loading {
  font-size: 28px;
}
.data-collection-compact-list-item .data-collection-compact-list-item-preview img {
  height: 100%;
  width: auto;
}
.data-collection-compact-list-item .data-collection-compact-list-item-icon {
  font-size: 20px;
  width: 40px;
  margin-left: 4px;
  flex-shrink: 0;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content {
  margin-left: 0.5rem;
  flex-grow: 1;
  overflow: hidden;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content .data-collection-compact-list-item-title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content .data-collection-compact-list-item-title .data-collection-compact-list-item-title-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content .data-collection-compact-list-item-description {
  margin-top: 0.5em;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content .data-collection-compact-list-item-description .compress-link {
  margin-left: 0.5em;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content .data-collection-compact-list-item-meta {
  font-size: 13px;
}
.data-collection-compact-list-item .data-collection-compact-list-item-content .data-collection-compact-list-item-meta > span:first-child {
  margin-right: 0.3em;
  color: rgba(255, 255, 255, 0.65);
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-title {
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-title .data-collection-list-item-detailed-title-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content {
  display: flex;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data {
  flex-grow: 1;
  margin-right: 16px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-description {
  text-align: justify;
  hyphens: auto;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-description .compress-link {
  float: right;
  margin-left: 5px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-meta .ant-descriptions-view table .ant-descriptions-row .ant-descriptions-item {
  padding-bottom: 2px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-meta .ant-descriptions-view table .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-container {
  align-items: center;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-meta .ant-descriptions-view table .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-container .ant-descriptions-item-label {
  padding: 2px 4px;
  display: flex;
  align-items: center;
  align-self: flex-start;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-meta .ant-descriptions-view table .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-container .ant-descriptions-item-label:after {
  margin-left: 4px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-data .data-collection-list-item-detailed-meta .ant-descriptions-view table .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-container .ant-descriptions-item-content {
  padding: 2px 4px;
  font-size: 13px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-icon {
  font-size: 48px;
  margin-right: 16px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-preview {
  max-width: 30%;
  min-height: 100%;
  flex-shrink: 0;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-preview .anticon-loading {
  font-size: 48px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-preview .anticon {
  font-size: 48px;
  vertical-align: top;
  margin-right: 16px;
}
.data-collection-list-item-detailed .data-collection-list-item-detailed-content .data-collection-list-item-detailed-preview img {
  width: 100%;
  height: auto;
}
.data-collection-table {
  display: flex;
  flex-direction: column;
}
.data-collection-table .data-collection-table-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.data-collection-table .data-collection-table-container {
  flex-grow: 1;
  flex-shrink: 1;
}
.data-collection-table .data-collection-table-container:focus-visible {
  outline: none;
}
.data-collection-table .data-collection-table-container .ant-table-row {
  user-select: none;
  cursor: pointer;
}
.data-collection-table .data-collection-table-container .ant-table-row .ant-table-cell {
  border-top: dashed 1px transparent;
}
.data-collection-table .data-collection-table-container .ant-table-row .ant-table-cell:first-child {
  border-left: dashed 1px transparent;
}
.data-collection-table .data-collection-table-container .ant-table-row .ant-table-cell:last-child {
  border-right: dashed 1px transparent;
}
.data-collection-table .data-collection-table-container .ant-table-row.hovered {
  background-color: rgba(255, 255, 255, 0.08);
}
.data-collection-table .data-collection-table-container .ant-table-row.hovered .ant-table-cell {
  background: transparent;
}
.data-collection-table .data-collection-table-container .ant-table-row.selected {
  background-color: #201f28;
}
.data-collection-table .data-collection-table-container .ant-table-row.selected.hovered {
  background-color: #312e3e;
}
.data-collection-table .data-collection-table-container .ant-table-row.selected .ant-table-cell {
  background: transparent;
}
.data-collection-table .data-collection-table-container .ant-table-row.can-drop.is-drop-hover .ant-table-cell {
  border-bottom-style: dashed;
  border-color: #998cc5;
}
.data-collection-table .data-collection-table-container .ant-table-row.can-drop.is-drop-hover .ant-table-cell:first-child {
  border-left-style: dashed;
}
.data-collection-table .data-collection-table-container .ant-table-row.can-drop.is-drop-hover .ant-table-cell:last-child {
  border-right-style: dashed;
}
.data-collection-table .data-collection-table-container .ant-table-row .table-item-actions {
  white-space: nowrap;
}
.data-collection-table .data-collection-table-container .ant-table-row .table-item-actions .action-content {
  display: none;
}
.data-collection-table .data-collection-table-container .ant-table-row .table-item-actions .ant-btn {
  padding: 0 4px;
}
.data-collection-table .ant-table-pagination .ant-pagination {
  display: flex;
}
.data-collection-table .ant-table-pagination .ant-pagination .ant-pagination-total-text {
  color: #998cc5;
  margin-right: auto;
}
.data-collection-table .ant-table-pagination.ant-table-pagination-right {
  justify-content: flex-end;
}
.data-collection-table.full-height {
  height: 100%;
  overflow: hidden;
}
.data-collection-table.full-height .data-collection-table-container {
  overflow: hidden;
  position: relative;
}
.data-collection-table.full-height .data-collection-table-container .ant-table-body {
  overflow-y: auto !important;
  scroll-behavior: smooth;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.data-collection-table.full-height .data-collection-table-container .ant-table-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.data-collection-table.full-height .data-collection-table-container .ant-table-body::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.data-collection-table.full-height .data-collection-table-container .ant-table-body::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.data-collection-table.full-height .data-collection-table-container .ant-table-body::-webkit-scrollbar-corner {
  background: #312e3e;
}
.data-collection-table.overlay-actions .ant-table-row .table-item-actions {
  display: none;
}
.data-collection-table.overlay-actions .ant-table-row.hovered .table-item-actions {
  background: #232331;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}
.data-collection-table.overlay-actions .ant-table-row.hovered .table-item-actions .ant-space {
  height: 100%;
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.08);
}
.data-collection-table.overlay-actions .ant-table-row.hovered .table-item-actions .ant-space .ant-space-item:first-child {
  border-radius: 0px;
  border-left: solid 1px #3b3b51;
  padding-left: 8px;
  margin-left: 8px;
}
.data-collection-table.overlay-actions .ant-table-row.hovered.selected .table-item-actions .ant-space {
  background: #312e3e;
}
.data-collection-table-item-actions-menu .ant-btn:hover {
  background: transparent;
}
.advanced-search-filterer-dropdown {
  background: #f5f5f5;
  box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  border: solid 1px #4a4a66;
  padding: 10px;
}
.advanced-search-filterer-dropdown .advanced-search-actions {
  text-align: right;
  margin-top: 1em;
}
.advanced-search-filterer {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.advanced-search-filterer::before {
  height: 0;
}
.advanced-search-filterer .ant-input-prefix {
  flex-basis: 0;
  flex-grow: 1;
  align-items: flex-start;
  margin-left: 15px;
}
.advanced-search-filterer .ant-input-prefix .input-prefix-icon .anticon {
  position: absolute;
  top: 8px;
  left: 10px;
}
.advanced-search-filterer .ant-input-prefix .query-filters-tags {
  margin-left: 0.5em;
}
.advanced-search-filterer .ant-input-prefix .query-filters-tags .ant-tag {
  word-break: break-all;
  white-space: normal;
  margin-bottom: 4px;
}
.advanced-search-filterer .ant-input {
  flex-basis: calc(100% - 30px);
  flex-grow: 1;
}
.advanced-search-filterer .ant-input-suffix .ant-input-clear-icon {
  position: absolute;
  bottom: 8px;
  right: 20px;
}
.advanced-search-filterer .ant-input-suffix .anticon-down,
.advanced-search-filterer .ant-input-suffix .anticon-up {
  position: absolute;
  top: 8px;
  right: 6px;
}
.advanced-search-filterer.ant-input-affix-wrapper-sm .anticon-search {
  top: 5px;
}
.advanced-search-filterer.ant-input-affix-wrapper-sm .anticon-down,
.advanced-search-filterer.ant-input-affix-wrapper-sm .anticon-up {
  top: 5px;
}
.advanced-search-filterer.without-main-filter {
  cursor: pointer;
}
.advanced-search-filterer.without-main-filter input {
  cursor: pointer;
}
.dropdown-filterer {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}
.dropdown-filterer > .anticon {
  position: absolute;
  z-index: 10;
  top: 8px;
  left: 8px;
}
.dropdown-filterer .ant-select {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.dropdown-filterer .ant-select .ant-select-selector {
  padding: 1px 28px;
}
.dropdown-filterer .ant-select .ant-select-selector .ant-select-selection-overflow {
  padding-right: 10px;
}
.dropdown-filterer .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item-suffix {
  flex-grow: 1;
  display: flex;
}
.dropdown-filterer .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item-suffix .ant-select-selection-search {
  flex-grow: 1;
}
.dropdown-filterer .ant-btn {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  height: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-filterer .ant-btn:not(:hover):not(:focus) {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.dropdown-filterer:not(.is-searchable) .ant-select-selection-search {
  display: none;
}
.dropdown-filterer-form {
  overflow: hidden;
  max-height: 70vh;
  padding: 0;
}
.dropdown-filterer-form:not(.ant-select-dropdown-hidden) {
  display: flex;
  flex-direction: column;
}
.dropdown-filterer-form > div {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dropdown-filterer-form > div .ant-form {
  padding: 10px 20px 0px 10px;
  overflow: auto;
  margin-bottom: 15px;
}
.dropdown-filterer-form > div .dropdown-filterer-form-actions {
  justify-content: flex-end;
  padding: 0px 10px 10px 0px;
}
.data-collection-actions-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: solid 1px #4a4a66;
  padding-bottom: 8px;
  margin-bottom: 8px;
  min-height: 34px;
}
.data-collection-actions-bar .data-collection-actions-bar-selection {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.data-collection-actions-bar .data-collection-actions-bar-selection .ant-alert {
  padding: 0px 12px;
  min-height: 34px;
}
.data-collection-actions-bar .data-collection-actions-bar-collection {
  flex-grow: 1;
  justify-content: flex-end;
}
.data-collection-actions-bar .data-collection-actions-bar-extra:not(:first-child) {
  margin-left: 12px;
  padding-left: 12px;
  border-left: solid 1px #3b3b51;
}
.data-collection-actions-bar.is-compact .data-collection-item-action-btn .action-content {
  display: none;
}
.dropdown-enum-options {
  border: solid 1px #4a4a66;
  overflow: hidden;
}
.dropdown-enum-option {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 10px;
  padding: 7px;
  border-bottom: solid 1px #4a4a66;
}
.dropdown-enum-option .ant-avatar {
  border: solid 2px #4a4a66;
  flex-grow: 0;
  margin-right: 5px;
  flex-shrink: 0;
}
.dropdown-enum-option .dropdown-enum-choice-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.dropdown-enum-option .dropdown-enum-choice-content .dropdown-enum-choice-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-enum-option .dropdown-enum-choice-content .dropdown-enum-choice-description {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  margin-top: -2px;
}
.dropdown-enum-option.selected {
  background: #201f28;
}
.dropdown-enum-option.selected .ant-avatar {
  border-color: #998cc5;
}
.dropdown-enum-option:hover {
  background: rgba(255, 255, 255, 0.08);
}
.ant-dropdown-trigger.dropdown-enum-option {
  border: solid 1px #4a4a66;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  justify-content: flex-end;
}
.ant-dropdown-trigger.dropdown-enum-option.ant-dropdown-open {
  border-color: #c4beda;
}
.ant-dropdown-trigger.dropdown-enum-option .anticon-down {
  color: rgba(255, 255, 255, 0.25);
  font-size: 12px;
  margin-right: 2px;
}
.ant-dropdown-trigger.dropdown-enum-option:hover {
  border-color: #c4beda;
  background: transparent;
}
.ant-dropdown .dropdown-enum-options {
  background: #232331;
  box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  border: none;
}
.ant-dropdown .dropdown-enum-options .dropdown-enum-option {
  border-bottom: none;
}
.aoi-field {
  display: flex;
  align-items: center;
}
.aoi-field .aoi-draw-actions {
  margin-right: 0.5rem;
}
.aoi-field .aoi-multi-field-select {
  width: auto;
  max-width: 350px;
  margin-right: 5px;
}
.aoi-import-drawer .ant-drawer-body {
  display: flex;
}
.aoi-import-drawer .ant-drawer-body .map-widget {
  margin-right: 12px;
  height: 100%;
  flex-grow: 1;
}
.aoi-import-drawer .ant-drawer-body .aoi-import {
  flex-basis: 400px;
  flex-shrink: 0;
}
.aoi-embedded-map-dialog .ant-modal-content .ant-modal-close-x {
  background: #232331;
  color: rgba(255, 255, 255, 0.85);
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 5px 5px 0 0;
  border: solid 1px #4a4a66;
}
.aoi-embedded-map-dialog .ant-modal-content .ant-modal-body {
  height: 50vh;
  padding: 0;
}
.aoi-embedded-map-dialog .ant-modal-content .ant-modal-body .map-widget {
  height: 100%;
}
.aoi-multi-field-dropdown .aoi-multi-field-dropdown-item {
  display: flex;
  line-height: 32px;
  align-items: center;
  padding: 5px;
}
.aoi-multi-field-dropdown .aoi-multi-field-dropdown-item:not(:last-child) {
  border-bottom: solid 1px #4a4a66;
}
.aoi-multi-field-dropdown .aoi-multi-field-dropdown-item .aoi-multi-field-dropdown-item-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.aoi-draw-tool {
  background: #232331;
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #4a4a66;
  overflow: hidden;
}
.aoi-draw-tool .ant-divider {
  top: 0;
}
.aoi-draw-tool .aoi-tool-selector {
  display: flex;
  align-items: center;
}
.aoi-draw-tool .aoi-tool-selector .ant-btn {
  border: none;
  border-right: solid 1px #3b3b51;
  box-shadow: none;
  border-radius: 0px;
}
.aoi-draw-tool .aoi-tool-selector .ant-btn .anticon {
  font-size: 15px;
}
.aoi-draw-tool .aoi-tool-selector .aoi-tool-selector-more {
  font-size: 12px;
  padding: 10px 4px;
}
.aoi-draw-tool .aoi-draw-tool-current {
  display: flex;
  align-items: center;
}
.aoi-tool-selector-menu {
  width: 50px;
}
.aoi-tool-selector-menu .ant-dropdown-menu {
  padding: 0;
  border-radius: 6px;
}
.aoi-tool-selector-menu .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 0;
}
.aoi-tool-selector-menu .ant-dropdown-menu .ant-dropdown-menu-item .ant-btn {
  width: 100%;
  border-radius: 0;
}
.aoi-tool-selector-menu .ant-dropdown-menu .ant-dropdown-menu-item .ant-btn .anticon {
  font-size: 18px;
}
.aoi-tool-selector-menu .ant-dropdown-menu .ant-dropdown-menu-item:first-child .ant-btn {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.aoi-tool-selector-menu .ant-dropdown-menu .ant-dropdown-menu-item:last-child .ant-btn {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.aoi-draw-tool-text-modal .ant-modal-close-x {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 10px;
}
.aoi-draw-tool-text-modal .ant-modal-body {
  padding-top: 50px;
}
.aoi-import {
  min-width: 320px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.aoi-import .aoi-source-selector {
  display: flex;
}
.aoi-import .aoi-source-selector .ant-select {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.aoi-import .data-collection-list {
  margin-top: 0.5rem;
  flex-grow: 1;
}
.aoi-import-geometries-tooltip ul,
.aoi-import-formats-tooltip ul {
  padding: 2px 4px 4px 24px;
  margin: 0;
}
.aoi-text-editor .aoi-text-editor-format {
  margin-bottom: 5px;
}
.aoi-text-editor .aoi-text-editor-format .ant-select {
  margin-left: 5px;
}
.aoi-text-editor .aoi-text-editor-input {
  min-width: 500px;
  display: flex;
  margin-bottom: 5px;
}
.aoi-text-editor .aoi-text-editor-input .aoi-text-editor-actions {
  margin-left: 5px;
  flex-shrink: 0;
  flex-grow: 0;
}
.numeric-field {
  display: flex;
  align-items: baseline;
}
.numeric-field .ant-slider {
  flex-grow: 1;
  margin-left: 1rem;
  margin-right: 2rem;
}
.numeric-field .ant-input-number {
  align-self: baseline;
}
.numeric-list-field {
  position: relative;
}
.numeric-list-field .ant-select {
  flex-grow: 1;
}
.numeric-list-field .ant-select .ant-select-selection-wrap {
  padding-right: 80px;
}
.numeric-list-field .ant-input-number {
  position: absolute;
  right: 24px;
  top: 1px;
  z-index: 10;
}
.numeric-range-field .numeric-range-field-inputs {
  display: flex;
  justify-content: space-between;
}
.numeric-range-field .numeric-range-field-inputs .numeric-range-inputs-infra-content {
  margin: 0 8px;
  font-size: 12px;
}
.numeric-range-field.with-slider .numeric-range-slider {
  display: flex;
  padding: 0 6px;
}
.numeric-range-field.with-slider .numeric-range-slider .ant-slider {
  flex-grow: 1;
  min-width: 140px;
}
.numeric-range-field:not(.with-slider) .numeric-range-slider {
  text-align: right;
}
.date-field-wrapper {
  display: inline-flex;
}
.date-field-wrapper .time-selector {
  width: auto;
}
.date-list-field {
  position: relative;
}
.date-list-field .ant-select {
  flex-grow: 1;
}
.date-list-field .ant-select .ant-select-selection-wrap {
  padding-right: 130px;
}
.date-list-field .date-field-wrapper {
  position: absolute;
  right: 20px;
  top: 1px;
  z-index: 10;
}
.date-list-field.with-time .ant-select .ant-select-selection-wrap {
  padding-right: 190px;
}
.ant-form-vertical .ant-form-item .ant-form-item-row {
  flex-grow: 1;
}
.ant-form-vertical .ant-form-item .ant-form-item-row .ant-form-item-control {
  padding: 0 0 0 4px;
}
.ant-form-small .ant-form-item {
  margin-bottom: 12px;
}
.ant-form-small .ant-form-item .ant-form-item-label label {
  font-size: 12px;
  height: auto;
}
.antd-form-renderer .ant-form-item label {
  text-transform: uppercase;
  font-weight: bold;
}
.antd-form-renderer .ant-form-item.boolean-field.checkbox-renderer .ant-form-item-label label {
  display: none;
}
.antd-form-renderer .ant-form-item.is-required > .ant-form-item-label > label::before {
  display: inline-block;
  margin-right: 4px;
  color: #dc4446;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.antd-form-renderer .ant-form-item.is-required > .ant-form-item-row > .ant-form-item-label > label::before {
  display: inline-block;
  margin-right: 4px;
  color: #dc4446;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.antd-form-renderer .ant-form-item .ant-form-item-control-input {
  min-height: 0;
}
.string-list-field {
  min-width: 100px;
}
.map-nav-tools {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.map-nav-tools .zoom-ctrls {
  display: inline-flex;
  flex-direction: column;
}
.map-nav-tools .zoom-ctrls:not(:first-child) {
  margin-top: 2px;
}
.map-nav-tools button.ant-btn.ant-btn-icon-only.zoom-ctrl {
  padding: 0 5px;
}
.map-nav-tools button.ant-btn.ant-btn-icon-only.zoom-ctrl:not(:first-child) {
  margin-top: 2px;
}
.mouse-coords span {
  display: inline-block;
  margin-right: 0.5rem;
}
.map-swipe-tool {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 2px;
  left: -1px;
  background: #3b3b51;
  z-index: 1;
}
.map-swipe-tool .map-swipe-tool-handle {
  position: absolute;
  top: 50%;
  transform: translateX(-4px) translateY(-15px);
  width: 10px;
  height: 30px;
  cursor: ew-resize;
  pointer-events: all;
  padding: 0;
  margin: 0;
  transition-property: background-color;
  font-size: 19px;
  line-height: 19px;
}
.map-swipe-tool .map-swipe-tool-target-name {
  position: absolute;
  width: max-content;
  left: 16px;
  top: 16px;
  background: #232331;
  padding: 4px 8px;
  border-radius: 6px;
}
.map-swipe-tool .map-swipe-tool-title {
  position: absolute;
  width: max-content;
  top: 16px;
  background: #232331;
  padding: 4px 8px;
  border-radius: 6px;
}
.map-swipe-tool .map-swipe-tool-title.map-swipe-tool-reference-title {
  transform: translateX(-100%);
  left: -16px;
}
.map-swipe-tool .map-swipe-tool-title.map-swipe-tool-source-title {
  left: 16px;
}
.map-swipe-tool.is-disabled {
  display: none;
}
.map-swipe-tool:hover {
  background: #4a4a66;
}
.dataset-explorer-viz {
  margin: 6px;
  position: relative;
  max-height: 100%;
  overflow: auto;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.dataset-explorer-viz::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.dataset-explorer-viz::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.dataset-explorer-viz::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.dataset-explorer-viz::-webkit-scrollbar-corner {
  background: #312e3e;
}
.dataset-explorer-viz .viz-filters {
  text-align: right;
}
.dataset-explorer-viz .ant-list-item.viz-item {
  display: block;
  padding-bottom: 0px;
}
.dataset-explorer-viz .ant-list-item.viz-item .viz-item-content .viz-drag-button {
  display: inline-block;
  cursor: grab;
}
.dataset-explorer-viz .ant-list-item.viz-item .ant-progress {
  margin-top: 2px;
  margin-bottom: 0px;
  display: inherit;
  line-height: 0;
}
.drop-indicator {
  width: 100%;
  background-color: #998cc5;
  height: 1px;
  margin: 0;
  padding: 0;
  z-index: 10;
  transition: opacity 0.2s ease, transform 0.5s ease;
}
.drop-indicator.top {
  top: 0;
}
.drop-indicator.bottom {
  bottom: 0;
}
.viz-item .viz-item-content {
  display: flex;
  align-items: center;
}
.viz-item .viz-item-content .ant-badge {
  flex-shrink: 0;
}
.viz-item .viz-item-content .viz-item-name {
  flex-grow: 1;
  flex-shrink: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 8px;
}
.viz-item .viz-item-content .viz-item-name .ant-typography {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.viz-item .viz-item-content .viz-item-name .ant-typography.ant-typography-edit-content {
  left: 0;
}
.viz-item .viz-item-content .viz-item-error .ant-btn-link {
  color: #d89614;
}
.viz-item .viz-item-content .viz-item-actions {
  justify-self: flex-end;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.viz-item .viz-item-content .viz-item-actions .ant-btn {
  padding: 0 4px;
  margin: 0 1px;
}
.viz-item .viz-item-content .viz-item-remove-btn {
  border: none;
}
.viz-item .viz-item-content.is-drag-preview {
  max-width: 280px;
}
.viz-item .viz-item-content.is-drag-preview .viz-item-actions {
  display: none;
}
.viz-item.is-dragging {
  opacity: 0.3;
}
.viz-item-pane {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
.viz-item-pane .dataset-slider-selector {
  display: flex;
  align-items: center;
}
.viz-item-pane .dataset-slider-selector .ant-slider {
  flex-grow: 1;
  margin: 10px 20px;
}
.viz-item-pane .dataset-slider-selector .ant-slider .ant-slider-mark-text {
  min-width: 40px;
}
.viz-item-pane .dataset-slider-selector.has-marks {
  margin-bottom: 1.5rem;
}
.viz-item-pane .dataset-combo-selector {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}
.viz-item-pane .dataset-combo-selector > span {
  flex-grow: 0;
  flex-shrink: 0;
}
.viz-item-pane .dataset-combo-selector > span:first-child {
  margin-right: 0.5rem;
}
.viz-item-pane .dataset-combo-selector > span:last-child {
  margin-left: 0.5rem;
}
.viz-item-pane .dataset-combo-selector .ant-select {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
.dataset-raster-band-preset-selector .dataset-raster-band-preset-legend {
  margin-top: 4px;
  padding: 5px;
  border-radius: 6px;
}
.dataset-raster-band-preset-selector .dataset-raster-band-preset-legend img {
  max-width: 100%;
}
.dataset-raster-band-preset-selector .dataset-raster-band-preset-legend .dataset-raster-band-preset-legend-values {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.dataset-raster-band-presets {
  border: solid 1px #4a4a66;
  border-radius: 5px;
  overflow: hidden;
}
.dataset-raster-band-preset {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 10px;
  padding: 0.5rem 0.5rem;
  border-bottom: solid 1px #4a4a66;
}
.dataset-raster-band-preset .ant-avatar {
  border: solid 2px #4a4a66;
  flex-grow: 0;
  margin-right: 5px;
  flex-shrink: 0;
}
.dataset-raster-band-preset .dataset-raster-band-preset-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.dataset-raster-band-preset .dataset-raster-band-preset-content .dataset-raster-band-preset-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataset-raster-band-preset .dataset-raster-band-preset-content .dataset-raster-band-preset-description {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
}
.dataset-raster-band-preset.selected {
  background: #201f28;
}
.dataset-raster-band-preset.selected .ant-avatar {
  border-color: #998cc5;
}
.dataset-raster-band-preset:hover {
  background: rgba(255, 255, 255, 0.08);
}
.ant-dropdown-trigger.dataset-raster-band-preset {
  border: solid 1px #4a4a66;
  border-radius: 6px;
}
.ant-dropdown-trigger.dataset-raster-band-preset.ant-dropdown-open {
  border-color: #998cc5;
}
.ant-dropdown .dataset-raster-band-presets {
  background: #232331;
  box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  border: none;
}
.ant-dropdown .dataset-raster-band-presets .dataset-raster-band-preset {
  border-bottom: none;
}
.dataset-band-combination-selector .dataset-band-groups {
  margin-left: 5px;
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-groups-title {
  font-size: 13px;
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-group {
  padding: 5px;
  background: #272737;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  margin: 5px 0px 0px 5px;
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-group .dataset-band-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-group .dataset-band-items .dataset-band-item {
  padding: 5px;
  cursor: grab;
  transform: translate(0);
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-group .dataset-band-items .dataset-band-item .ant-avatar {
  box-shadow: 3px 2px 2px #121219;
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-group .dataset-band-items .dataset-band-item.is-dragging {
  opacity: 0.3;
}
.dataset-band-combination-selector .dataset-band-groups .dataset-band-group .dataset-band-group-label {
  font-size: 12px;
  text-align: right;
}
.dataset-band-combination-selector .dataset-band-combination-channels {
  display: flex;
  justify-content: center;
}
.dataset-band-combination-selector .dataset-band-combination-channels .dataset-channel-item {
  display: flex;
  align-items: center;
  user-select: none;
}
.dataset-band-combination-selector .dataset-band-combination-channels .dataset-channel-item .dataset-channel-item-target {
  margin: 5px;
  padding: 2px;
  border-radius: 50%;
  border: solid 2px transparent;
}
.dataset-band-combination-selector .dataset-band-combination-channels .dataset-channel-item.can-drop .dataset-channel-item-target {
  border: dashed 2px rgba(255, 255, 255, 0.85);
}
.dataset-band-combination-selector .dataset-band-combination-channels .dataset-channel-item.can-drop.is-hover .dataset-channel-item-target {
  border: dashed 2px #998cc5;
}
.dataset-band-combination-selector .dataset-band-scaling-selector .dataset-range-adjust-btn {
  margin-left: 15px;
}
.volumetric-viz-settings .volumetric-view-mode {
  padding-top: 1rem;
}
.volumetric-viz-settings .volumetric-view-mode .volumetric-view-mode-settings {
  padding: 0 0.5rem;
}
.volumetric-viz-settings .volumetric-view-mode .volumetric-view-mode-settings .dataset-volume-stack-clip-controls {
  padding: 0 0 0 1rem;
}
.dataset-viz-download .download-scale-item > .ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content {
  display: flex;
}
.dataset-viz-download .download-scale-item > .ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content .download-scale-slider {
  flex-grow: 1;
  margin-bottom: 0;
  margin-right: 1rem;
}
.dataset-viz-download .download-scale-item > .ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content .download-scale-input {
  margin-bottom: 0;
}
.dataset-viz-download .download-error-message .anticon {
  margin-right: 5px;
}
.dataset-vector-viz-filters {
  border-bottom: solid 1px #4a4a66;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  margin-top: 0.5em;
}
.dataset-vector-viz-filters .dataset-vector-viz-filter-header {
  display: flex;
  justify-content: space-between;
}
.dataset-vector-viz-filters .dataset-vector-viz-filter {
  margin: 0.5rem 0 1rem 0;
}
.dataset-vector-viz-filters .dataset-vector-viz-filter .dataset-vector-viz-filter-property {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dataset-vector-viz-filters .dataset-vector-viz-filter .dataset-vector-viz-filter-property .ant-btn {
  margin-left: 0.5rem;
}
.dataset-vector-viz-filters .dataset-vector-viz-filter .dataset-vector-viz-filter-control {
  margin: 0.3rem 0 0 1rem;
}
.dataset-vector-viz-filters-dropdown-items {
  max-height: 90vh;
  overflow: auto;
}
.dataset-vector-feature-info {
  padding: 10px 20px;
}
.dataset-vector-feature-info .ant-descriptions-row .ant-descriptions-item {
  padding-bottom: 4px;
}
.dataset-vector-feature-info .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-label {
  color: rgba(255, 255, 255, 0.65);
}
.dataset-vector-feature-info .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-label .anticon {
  color: #998cc5;
  margin-left: 4px;
}
.dataset-vector-feature-info .ant-descriptions-row .ant-descriptions-item .ant-descriptions-item-content img {
  max-width: 100%;
}
.dataset-vector-feature-info-table {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.dataset-vector-feature-info-table .table-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.dataset-vector-feature-info-table .table-controls .table-items-info {
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.65);
}
.dataset-vector-feature-info-table .table-content {
  height: 100%;
  overflow: hidden;
}
.dataset-vector-feature-info-table .table-content .ant-table-body {
  overflow-y: auto !important;
}
.dataset-vector-feature-info-table .table-content .ant-table-pagination {
  margin: 8px 0;
}
.dataset-vector-feature-info-table .table-content .table-cell-content {
  display: inline-block;
  min-width: 80px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.dataset-vector-feature-info-table .table-content .table-cell-content img {
  max-height: 70px;
}
.dataset-discrete-colormap-editor .enum-legend-element {
  display: flex;
  margin-bottom: 0.5em;
}
.dataset-discrete-colormap-editor .enum-legend-element .enum-legend-element-color-picker {
  width: 2em;
  height: 2em;
  line-height: 2em;
  margin-right: 0.3em;
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #4a4a66;
}
.dataset-discrete-colormap-editor .enum-legend-element .enum-legend-element-description {
  line-height: 2em;
}
.dataset-discrete-colormap-editor .enum-legend-element .enum-legend-description-tooltip {
  margin-left: auto;
  line-height: inherit;
}
.timeline {
  background: #232331;
}
.timeline .vis-timeline {
  border: none;
}
.timeline .vis-timeline .vis-panel {
  border-color: #3b3b51;
}
.timeline .vis-timeline .vis-panel.vis-left .vis-content {
  min-width: 150px;
  max-width: 250px;
  width: fit-content;
  padding-left: 15px;
  box-sizing: border-box;
}
.timeline .vis-timeline .vis-panel.vis-left .vis-content .vis-labelset .vis-label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  border: none;
  box-shadow: 0 -1px 0 #3b3b51;
}
.timeline .vis-timeline .vis-panel.vis-left .vis-content .vis-labelset .vis-label .vis-inner {
  width: 100%;
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.timeline .vis-timeline .vis-panel.vis-bottom {
  background: #272737;
}
.timeline .vis-timeline .vis-panel .vis-foreground .vis-group {
  box-shadow: 0 -1px 0 #3b3b51;
  border: none;
  cursor: pointer;
}
.timeline .vis-timeline .vis-panel .vis-foreground .vis-group:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.timeline .vis-timeline .vis-panel .vis-time-axis .vis-grid.vis-major {
  border-color: #3b3b51;
}
.timeline .vis-timeline .vis-panel .vis-time-axis .vis-grid.vis-minor {
  border-color: #3b3b51;
}
.timeline .vis-timeline .vis-panel .vis-time-axis .vis-text {
  padding: 1px;
}
.timeline .vis-timeline .vis-panel .vis-time-axis .vis-text.vis-major {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.8rem;
}
.timeline .vis-timeline .vis-panel .vis-time-axis .vis-text.vis-minor {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.7rem;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-range {
  padding-right: 10px;
  left: -5px;
  box-sizing: content-box;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-range .vis-item-overflow {
  height: 6px;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-range .vis-item-overflow .vis-item-content {
  padding: 0;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-range.is-loading {
  display: flex;
  padding: 1px;
  opacity: 0.6;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-range.is-loading .vis-item-overflow {
  background: rgba(0, 0, 0, 0.4);
  animation: range-load-animation 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  height: 2px;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-range.is-error {
  background-color: rgba(255, 0, 0, 0.2) !important;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-point {
  height: 8px;
  width: 8px;
  border-radius: 4px;
  margin-left: -4px;
  box-sizing: border-box;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-point .vis-item.vis-dot {
  display: none;
}
.timeline .vis-timeline .vis-panel .vis-item.vis-point .vis-item-content {
  padding: 0;
}
.timeline .vis-timeline .vis-panel .vis-item.editable-range {
  background-color: rgba(153, 140, 197, 0.2);
  border: solid 1px rgba(153, 140, 197, 0.5);
  border-bottom: none;
  cursor: grab;
}
.timeline .vis-timeline .vis-panel .vis-item.editable-range:hover {
  background-color: rgba(153, 140, 197, 0.3);
}
.timeline .vis-timeline .vis-panel .vis-item.editable-range.dragging {
  cursor: grabbing;
}
.timeline .vis-timeline .vis-panel .vis-custom-time {
  background-color: #998cc5;
  width: 4px;
  margin-left: -2px;
  cursor: ew-resize;
  box-shadow: 1px -1px 3px #000000a6;
  border-radius: 5px;
  height: 46px !important;
  bottom: 0px !important;
  top: auto !important;
}
.timeline .vis-timeline .vis-panel .vis-custom-time:hover {
  width: 6px;
  margin-left: -3px;
  z-index: 2;
}
.timeline.groups-labels-hidden .vis-timeline .vis-panel.vis-left {
  display: none;
}
.timeline.groups-labels-overlay .vis-timeline .vis-panel.vis-left {
  overflow: visible;
  width: 0px;
}
@keyframes range-load-animation {
  0% {
    margin-left: 0px;
    margin-right: 100%;
  }
  50% {
    margin-left: 25%;
    margin-right: 0%;
  }
  100% {
    margin-left: 100%;
    margin-right: 0;
  }
}
.dataset-explorer-timeline {
  position: relative;
  border-top: solid 1px #4a4a66;
}
.dataset-explorer-timeline .dataset-timeline-toolbar {
  position: absolute;
  top: -30px;
  padding-bottom: 5px;
  background: #232331;
  border: solid 1px #4a4a66;
  border-bottom: none;
  border-left: none;
  z-index: 10;
  display: flex;
}
.dataset-explorer-timeline .dataset-timeline-toolbar .dataset-timeline-toolbar-title {
  padding: 0 10px;
}
.dataset-explorer-timeline .dataset-timeline-toolbar .dataset-timeline-time-selector {
  margin: 0 5px 0px 20px;
}
.dataset-explorer-timeline .dataset-timeline-toolbar .dataset-timeline-time-selector input {
  text-align: center;
}
.dataset-explorer-timeline .dataset-timeline-toolbar .dataset-timeline-selector-controls {
  margin-right: 30px;
}
.dataset-explorer-timeline .timeline .dataset-timeline-group-label {
  display: flex;
  align-items: center;
}
.dataset-explorer-timeline .timeline .dataset-timeline-group-label .dataset-timeline-group-name {
  flex-shrink: 1;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataset-explorer-timeline .timeline .dataset-timeline-group-label .dataset-timeline-group-actions {
  flex-shrink: 0;
  flex-grow: 0;
}
.dataset-explorer-timeline .timeline .vis-item.vis-point.dataset-selected-granule {
  height: 10px;
  width: 10px;
  border-radius: 5px;
  margin-left: -5px;
  margin-top: 1px;
  z-index: 10;
  box-shadow: 0px 2px 4px black;
  border: solid 2px #ffffff50;
}
.dataset-explorer-timeline .timeline .vis-item.vis-point.dataset-selected-granule::before {
  content: ' ';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 2px solid rgba(153, 140, 197, 0.8);
  border-radius: 8px;
  box-sizing: border-box;
}
.dataset-explorer-timeline .timeline.is-compressed {
  display: none;
}
.dashboard-pane {
  position: relative;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #001529;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.dashboard-pane::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.dashboard-pane::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.dashboard-pane::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.dashboard-pane::-webkit-scrollbar-corner {
  background: #312e3e;
}
.dashboard-pane .dashboard-widget {
  background: #232331;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
}
.dashboard-pane .dashboard-widget .widget-header {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.dashboard-pane .dashboard-widget .widget-header .widget-drag-btn {
  cursor: grab;
}
.dashboard-pane .dashboard-widget .widget-header .widget-title {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 50px;
  white-space: nowrap;
}
.dashboard-pane .dashboard-widget .widget-header .widget-title .ant-typography {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-pane .dashboard-widget .widget-header .widget-title .ant-typography.ant-typography-edit-content {
  left: 0;
}
.dashboard-pane .dashboard-widget .widget-content {
  flex-grow: 1;
  overflow: auto;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.dashboard-pane .dashboard-widget .widget-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.dashboard-pane .dashboard-widget .widget-content::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.dashboard-pane .dashboard-widget .widget-content::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.dashboard-pane .dashboard-widget .widget-content::-webkit-scrollbar-corner {
  background: #312e3e;
}
.dashboard-pane .dashboard-widget .react-resizable-handle::after {
  border-right-color: #998cc5;
  border-bottom-color: #998cc5;
}
.dashboard-pane .react-grid-placeholder {
  background: #998cc5;
}
.dataset-chart {
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.dataset-chart .dataset-chart-form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dataset-chart .dataset-chart-form .dataset-chart-search-btn {
  align-self: flex-end;
  margin-top: 15px;
}
.dataset-chart .dataset-chart-form .dataset-chart-filters {
  flex-grow: 1;
  flex-shrink: 1;
}
.dataset-chart .dataset-chart-result {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: flex-start;
  height: 100%;
}
.dataset-chart .dataset-chart-result .dataset-chart-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.dataset-chart .dataset-chart-result .series-chart {
  flex-grow: 1;
  flex-shrink: 1;
  align-self: stretch;
}
.dataset-chart .dataset-chart-result .ant-empty {
  align-self: stretch;
}
.dataset-chart .dataset-chart-filters,
.dataset-chart .dataset-chart-form {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.dataset-chart .dataset-chart-filters .analysis-parameters,
.dataset-chart .dataset-chart-form .analysis-parameters {
  padding: 0.5rem;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  background: #272737;
  border-radius: 6px;
  margin-bottom: 0.5rem;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form {
  flex-grow: 1;
  flex-shrink: 1;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form .ant-form-item,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form .ant-form-item {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.5em;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form .ant-form-item .ant-form-item-label label,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form .ant-form-item .ant-form-item-label label {
  font-size: 12px;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form .ant-form-item .dataset-dimension-value-selector > span,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form .ant-form-item .dataset-dimension-value-selector > span {
  display: none;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form .ant-form-item .dataset-dimension-range-selector > span,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form .ant-form-item .dataset-dimension-range-selector > span {
  display: none;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form .ant-form-item .dataset-dimension-range-selector .ant-slider,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form .ant-form-item .dataset-dimension-range-selector .ant-slider {
  min-width: 180px;
  margin: 5px 20px;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .ant-form .ant-form-item .dataset-dimension-range-selector .ant-slider .ant-slider-mark-text,
.dataset-chart .dataset-chart-form .analysis-parameters .ant-form .ant-form-item .dataset-dimension-range-selector .ant-slider .ant-slider-mark-text {
  min-width: 40px;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .analysis-actions,
.dataset-chart .dataset-chart-form .analysis-parameters .analysis-actions {
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-start;
}
.dataset-chart .dataset-chart-filters .analysis-parameters .analysis-actions .anticon,
.dataset-chart .dataset-chart-form .analysis-parameters .analysis-actions .anticon {
  font-size: 12px;
}
.dataset-chart .dataset-chart-filters::-webkit-scrollbar,
.dataset-chart .dataset-chart-form::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.dataset-chart .dataset-chart-filters::-webkit-scrollbar-thumb,
.dataset-chart .dataset-chart-form::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.dataset-chart .dataset-chart-filters::-webkit-scrollbar-track,
.dataset-chart .dataset-chart-form::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.dataset-chart .dataset-chart-filters::-webkit-scrollbar-corner,
.dataset-chart .dataset-chart-form::-webkit-scrollbar-corner {
  background: #312e3e;
}
.dataset-chart .dataset-chart-filters.ant-collapse,
.dataset-chart .dataset-chart-form.ant-collapse {
  background: transparent;
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item {
  border-bottom: none;
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item .ant-collapse-header,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item .ant-collapse-header {
  padding: 0.2em 1.5em;
  height: 25px;
  font-size: 13px;
  color: #998cc5;
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
  left: 0px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
  pointer-events: none;
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow {
  pointer-events: all;
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .show-filters-title,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .show-filters-title {
  display: none;
}
.dataset-chart .dataset-chart-filters.ant-collapse .ant-collapse-item .ant-collapse-content,
.dataset-chart .dataset-chart-form.ant-collapse .ant-collapse-item .ant-collapse-content {
  margin-top: -25px;
}
.dataset-chart .ant-empty {
  flex-grow: 1;
  margin: 0;
  overflow: hidden;
  flex-basis: 0;
}
.dataset-chart .series-chart {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.dataset-chart .series-chart::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.dataset-chart .series-chart::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.dataset-chart .series-chart::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.dataset-chart .series-chart::-webkit-scrollbar-corner {
  background: #312e3e;
}
.dataset-chart .series-chart .series-chart-title {
  display: flex;
  text-align: left;
  justify-content: space-between;
  margin: 0 20px;
}
.dataset-chart .series-chart .chart {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  min-height: 200px;
}
.dataset-chart .series-chart .chart .dataset-dimension-series-tooltip {
  display: flex;
}
.dataset-chart .series-chart .chart .dataset-dimension-series-tooltip .axis-item:not(:last-child) {
  margin-right: 5px;
  padding-right: 5px;
  border-right: solid 1px;
}
.dataset-chart .series-chart .chart .dataset-dimension-series-tooltip .axis-item .axis-values .series-item.is-area .series-value {
  margin-left: 12px;
}
.dataset-chart .series-chart .chart .dataset-dimension-series-tooltip .axis-item .value {
  font-weight: bold;
}
.dataset-chart .series-chart .chart-ops {
  position: absolute;
  top: 7px;
  right: 50px;
}
.dataset-raster-sequence {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.dataset-raster-sequence .analysis-parameters {
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 6px;
  margin-bottom: 0.5rem;
}
.dataset-raster-sequence .analysis-parameters .ant-form {
  flex-grow: 1;
  flex-shrink: 1;
}
.dataset-raster-sequence .analysis-parameters .ant-form .ant-form-item {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.5em;
}
.dataset-raster-sequence .analysis-parameters .ant-form .ant-form-item .ant-form-item-label label {
  font-size: 12px;
}
.dataset-raster-sequence .analysis-parameters .ant-form .ant-form-item .dataset-dimension-value-selector > span {
  display: none;
}
.dataset-raster-sequence .dataset-raster-sequence-thumbs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  overflow-y: auto;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
.dataset-raster-sequence .dataset-raster-sequence-thumbs::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.dataset-raster-sequence .dataset-raster-sequence-thumbs::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.dataset-raster-sequence .dataset-raster-sequence-thumbs::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.dataset-raster-sequence .dataset-raster-sequence-thumbs::-webkit-scrollbar-corner {
  background: #312e3e;
}
.dataset-raster-sequence .raster-sequence-thumb {
  text-align: center;
  margin-bottom: 1rem;
  margin-right: 1rem;
  border: solid 1px #fff;
  border-radius: 6px;
  overflow: hidden;
}
.dataset-raster-sequence .dataset-raster-sequence-player {
  margin-top: 1rem;
}
.dataset-raster-sequence .dataset-raster-sequence-player .raster-sequence-thumb {
  margin: auto;
}
.dataset-raster-sequence .dataset-raster-sequence-player .ant-slider {
  margin-left: 6rem;
  margin-right: 6rem;
}
.dataset-raster-sequence .dataset-raster-sequence-player .ant-slider .ant-slider-mark-text {
  white-space: nowrap;
}
.dataset-vertical-profile-chart {
  width: 100%;
  height: calc(100% - 25px);
  margin-top: 10px;
}
.dataset-vertical-profile-chart .unprojected-image-layer-widget {
  height: 100%;
  position: relative;
}
.dataset-vertical-profile-chart .line-series-chart {
  display: none;
  height: 50%;
}
.dataset-vertical-profile-chart .line-series-chart .chart {
  position: relative;
  width: 50%;
  height: 100%;
  display: inline-block;
}
.dataset-vertical-profile-chart .line-series-chart .chart-ops {
  display: none;
}
.dataset-vertical-profile-chart.is-coord-selected .unprojected-image-layer-widget {
  height: 50%;
}
.dataset-vertical-profile-chart.is-coord-selected .line-series-chart {
  display: block;
}
.dataset-stats-analysis {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  align-self: stretch;
}
.dataset-stats-analysis .series-chart {
  display: flex;
  align-items: flex-start;
}
.dataset-stats-analysis .series-chart .chart {
  flex-grow: 1;
}
.dataset-stats-analysis .series-chart .dataset-stats-table {
  min-width: 210px;
  max-width: 250px;
  width: 30%;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-header {
  padding: 4px 16px;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-header .ant-collapse-header-text {
  overflow: hidden;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-header .ant-collapse-header-text .dataset-stats-header {
  overflow: hidden;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-header .ant-collapse-header-text .dataset-stats-header .ant-badge {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-right: 20px;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-header .ant-collapse-header-text .dataset-stats-header .ant-badge .ant-badge-status-dot {
  flex-shrink: 0;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-header .ant-collapse-header-text .dataset-stats-header .ant-badge .ant-badge-status-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-content-box {
  padding: 5px 10px 10px 15px;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-content-box .ant-descriptions-view .ant-descriptions-item {
  padding-bottom: 0;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-content-box .ant-descriptions-view .ant-descriptions-item .ant-descriptions-item-label {
  font-size: 13px;
}
.dataset-stats-analysis .series-chart .dataset-stats-table .ant-collapse-content-box .ant-descriptions-view .ant-descriptions-item .ant-descriptions-item-content {
  font-size: 13px;
}
.dataset-stats-analysis .dataset-stats-analysis-ops {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.dataset-stats-analysis .dataset-stats-analysis-ops .ant-btn {
  margin-left: 10px;
}
.dataset-dimension-raster-sequence {
  align-self: stretch;
  flex-grow: 1;
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex-grow: 1;
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-selectors {
  display: flex;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-selectors .dataset-colormap-selector {
  padding: 10px 20px;
  flex-grow: 1;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-selectors .dataset-raster-sequence-settings {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  border-left: solid 1px #4d4d4d;
  margin-left: 10px;
  margin-right: 20px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-selectors .dataset-raster-sequence-settings .dataset-raster-sequence-stats-mode-controls {
  margin-top: 10px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item {
  display: flex;
  align-items: stretch;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .raster-sequence-thumb {
  margin: 10px;
  border: solid 1px #4a4a66;
  width: 250px;
  flex-grow: 1;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .raster-sequence-thumb img {
  width: 100%;
  object-fit: contain;
  image-rendering: pixelated;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .raster-sequence-thumb .raster-sequence-thumb-caption {
  margin-top: 5px;
  text-align: center;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-histogram {
  width: 250px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-histogram .chart {
  height: 250px;
  position: relative;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-histogram .chart-ops {
  display: none;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-stats-table {
  width: 200px;
  margin: 10px;
  overflow: auto;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-stats-table .ant-descriptions-item {
  padding-bottom: 0;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-stats-table .ant-descriptions-item .ant-descriptions-item-label {
  font-size: 13px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-item .dataset-sequence-item-stats-table .ant-descriptions-item .ant-descriptions-item-content {
  font-size: 13px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-grid {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-grid.is-detailed {
  flex-wrap: nowrap;
  flex-direction: column;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-grid.is-detailed .dataset-sequence-item-histogram {
  display: block;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-grid.is-detailed .dataset-sequence-item-stats-table {
  display: block;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-grid:not(.is-detailed) .dataset-sequence-item-histogram {
  display: none;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-grid:not(.is-detailed) .dataset-sequence-item-stats-table {
  display: none;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player {
  padding: 0 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item {
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item .raster-sequence-thumb {
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item .raster-sequence-thumb img {
  max-height: 100%;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item .raster-sequence-thumb .raster-sequence-thumb-caption {
  display: none;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item .dataset-sequence-item-histogram {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  min-width: 200px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item .dataset-sequence-item-histogram .chart {
  height: 100%;
  overflow: hidden;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-item .dataset-sequence-item-histogram .chart-ops {
  display: none;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider {
  padding: 10px 100px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats {
  padding-top: 10px;
  height: 300px;
  position: relative;
  flex-shrink: 0;
  display: flex;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-stats-slider {
  flex-grow: 1;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-stats-slider .chart {
  height: 100%;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-stats-slider .chart-ops {
  display: none;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-item-stats-table {
  width: 200px;
  flex-grow: 0;
  flex-shrink: 0;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-item-stats-table .ant-descriptions-item {
  padding-bottom: 0;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-item-stats-table .ant-descriptions-item .ant-descriptions-item-label {
  font-size: 13px;
}
.dataset-dimension-raster-sequence .dataset-chart-result .dataset-dimension-raster-sequence-chart .dataset-raster-sequence-player .dataset-raster-sequence-player-slider-stats .dataset-sequence-item-stats-table .ant-descriptions-item .ant-descriptions-item-content {
  font-size: 13px;
}
.analysis-aoi-filter {
  display: flex;
  align-items: center;
}
.analysis-aoi-filter .drag-handle {
  width: 14px;
  margin-right: 6px;
  cursor: grab;
  display: none;
}
.analysis-aoi-filter .drag-handle:hover,
.analysis-aoi-filter .drag-handle:active {
  background: transparent !important;
}
.analysis-aoi-filter .aoi-field-container {
  padding-left: 3px;
  padding-right: 12px;
  outline-offset: 3px;
  outline-width: 1px;
  outline-color: #999999;
  outline-style: none;
}
.analysis-aoi-filter .unlink-button {
  margin-left: -8px;
  display: none;
}
.analysis-aoi-filter.is-dragging .drag-handle {
  cursor: grabbing;
}
.analysis-aoi-filter.can-drop .aoi-field-container {
  outline-style: dashed;
}
.analysis-aoi-filter.can-drop.is-dropping .aoi-field-container {
  outline-color: #998cc5;
}
.analysis-aoi-filter.can-drag .drag-handle {
  display: block;
}
.analysis-aoi-filter.is-linked {
  margin-right: 12px;
}
.analysis-aoi-filter.is-linked .unlink-button {
  display: block;
}
.analysis-aoi-filter.is-linked .aoi-field-container {
  outline-style: solid;
}
.dataset-selector {
  max-width: 250px;
}
.map-raster-point-info {
  padding: 1em;
}
.map-raster-point-info .map-raster-point-info-location {
  margin-bottom: 0.5em;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-header {
  padding: 4px 16px;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  overflow: hidden;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .ant-badge {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-right: 20px;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .ant-badge .ant-badge-status-dot {
  flex-shrink: 0;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .ant-badge .ant-badge-status-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-content-box {
  padding: 6px 10px 10px 10px;
}
.map-raster-point-info .ant-collapse .ant-collapse-item .ant-collapse-content-box .vector-feature-description {
  padding: 0;
}
.dataset-vector-feature-list-table .table-controls {
  margin-bottom: 5px;
}
.dataset-vector-feature-list-table .data-collection-table-header {
  flex-direction: row-reverse;
  margin: 0px 8px 8px 8px;
}
.dataset-vector-feature-list-table .data-collection-table-header .dataset-vector-feature-list-aoi-filter {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 8px;
}
.dataset-vector-feature-list-table .data-collection-table-header .dataset-vector-feature-list-aoi-filter > span {
  display: inline-block;
  margin-right: 5px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex-grow: 1;
  overflow: auto;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex-grow: 1;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 10px;
  min-width: 220px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart .dataset-area-distribution-numeric-chart-title {
  margin-left: 20px;
  margin-bottom: 5px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart .dataset-area-distribution-numeric-chart-container {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart {
  min-width: 200px;
  overflow: hidden;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart .numeric-distribution-chart-title {
  display: none;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart-stats {
  flex-basis: 250px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .ant-badge {
  display: none;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart.multi-series .dataset-area-distribution-numeric-chart-container {
  flex-direction: column;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart.multi-series .dataset-area-distribution-numeric-chart-container .ant-collapse {
  margin: 0 20px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart.multi-series .dataset-area-distribution-numeric-chart-container .ant-collapse .ant-collapse-header {
  padding: 4px 16px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart.multi-series .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item {
  margin-bottom: 10px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart.multi-series .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .ant-badge {
  display: block;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .dataset-area-distribution-numeric-chart.multi-series .dataset-area-distribution-numeric-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .numeric-distribution-stats-table {
  margin-left: 12px;
}
.dataset-area-distribution .dataset-area-distribution-chart-items .dataset-area-distribution-charts .categorical-distribution-chart {
  flex-shrink: 0;
  margin-bottom: 10px;
}
.numeric-distribution-stats-table .ant-descriptions-view .ant-descriptions-item {
  padding-bottom: 0;
}
.numeric-distribution-stats-table .ant-descriptions-view .ant-descriptions-item .ant-descriptions-item-label {
  font-size: 13px;
}
.numeric-distribution-stats-table .ant-descriptions-view .ant-descriptions-item .ant-descriptions-item-content {
  font-size: 13px;
}
.numeric-distribution-chart-stats {
  display: flex;
  flex-wrap: wrap;
}
.numeric-distribution-chart-stats .numeric-distribution-chart-stats-item {
  min-width: 210px;
  flex-basis: 30%;
  flex-grow: 1;
}
.dataset-area-values .dataset-area-values-chart-items {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex-grow: 1;
  overflow: auto;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex-grow: 1;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 10px;
  min-width: 220px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart .dataset-area-values-numeric-distribution-chart-title {
  margin-left: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  word-break: break-all;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart .dataset-area-values-numeric-distribution-chart-container {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart {
  min-width: 200px;
  overflow: hidden;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart .numeric-distribution-chart-title {
  display: none;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats {
  flex-basis: 250px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .ant-badge {
  display: none;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container {
  flex-direction: column;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .ant-collapse {
  margin: 0 20px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .ant-collapse .ant-collapse-header {
  padding: 4px 16px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item {
  margin-bottom: 10px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .ant-badge {
  display: flex;
  align-items: baseline;
  max-width: 100%;
  overflow: hidden;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .ant-badge .ant-badge-status-dot {
  flex-shrink: 0;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .ant-badge .ant-badge-status-text {
  flex-grow: 1;
  overflow: hidden;
  word-break: break-all;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item .numeric-distribution-stats-table {
  margin-left: 12px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .dataset-area-values-numeric-distribution-chart.multi-series .dataset-area-values-numeric-distribution-chart-container .numeric-distribution-chart-stats .numeric-distribution-chart-stats-item:not(:last-child) {
  margin-right: 10px;
}
.dataset-area-values .dataset-area-values-chart-items .dataset-area-values-distribution-charts .categorical-distribution-chart {
  flex-shrink: 0;
  margin-bottom: 10px;
}
.categorical-distribution-chart .series-chart-title {
  display: flex;
  text-align: left;
  justify-content: space-between;
  margin: 0 20px;
}
.remote-aoi-selector {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.remote-aoi-selector .ant-form-item {
  margin-bottom: 12px;
  position: relative;
}
.remote-aoi-selector .ant-form-item .ant-progress {
  position: absolute;
  bottom: -6px;
  padding: 0 32px 0px 2px;
}
.remote-aoi-selector .remote-aoi-feature-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  padding-top: 30px;
}
.remote-aoi-selector .remote-aoi-feature-list .remote-aoi-feature-list-selection-tag {
  position: absolute;
  top: 0px;
  background-color: #ffe600;
  color: black;
  align-self: flex-end;
}
.remote-aoi-selector .remote-aoi-feature-list .remote-aoi-feature-list-selection-tag .ant-btn {
  color: rgba(0, 0, 0, 0.85);
}
.remote-aoi-selector .remote-aoi-feature-list .remote-aoi-feature-list-selection-msg {
  position: absolute;
  top: 0px;
  height: 32px;
}
.dataset-discovery-drawer .ant-drawer-header {
  padding: 8px 16px 0 16px;
  flex-shrink: 0;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title {
  overflow: hidden;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title {
  overflow: hidden;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .dataset-discovery-drawer-title {
  display: flex;
  align-items: center;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .dataset-discovery-drawer-title .ant-btn {
  margin-right: 8px;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .dataset-discovery-drawer-provider-selector {
  font-size: 14px;
  font-weight: normal;
  padding-top: 8px;
  padding-left: 8px;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .dataset-discovery-drawer-provider-selector .ant-tabs .ant-tabs-nav {
  margin: 0;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .dataset-discovery-drawer-provider-selector .ant-tabs .ant-tabs-nav::before {
  display: none;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .ant-page-header {
  padding-top: 6px;
  margin-top: -4px;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .ant-page-header .ant-page-header-content {
  padding-top: 0;
  margin-top: -4px;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .ant-page-header .ant-page-header-content .ant-breadcrumb {
  font-size: 13px;
}
.dataset-discovery-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title .ant-page-header .ant-page-header-footer {
  margin-top: 5px;
}
.dataset-discovery-drawer .ant-drawer-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px 5px 24px 24px;
}
.dataset-discovery-provider-combo-selector {
  display: flex;
  align-items: center;
}
.dataset-discovery-provider-combo-selector label {
  margin-right: 5px;
}
.dataset-discovery-provider-combo-selector .ant-select {
  flex-grow: 1;
}
.wms-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wms-discovery-provider .wms-discovery-service-selector {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.wms-discovery-provider .wms-discovery-service-selector label {
  margin-right: 0.5rem;
}
.wms-discovery-provider .wms-discovery-service-selector .ant-select {
  flex-grow: 1;
}
.wms-discovery-provider .wms-discovery-provider-service {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wmts-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wmts-discovery-provider .wmts-discovery-service-selector {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.wmts-discovery-provider .wmts-discovery-service-selector label {
  margin-right: 0.5rem;
}
.wmts-discovery-provider .wmts-discovery-service-selector .ant-select {
  flex-grow: 1;
}
.wmts-discovery-provider .wmts-discovery-provider-service {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.user-menu {
  background: #232331;
  user-select: none;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  min-width: 300px;
}
.user-menu:before {
  content: '';
  display: block;
  height: 48px;
  background: linear-gradient(90deg, #EF2B89 0%, #7B34DB 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.user-menu .user-menu-header {
  text-align: center;
  padding: 10px 10px 0 10px;
}
.user-menu .user-menu-header .ant-avatar {
  width: 64px;
  height: 64px;
  font: bold 18px Roboto;
  line-height: 64px;
  border: solid 2px #232331;
}
.user-menu .user-menu-header .user-menu-header-name {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.85);
}
.user-menu .user-menu-header .user-menu-header-email {
  color: rgba(255, 255, 255, 0.65);
}
.user-menu .ant-menu.ant-menu-root.ant-menu-vertical {
  border-inline-end: none;
  background: transparent;
}
.app-toolbar {
  display: flex;
  align-items: center;
}
.app-toolbar .ant-avatar {
  user-select: none;
  cursor: pointer;
  border: solid 1px #4a4a66;
  background: linear-gradient(90deg, #EF2B89 0%, #7B34DB 100%);
  color: #fff;
  margin-left: 10px;
}
.app-toolbar .ant-avatar.ant-popover-open {
  border-color: rgba(255, 255, 255, 0.65);
}
.app-toolbar .ant-btn {
  background: transparent;
  border: none;
  margin: 0 4px;
  box-shadow: none;
}
.app-toolbar .ant-btn.ant-btn-default:hover {
  background: transparent;
}
.app-toolbar .ant-btn.ant-dropdown-open {
  color: #c4beda;
}
.app-toolbar .ant-btn .anticon {
  font-size: 24px;
  height: 24px;
  vertical-align: middle;
}
.app-toolbar .ant-btn .anticon svg {
  filter: drop-shadow(2px 2px 2px #121219);
}
.user-menu-popover .ant-popover-inner {
  padding: 0;
}
.app-links-menu {
  background: #232331;
  border-right: none;
  padding-bottom: 5px;
}
.app-links-menu.ant-menu {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.app-links-menu.ant-menu .ant-menu-item {
  min-height: 43.2px;
}
.app-links-menu .app-links-menu-title {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
}
.app-links-menu .ant-avatar {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.app-initial-modal .ant-modal-content {
  padding-top: 16px;
  padding-bottom: 24px;
}
.app-initial-modal .ant-modal-content .anticon {
  margin-inline-start: 16px;
}
.app-initial-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.app-initial-modal .ant-modal-content .ant-modal-body .app-initial-modal-content {
  max-height: 70vh;
  overflow-y: auto;
  padding-right: 12px;
}
.app-initial-modal .ant-modal-content .ant-modal-body .app-initial-modal-hide-chk {
  margin-top: 16px;
}
.app-initial-modal .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
  margin-right: 16px;
}
.basket-selection-control .ant-form-item-control-input-content {
  display: flex;
}
.basket-selection-control .ant-form-item-control-input-content .basket-selection-combo {
  flex-grow: 1;
  margin: 0;
}
.basket-selection-control .ant-form-item-control-input-content .ant-btn .anticon {
  font-size: 20px;
}
.refdata-collection-compact-item {
  border: dashed 1px transparent;
}
.refdata-collection-compact-item.can-drop.is-hover {
  border-color: #998cc5;
}
.platform-incident-compact-item .data-collection-compact-list-item-preview {
  width: 32px;
  height: 32px;
}
.collection-selection-combo {
  display: flex;
}
.collection-selection-combo .ant-select {
  flex-grow: 1;
}
.collection-selection-combo .ant-btn .anticon {
  font-size: 20px;
}
.collection-selection-form-item .ant-form-item-control-input-content {
  display: flex;
}
.collection-selection-form-item .ant-form-item-control-input-content .collection-selection-combo {
  flex-grow: 1;
  margin: 0;
}
.platform-owner-field {
  display: flex;
  align-items: center;
}
.platform-owner-field .user-selection-combo {
  margin-left: 8px;
  flex-grow: 1;
}
.platform-owner-field.with-user-selection .owner-combo {
  width: auto;
}
.platform-file-upload-form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.platform-file-upload-form .platform-file-upload-form-item {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 0;
}
.platform-file-upload-form .platform-file-upload-form-item > label {
  display: block;
  margin-bottom: 4px;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item {
  flex-shrink: 1;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: solid 1px #4a4a66;
  border-radius: 6px;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .ant-upload-select {
  width: 100%;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .ant-upload-select .file-target-area {
  padding: 12px 4px;
  border: dashed 1px rgba(255, 255, 255, 0.65);
  text-align: center;
  cursor: pointer;
  margin: 6px;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .platform-file-upload-form-file-list {
  overflow: auto;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .platform-file-upload-form-file-list .ant-list-item .ant-list-item-meta {
  margin-bottom: 8px;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .platform-file-upload-form-file-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .platform-file-upload-form-file-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description {
  margin-left: 4px;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .platform-file-upload-form-file-list .ant-list-item .platform-file-upload-item {
  margin-left: 4px;
}
.platform-file-upload-form .platform-file-upload-form-item.platform-file-upload-files-item .platform-file-upload-files-item-control .platform-file-upload-form-file-list .ant-list-item .platform-file-upload-item .ant-form-item {
  margin-bottom: 8px;
}
.platform-file-upload-drawer .upload-form-actions {
  width: 100%;
  justify-content: flex-end;
  margin-top: 10px;
}
.platform-file-upload-drawer .ant-drawer-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.quota-usage-bar {
  font-size: 13px;
}
.quota-usage-bar .quota-value {
  text-align: right;
}
.ant-message .cost-quotation-message {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.cost-confirmation-dialog .dialog-error-message {
  margin-top: 10px;
  margin-bottom: -10px;
}
.platform-credits .ant-modal-content {
  height: 70vh;
}
.platform-credits .ant-modal-content iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  border: none;
  width: 100%;
  height: 100%;
}
.job-progress-bar .ant-progress-steps-item {
  background: rgba(255, 255, 255, 0.18);
}
.job-progress-bar .ant-progress-steps-item.ant-progress-steps-item-active {
  background: #998cc5;
}
.job-progress-bar.ant-progress-status-success .ant-progress-steps-item.ant-progress-steps-item-active {
  background: #49aa19;
}
.job-progress-bar.ant-progress-status-exception .ant-progress-steps-item-active {
  background: #dc4446;
}
.job-progress-bar.ant-progress-status-active .ant-progress-text .anticon {
  color: #998cc5;
}
.job-progress-bar .ant-progress-text {
  width: auto;
  margin-left: 8px;
}
.job-progress-bar .ant-progress-text .anticon {
  margin-right: 4px;
}
.job-progress-bar .ant-progress-text .status-text {
  color: rgba(255, 255, 255, 0.85);
}
.platform-job-logs .log-entries {
  word-break: break-all;
  word-wrap: break-word;
}
.platform-job-logs .log-entries .log-entry .log-timestamp {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.platform-job-logs .log-entries .log-entry .log-message {
  color: rgba(255, 255, 255, 0.65);
}
.platform-job-logs .ant-spin-nested-loading {
  min-height: 50px;
}
.job-workflow-status .running-step {
  position: relative;
}
.job-workflow-status .running-step .anticon-loading {
  position: absolute;
  left: -4px;
  top: -2px;
  font-size: 32px;
}
.job-workflow-status .ant-steps-item.canceled .ant-steps-icon {
  color: rgba(255, 255, 255, 0.25);
}
.job-workflow-status .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
  color: #49aa19;
}
.job-workflow-status .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title::after {
  background-color: #49aa19;
}
.job-workflow-status .ant-steps-item.ant-steps-item-process .ant-steps-item-icon .ant-steps-icon {
  color: #998cc5;
}
.group-selection-combo {
  display: flex;
}
.group-selection-combo .ant-select {
  flex-grow: 1;
  margin: 0;
}
.group-selection-combo .ant-btn {
  padding: 0 8px;
}
.group-selection-combo .ant-btn .anticon {
  font-size: 16px;
}
.create-group-form .members-title {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #4a4a66;
  margin-bottom: 12px;
  padding-bottom: 6px;
}
.create-group-form .members-title .members-label {
  flex-grow: 1;
  color: rgba(255, 255, 255, 0.65);
}
.create-group-form .users-rows {
  padding: 0 6px;
}
.create-group-form .users-rows .members-empty-message {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 10px;
}
.create-group-form .users-rows .user-row {
  display: flex;
}
.create-group-form .users-rows .user-row .user-selection-form-item {
  flex-grow: 1;
}
.create-group-form .users-rows .user-row .ant-form-item {
  margin-bottom: 10px;
}
.create-group-dialog .users-rows {
  max-height: 40vh;
  overflow: auto;
}
.resource-share-form .acl-title {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #4a4a66;
  margin-bottom: 12px;
  padding-bottom: 6px;
}
.resource-share-form .acl-title .acl-label {
  flex-grow: 1;
  color: rgba(255, 255, 255, 0.65);
}
.resource-share-form .acl-rows {
  padding: 0 6px;
}
.resource-share-form .acl-rows .acl-empty-message {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 10px;
}
.resource-share-form .acl-rows .acl-row {
  display: flex;
  align-items: flex-start;
}
.resource-share-form .acl-rows .acl-row .ant-form-item {
  margin-bottom: 12px;
}
.resource-share-form .acl-rows .acl-row .group-selection-form-item {
  flex-grow: 1;
  margin-right: 20px;
}
.resource-share-form .acl-rows .acl-row .permission-level-form-item .ant-form-item-row {
  flex-direction: row;
  align-items: center;
  width: 170px;
}
.resource-share-form .acl-rows .acl-row .permission-level-form-item .ant-form-item-row .ant-form-item-label {
  padding: 0;
}
.resource-share-form .acl-rows .acl-row .permission-level-form-item .ant-form-item-row .ant-form-item-label label.ant-form-item-required::before {
  display: none;
}
.resource-share-form .acl-rows .acl-row .permission-level-form-item .ant-form-item-row .ant-form-item-control {
  width: auto;
}
.resource-share-dialog .acl-rows {
  max-height: 60vh;
  overflow: auto;
  padding-right: 6px;
}
.systematic-processing-status .anticon {
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
}
.systematic-processing-status.systematic-processing-status-active .anticon {
  color: #998cc5;
}
.systematic-processing-status.systematic-processing-status-completed .anticon {
  color: #49aa19;
}
.service-selection-combo .ant-select .ant-select-selector {
  height: 42px;
}
.service-selection-combo .ant-select .ant-select-selector .ant-select-selection-search {
  height: 40px;
}
.service-selection-combo .ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input {
  height: 40px;
}
.service-selection-combo .ant-select .ant-select-selector .ant-select-selection-placeholder {
  line-height: 40px;
}
.service-selection-combo .ant-select .ant-select-selector .ant-select-selection-item {
  line-height: 40px;
}
.service-selection-combo-option .ant-avatar {
  width: 32px;
  height: 32px;
  margin-right: 6px;
}
.user-storage-type-list-selector .ant-list-item-meta-title .user-storage-type-list-item-title-link:hover {
  text-decoration: underline;
}
.layer-metadata-dialog {
  width: 80vw !important;
  max-width: 1024px;
}
.layer-metadata-dialog .ant-modal-body {
  display: flex;
  flex-direction: column;
  max-height: 70vh;
  overflow: hidden;
}
.layer-metadata-dialog .ant-modal-body .layer-metadata-dialog-actions {
  justify-content: flex-end;
}
.layer-metadata-dialog .ant-modal-body .dataset-type-form-item {
  margin-bottom: 18px;
}
.layer-metadata-dialog .ant-modal-body .raster-layer-metadata-form,
.layer-metadata-dialog .ant-modal-body .vector-layer-metadata-form,
.layer-metadata-dialog .ant-modal-body .volume-layer-metadata-form {
  margin-top: 6px;
  padding-right: 12px;
  overflow: auto;
}
.raster-layer-metadata-form .measured-quantity-editor,
.vector-layer-metadata-form .measured-quantity-editor,
.volume-layer-metadata-form .measured-quantity-editor {
  display: flex;
  flex-wrap: wrap;
}
.raster-layer-metadata-form .measured-quantity-editor .ant-form-item,
.vector-layer-metadata-form .measured-quantity-editor .ant-form-item,
.volume-layer-metadata-form .measured-quantity-editor .ant-form-item {
  margin-right: 6px;
}
.raster-layer-metadata-form .quantitative-domain-editor,
.vector-layer-metadata-form .quantitative-domain-editor,
.volume-layer-metadata-form .quantitative-domain-editor {
  display: flex;
  flex-wrap: wrap;
}
.raster-layer-metadata-form .quantitative-domain-editor .ant-form-item,
.vector-layer-metadata-form .quantitative-domain-editor .ant-form-item,
.volume-layer-metadata-form .quantitative-domain-editor .ant-form-item {
  margin-right: 6px;
}
.layer-metadata-raw-editor .layer-metadata-raw-editor-input {
  min-width: 500px;
  display: flex;
  margin-bottom: 5px;
}
.layer-metadata-raw-editor .layer-metadata-raw-editor-input textarea {
  max-height: 50vh;
  overflow: auto;
}
.layer-metadata-raw-editor .layer-metadata-raw-editor-input .layer-metadata-raw-editor-actions {
  margin-left: 5px;
  flex-shrink: 0;
  flex-grow: 0;
}
.raster-layer-metadata-form .raster-layer-metadata-form-bands-rows {
  margin-bottom: 12px;
}
.raster-layer-metadata-form .raster-layer-metadata-form-bands-rows .raster-band-metadata-form-items .raster-band-metadata-form-items-fields {
  display: flex;
  flex-wrap: wrap;
}
.raster-layer-metadata-form .raster-layer-metadata-form-bands-rows .raster-band-metadata-form-items .raster-band-metadata-form-items-fields .ant-form-item {
  margin-right: 6px;
}
.raster-layer-metadata-form .raster-layer-metadata-form-bands-rows .raster-band-metadata-form-items .raster-band-metadata-form-items-fields .ant-form-item.raster-band-metadata-form-items-description-field {
  flex-grow: 1;
}
.vector-layer-metadata-form .vector-feature-attributes-form-rows {
  margin-bottom: 12px;
}
.vector-layer-metadata-form .vector-feature-attributes-form-rows .vector-feature-attribute-form-items .vector-feature-attribute-form-items-fields {
  display: flex;
  flex-wrap: wrap;
}
.vector-layer-metadata-form .vector-feature-attributes-form-rows .vector-feature-attribute-form-items .vector-feature-attribute-form-items-fields .ant-form-item {
  margin-right: 6px;
}
.vector-layer-metadata-form .vector-feature-attributes-form-rows .vector-feature-attribute-form-items .vector-feature-attribute-form-items-fields .ant-form-item.vector-feature-attribute-form-items-description-field {
  flex-grow: 1;
}
.numeric-variable-editor .numeric-variable-editor-fields {
  display: flex;
  flex-wrap: wrap;
}
.numeric-variable-editor .numeric-variable-editor-fields .ant-form-item {
  margin-right: 6px;
}
.numeric-variable-editor .numeric-variable-editor-fields .ant-form-item.numeric-variable-editor-description-field {
  flex-grow: 1;
}
.user-storage-view-mode-combo .ant-select-item {
  font-size: 16px;
}
.user-storage-browser {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.user-storage-browser .app-breadcrumb {
  padding: 0 0 4px 0;
  margin: 0 0 8px 0;
  border-bottom: solid 1px #3b3b51;
  box-shadow: none;
  background: transparent;
}
.user-storage-browser .user-storage-drive {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.user-storage-browser .user-storage-drive .user-storage-files-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user-storage-browser .user-storage-drive .user-storage-files .data-collection-list-items,
.user-storage-browser .user-storage-drive .user-storage-folders .data-collection-list-items,
.user-storage-browser .user-storage-drive .user-storage-type-list-selector .data-collection-list-items {
  border: dashed 1px transparent;
}
.user-storage-browser .user-storage-drive .user-storage-files .ant-table-body,
.user-storage-browser .user-storage-drive .user-storage-folders .ant-table-body,
.user-storage-browser .user-storage-drive .user-storage-type-list-selector .ant-table-body {
  border: dashed 1px transparent;
}
.user-storage-browser .user-storage-drive .user-storage-files.is-hover.can-drop .data-collection-list-items,
.user-storage-browser .user-storage-drive .user-storage-folders.is-hover.can-drop .data-collection-list-items,
.user-storage-browser .user-storage-drive .user-storage-type-list-selector.is-hover.can-drop .data-collection-list-items,
.user-storage-browser .user-storage-drive .user-storage-files.is-hover.can-drop .ant-table-body,
.user-storage-browser .user-storage-drive .user-storage-folders.is-hover.can-drop .ant-table-body,
.user-storage-browser .user-storage-drive .user-storage-type-list-selector.is-hover.can-drop .ant-table-body {
  border-color: #998cc5;
}
.user-storage-browser .quota-usage-bar {
  margin: 16px 20px 16px 0;
}
.user-storage-browser .user-storage-main-col {
  display: flex;
  align-items: center;
}
.user-storage-browser .user-storage-main-col .user-storage-main-col-preview {
  height: 32px;
  width: 32px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 20px;
  margin-right: 0.5rem;
  margin-left: 0.2rem;
  line-height: 32px;
}
.user-storage-browser .user-storage-main-col .user-storage-main-col-preview .anticon-loading {
  font-size: 32px;
}
.user-storage-browser .user-storage-main-col .user-storage-main-col-preview img {
  height: 100%;
  width: auto;
}
.user-storage-browser .user-storage-main-col .user-storage-main-col-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-storage-browser .user-storage-main-col .user-storage-main-col-name .user-storage-main-col-name-link:hover {
  text-decoration: underline;
}
.catalogue-query {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100%;
}
.catalogue-query-form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.catalogue-query-form .catalogue-query-incident-info {
  margin-bottom: 20px;
}
.catalogue-query-form .ant-form {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
  padding-right: 10px;
}
.catalogue-query-form .ant-form::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.catalogue-query-form .ant-form::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
.catalogue-query-form .ant-form::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
.catalogue-query-form .ant-form::-webkit-scrollbar-corner {
  background: #312e3e;
}
.catalogue-query-form .catalogue-query-search-btn {
  margin-top: 10px;
  flex-grow: 0;
  flex-shrink: 0;
}
.platform-product-field .platform-product-field-mode {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.platform-product-field .platform-product-field-mode .platform-product-field-mode-label {
  flex-shrink: 0;
}
.platform-product-field .platform-product-field-mode .anticon-question-circle {
  margin: 2px;
}
.platform-product-field .platform-product-field-mode .ant-select {
  margin-left: 5px;
}
.platform-product-field .platform-product-field-mode .ant-radio-group {
  margin-left: 5px;
}
.platform-product-field .platform-product-field-mode .ant-radio-group label::after {
  display: none;
}
.platform-product-field .platform-product-fixed-field .ant-input-group {
  display: flex;
}
.platform-product-field .platform-product-fixed-field .ant-input-group .ant-select {
  flex-grow: 1;
  overflow: hidden;
}
.platform-product-field .platform-product-systematic-field {
  display: flex;
}
.platform-product-field .platform-product-systematic-field .platform-product-systematic-field-input .ant-input-prefix {
  max-width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}
.platform-product-field .platform-product-systematic-field .platform-product-systematic-field-input .ant-input-prefix .ant-tag {
  margin: 2px 4px;
}
.platform-product-field-dropdown {
  border: none;
}
.platform-product-field-dropdown .platform-product-field-dropdown-item {
  display: flex;
  line-height: 32px;
  align-items: center;
  padding: 5px;
}
.platform-product-field-dropdown .platform-product-field-dropdown-item:not(:last-child) {
  border-bottom: solid 1px #4a4a66;
}
.platform-product-field-dropdown .platform-product-field-dropdown-item .platform-product-field-dropdown-item-preview {
  height: 32px;
  margin-right: 5px;
}
.platform-product-field-dropdown .platform-product-field-dropdown-item .platform-product-field-dropdown-item-preview img {
  height: 100%;
}
.platform-product-field-dropdown .platform-product-field-dropdown-item .platform-product-field-dropdown-item-name {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.platform-product-systematic-field-drawer .ant-drawer-body,
.platform-product-fixed-field-drawer .ant-drawer-body,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-body {
  display: flex;
  align-items: stretch;
}
.platform-product-systematic-field-drawer .ant-drawer-body .catalogue-query,
.platform-product-fixed-field-drawer .ant-drawer-body .catalogue-query,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-body .catalogue-query,
.platform-product-systematic-field-drawer .ant-drawer-body .user-storage-browser,
.platform-product-fixed-field-drawer .ant-drawer-body .user-storage-browser,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-body .user-storage-browser,
.platform-product-systematic-field-drawer .ant-drawer-body .catalogue-query-form,
.platform-product-fixed-field-drawer .ant-drawer-body .catalogue-query-form,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-body .catalogue-query-form {
  width: 500px;
}
.platform-product-systematic-field-drawer .ant-drawer-body .platform-product-field-map,
.platform-product-fixed-field-drawer .ant-drawer-body .platform-product-field-map,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-body .platform-product-field-map {
  flex-grow: 1;
  margin-left: 20px;
}
.platform-product-systematic-field-drawer .ant-drawer-body .platform-product-field-map .map-widget,
.platform-product-fixed-field-drawer .ant-drawer-body .platform-product-field-map .map-widget,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-body .platform-product-field-map .map-widget {
  width: 100%;
  height: 100%;
}
.platform-product-systematic-field-drawer .ant-drawer-footer,
.platform-product-fixed-field-drawer .ant-drawer-footer,
.platform-product-fixed-field-bookmarks-drawer .ant-drawer-footer {
  text-align: left;
}
.user-storage-download-queue .ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-right: 46px;
}
.user-storage-download-queue .ant-list-item .ant-avatar {
  flex-grow: 1;
  flex-shrink: 1;
  background: transparent;
}
.user-storage-download-queue .ant-list-item .user-storage-download-queue-item-title {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-storage-download-queue .ant-list-item .ant-list-item-action {
  margin: 0;
  position: absolute;
  right: 0px;
}
.user-storage-download-queue .ant-list-item .ant-list-item-action li {
  padding: 0;
}
.user-storage-download-queue-notification.ant-notification-notice {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  left: -15px;
  padding: 0px 10px 0px 10px;
}
.user-storage-download-queue-notification.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0;
}
.user-storage-download-queue-notification.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message .download-queue-notification-header-title {
  color: #998cc5;
}
.user-storage-download-queue-notification.ant-notification-notice .ant-notification-notice-content .user-storage-download-queue {
  margin-top: 2px;
  border-top: solid 1px #4a4a66;
  max-height: 200px;
  overflow: auto;
}
.user-storage-download-queue-notification.ant-notification-notice .ant-notification-notice-close {
  display: none;
}
.platform-file-transfer-queue-popover {
  width: 450px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.platform-file-transfer-queue-popover .ant-popover-arrow::before {
  background: #121219;
}
.platform-file-transfer-queue-popover .ant-popover-inner {
  background: #121219;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue-header {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #4a4a66;
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue-header .platform-file-transfer-queue-title {
  flex-grow: 1;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue-header .platform-file-transfer-queue-actions {
  flex-grow: 0;
  justify-self: flex-end;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue {
  flex-grow: 1;
  max-height: 200px;
  overflow: auto;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item {
  padding-right: 46px;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item .ant-avatar {
  background: transparent;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.85);
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item .platform-file-transfer-queue-item-info-icon {
  font-size: 18px;
  margin-right: 6px;
  cursor: pointer;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item .platform-file-transfer-queue-item-title {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item .ant-list-item-action {
  margin: 0;
  position: absolute;
  right: 0px;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item .ant-list-item-action li {
  padding: 0;
}
.platform-file-transfer-queue-popover .ant-popover-inner .ant-popover-inner-content .platform-file-transfer-queue-panel .platform-file-transfer-queue .ant-list-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.platform-file-transfer-queue-item-info-popover {
  max-width: 400px;
}
.catalogue-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.catalogue-discovery-provider .ant-steps {
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
}
.catalogue-discovery-provider .catalgoue-query-results .discovery-result-item .ant-tag {
  margin: 0;
}
.user-storaage-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.platform-featured-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.platform-featured-discovery-provider .platform-featured-discovery-service-selector {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.platform-featured-discovery-provider .platform-featured-discovery-service-selector label {
  margin-right: 0.5rem;
}
.platform-featured-discovery-provider .platform-featured-discovery-service-selector .ant-select {
  flex-grow: 1;
}
.platform-featured-discovery-provider .platform-featured-discovery-provider-service {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.platform-featured-discovery-provider .platform-featured-discovery-provider-service .platform-featured-discovery-layer-list .ant-list-item {
  margin-right: 5px;
}
.platform-featured-discovery-provider .platform-featured-discovery-provider-service .platform-featured-discovery-layer-list.with-badges .ant-list-item {
  padding: 0px !important;
}
.platform-featured-discovery-provider .platform-featured-discovery-provider-service .platform-featured-discovery-layer-list.with-badges .ant-list-item .ant-ribbon-wrapper {
  padding: 10px;
}
.incident-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.incident-discovery-provider .data-collection-compact-list-item-preview {
  height: 32px;
  width: 32px;
  align-self: flex-start;
  line-height: initial;
}
.platform-processing-discovery-provider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.platform-processing-discovery-provider .ant-breadcrumb {
  padding: 0 0 4px 0;
  margin: 0 0 8px 0;
  border-bottom: solid 1px #454545;
  box-shadow: none;
  background: transparent;
}
.platform-processing-discovery-provider .ant-segmented {
  align-self: flex-end;
  margin: 6px 0;
}
body {
  background: #232331;
  overflow: hidden;
  margin: 0;
}
body * {
  scrollbar-color: #998cc5 #312e3e;
  scrollbar-width: thin;
  scrollbar-face-color: #998cc5;
  scrollbar-track-color: #312e3e;
  scrollbar-arrow-color: #998cc5;
  scrollbar-shadow-color: #604f9c;
  scrollbar-darkshadow-color: #4c3e7a;
  scrollbar-highlight-color: #b7aed6;
}
body *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body *::-webkit-scrollbar-thumb {
  background: #998cc5;
  border-radius: 4px;
}
body *::-webkit-scrollbar-track {
  background: #312e3e;
  border-radius: 4px;
}
body *::-webkit-scrollbar-corner {
  background: #312e3e;
}
body .map-widget {
  width: 100%;
  height: 100vh;
}
body .map-widget .ol-attribution {
  left: 0.5em;
  right: auto;
}
body .platform-file-transfer-queue-button {
  z-index: 10000;
  bottom: 30px;
  right: 20px;
  border: solid 1px #3b3b51;
}
body .platform-file-transfer-queue-button .ant-float-btn-body {
  background-color: #121219;
}
body .platform-file-transfer-queue-button .ant-float-btn-body:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
body .app-layout {
  position: absolute;
  z-index: 1;
  top: 0px;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  overflow: hidden;
}
body .app-layout .dataset-layer-pane {
  pointer-events: all;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 40px;
}
body .app-layout .layout-right {
  justify-content: space-between;
  align-items: flex-end;
}
body .app-layout .layout-right .app-toolbar {
  pointer-events: all;
  margin-top: 10px;
  margin-right: 10px;
}
body .app-layout .layout-main {
  display: flex;
  flex-direction: column;
}
body .app-layout .layout-main .app-toolbar {
  align-self: flex-end;
  pointer-events: all;
  margin-top: 10px;
  margin-right: 15px;
}
body .app-layout .layout-main .analysis-scrollable-overlay {
  overflow: hidden;
  margin-top: 10px;
}
body .app-layout .layout-main .analysis-scrollable-overlay .scrollable-overlay-content {
  min-height: 100%;
}
body .app-layout .layout-main .analysis-scrollable-overlay .scrollable-overlay-content .dashboard-pane {
  background: transparent;
  overflow: visible;
}
body .app-layout .layout-main .analysis-scrollable-overlay .scrollable-overlay-content .dashboard-pane .dashboard-widget {
  pointer-events: all;
}
body .app-layout .layout-main .analysis-scrollable-overlay .scrollable-overlay-content .dashboard-pane .react-grid-placeholder {
  opacity: 0.3;
}
body .app-layout .layout-bottom {
  display: flex;
  flex-direction: column;
}
body .app-layout .dataset-explorer-timeline {
  pointer-events: all;
}
body .discovery-drawer-resizer .split-resizer-handler {
  z-index: 102;
}
body .discovery-drawer-resizer.is-resizing .split-resizer-ghost {
  z-index: 101;
}
body .ant-tooltip {
  pointer-events: none;
}
body .ant-btn.ant-btn-link:hover,
body .ant-btn.ant-btn-link:focus {
  color: #c4beda;
}

.cesium-widget {
  font-family: sans-serif;
  font-size: 16px;
  overflow: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cesium-widget,
.cesium-widget canvas {
  width: 100%;
  height: 100%;
  touch-action: none;
}

.cesium-widget-credits {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 10px;
  text-shadow: 0px 0px 2px #000000;
  padding-right: 5px;
}

.cesium-widget-errorPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.cesium-widget-errorPanel:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}

.cesium-widget-errorPanel-content {
  width: 75%;
  max-width: 500px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #510c00;
  border-radius: 7px;
  background-color: #f0d9d5;
  font-size: 14px;
  color: #510c00;
}

.cesium-widget-errorPanel-content.expanded {
  max-width: 75%;
}

.cesium-widget-errorPanel-header {
  font-size: 18px;
  font-family: "Open Sans", Verdana, Geneva, sans-serif;
  background: #d69d93;
  border-bottom: 2px solid #510c00;
  padding-bottom: 10px;
  border-radius: 3px 3px 0 0;
  padding: 15px;
}

.cesium-widget-errorPanel-scroll {
  overflow: auto;
  font-family: "Open Sans", Verdana, Geneva, sans-serif;
  white-space: pre-wrap;
  padding: 0 15px;
  margin: 10px 0 20px 0;
}

.cesium-widget-errorPanel-buttonPanel {
  padding: 0 15px;
  margin: 10px 0 20px 0;
  text-align: right;
}

.cesium-widget-errorPanel-buttonPanel button {
  border-color: #510c00;
  background: #d69d93;
  color: #202020;
  margin: 0;
}
.cesium-widget-errorPanel-buttonPanel button:focus {
  border-color: #510c00;
  background: #f0d9d5;
  color: #510c00;
}
.cesium-widget-errorPanel-buttonPanel button:hover {
  border-color: #510c00;
  background: #f0d9d5;
  color: #510c00;
}
.cesium-widget-errorPanel-buttonPanel button:active {
  border-color: #510c00;
  background: #b17b72;
  color: #510c00;
}

.cesium-widget-errorPanel-more-details {
  text-decoration: underline;
  cursor: pointer;
}

.cesium-widget-errorPanel-more-details:hover {
  color: #2b0700;
}


/*# sourceMappingURL=app.2a6e03b8ca80b98d298e.bundle.css.map*/