.hf-text {
  color: #32353c;
}
.hf-text-highlight {
  color: #158a9f;
}
.hf-text-primary {
  color: #00c1d6;
}
.hf-text-secondary {
  color: #909090;
}
.hf-text-success {
  color: #80c622;
}
.hf-text-warning {
  color: #f15e6d;
}
.hejfish-grid-container {
  background: #fcfcfc;
  max-width: 1500px;
  padding: 20px;
  border-top: 20px solid #fff;
}
@media (max-width: 768px) {
  .hejfish-grid-container {
    margin: -20px -20px 0 -20px;
  }
}
.hejfish-grid-container h2 {
  margin: 0 0 20px 0;
  font-size: 22px;
  font-weight: 800;
}
.hejfish-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}
.page-header-wrapper + .hejfish-grid {
  position: relative;
  top: -20px;
}
.hejfish-panel {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #e5e5e5;
}
.hejfish-panel-header {
  padding: 15px 20px 0 20px;
  font-weight: 600;
  color: #32353c;
}
.hejfish-panel-body {
  position: relative;
  padding: 20px;
  min-height: 100px;
}
.hejfish-panel-body--align-form {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.hejfish-panel-body--align-form > p {
  flex: 1 0 auto;
}
.chart-canvas {
  max-height: 160px;
}
.chart-loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #909090;
}