.chart-select-group {
  display: flex;
  width: 945px;
  margin: auto;
}

.chart-select-group > mat-button-toggle {
  background: #4b4b4b;
  color: #f5f5f5;
  border: 1px solid #000;
}

.chart-select-group > mat-button-toggle:hover {
  background: #afafaf;
  color: #f5f5f5;
}

mat-button-toggle.mat-button-toggle-checked {
  background: #222222 !important;
}

:host /deep/ label.mat-button-toggle-label {
  margin: 2px 0 !important;
}

:host /deep/ div.mat-button-toggle-label-content {
  line-height: 25px !important;
  margin-bottom: 0 !important;
  font-weight: normal !important;
}

.chart-container {
  width: 95%;
  margin: 2%;
  min-width: 900px;
  height: 50vh;
  padding: 15px;
  float: left;
}