/*
 * Copyright (c) 2023 D2ArmorPicker by Mijago.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

#cluster-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

mat-card {
  margin-bottom: 8px;
}

.searchQueryField {
  width: 100%;
}

.returnbutton {
  margin-top: 5px;
  margin-bottom: 15px;
  width: 100%;
}

.stat-range {
  height: 20px;
  width: 100%;
  margin-bottom: 3px;
  float: left;
  background-color: gray;
}

.stat-range-bar {
  height: 100%;
  float: left;
  background-color: white;
}

.settings-container {
  display: flex;
  justify-content: space-between;
}

.settings-container:not(:last-of-type) {
  padding-bottom: 2px;
  border-bottom: 1px whitesmoke solid;
  margin-bottom: 2px;
}

.red {
  color: red;
}

.red.mat-button-toggle-checked {
  background-color: red;
  color: white;
}

.green {
  color: green;
}

.green.mat-button-toggle-checked {
  background-color: green;
  color: white;
}

.svgClassIcon {
  width: 24px;
}

.cluster-container {
  flex-wrap: wrap;
}

.cluster-item {
  flex-grow: 1;
  flex-basis: 0;
}

.avg-stat-value {
  margin-left: 3px;
}

.copyButton {
  width: 100%;
}
