@import 'bootstrap/dist/css/bootstrap.min.css';
@import 'bootstrap-icons/font/bootstrap-icons.css';

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background: #f8f9fa;
}

#stacked-bar-chart-legend .legend-item :hover {
  opacity: 0.8;
}

.chart {
  display: none;
  /* Hide all charts by default */
}

.disabled {
  background-color: #d3d3d3;
  color: #a9a9a9;
  cursor: not-allowed;
}

h2 {
  margin: 20px 0;
}

.chart-description {
  margin-bottom: 15px;
  font-style: italic;
  text-align: center;
}