html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}
.body-editor {
  overflow: hidden;
}

.body-light {
  background-color: #FFF;
  color: #000;
}
.body-dark {
  background-color: #000;
  color: #FFF;
}

/* scrollbar */
*::-webkit-scrollbar-track {
  background-color: #ccc;
}
*::-webkit-scrollbar {
  width: 6px;
  background-color: #ccc;
}
*::-webkit-scrollbar-thumb {
  background-color: #575757;
}


#root {
  height: 100%;
}
.App {
  height: 100%;
}
.__dbk__gutter.Horizontal.visGutter {
  height: initial;
}

.vis-widget_prev {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  padding: 0 !important;
}

.ui-menu {
  background: #EEE;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #aaa;
  color: #111;
  padding: 0;
}

.ui-menu-item {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
}
.ui-menu-item::marker {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
}
.ui-menu-item:hover {
  background-color: #CCC;
}
.vis-tooltip {
  pointer-events: none;
}
