.titleWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  height: 100%;
}

.tableWrapper {
  flex: 1;
  margin-left: 40px;
  display: block;
  overflow-x: auto;
  width: 100%;
  max-width: 78%;
  max-height: 70vh;
}

.table {
  white-space: nowrap;
  display: block;
}

.table th {
  position: sticky;
  top: 0;
}

.dateColumn {
  min-width: 160px;
}

.levelColumn {
  min-width: 100px;
}

.fillColumn {
  width: 100%;
}

.shareButton {
  margin: 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 0 12px;
}

.shareIcon {
  margin-right: 6px;
}

.button {
  margin: 8px;
}

.titleAndButtonsContainer {
  display: flex;
}

.buttonsWrapper {
  display: flex;
  margin-left: 16px;
}

.buttonsWrapper > * {
  margin: auto 6px;
}
