body .content-container {
  position: relative;
  left: 200px;
  width: calc(100% - 200px);
  bottom: 0;
  right: 0;
  overflow-y: auto;
}
body .content-container .graph-container {
  max-width: 1400px;
  min-width: 800px;
  width: calc(100vw - 600px);
  margin: 30px auto;
  transition: min-width 2s ease;
}
body .content-container .graph-container canvas {
  width: 100%;
  height: 100%;
}
@media (max-width: 1020px) {
  body .content-container .graph-container {
    width: calc(100vw - 250px);
    min-width: 300px;
  }
}
body .content-container table.analyticsData {
  width: 100%;
  max-width: 800px;
}
body .submenu {
  position: absolute;
  left: 0;
  top: var(--all-top-components-height);
  bottom: 0;
  width: 200px;
  overflow-y: auto;
  border-right: 0 solid white;
  overflow-x: hidden;
  background: var(--background-color);
}
body .submenu a {
  text-decoration: none;
}
body .submenu .item-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  padding: 3px 2px 3px 13px;
  transition: color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), background-color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), padding 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
  line-height: 28px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  text-align: left;
  font-size: 0.8rem;
  color: var(--text-color);
}
body .submenu .item-container .icon-container {
  margin-right: 7px;
  width: 15px;
  overflow: hidden;
  text-align: center;
}
body .submenu .item-container:hover,
body .submenu .item-container.selected {
  color: var(--button-background);
}
/*# sourceMappingURL=analytics.css.map */