/*
** NOTE: This file is generated by Gulp and should not be edited directly!
** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
** Assets.json at root of the CinchOrchardCoreCMS.Theme project will point you to the files used to generate this.
*/

/* Base Chart Container Styles (shared) */
.chart-container {
  display: flex;
  width: 100%;
  height: auto;
}
.chart-container canvas {
  width: 100% !important;
}

/* Growth Chart Specific Styles */
.chart-container.growth-chart,
.chart-container:has(.chart-canvas) {
  align-items: flex-start;
  width: 752px !important;
}
.chart-container.growth-chart .chart-canvas,
.chart-container:has(.chart-canvas) .chart-canvas {
  width: 450px !important;
  height: 298px;
}
.chart-container.growth-chart .chart-legend,
.chart-container:has(.chart-canvas) .chart-legend {
  margin-left: 12px;
  width: 302px;
}
.chart-container.growth-chart canvas:not(.chart-canvas),
.chart-container:has(.chart-canvas) canvas:not(.chart-canvas) {
  width: 450px !important;
  height: 298px !important;
}

/* Job Trends Chart Specific Styles */
.chart-container.job-trends-chart,
.chart-container:not(:has(.chart-canvas)):not(.growth-chart) {
  justify-content: center;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.chart-container.job-trends-chart canvas,
.chart-container:not(:has(.chart-canvas)):not(.growth-chart) canvas {
  height: 200px !important;
}

/* Chart Header */
.chart-header {
  font-size: 1.2rem;
}

/* Chart Legend Styles */
.chartjs-legend {
  list-style: none;
  margin: 0;
  padding: 0;
}
.chartjs-legend .legend-item {
  display: block;
  font-size: 14px;
  font-family: "PT Sans";
  margin-bottom: 8px;
  word-wrap: break-word;
  white-space: normal;
}
.chartjs-legend .legend-box {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.chartjs-legend .legend-line {
  display: inline-block;
  height: 2px;
  background: #333;
  margin-right: 2px;
  vertical-align: middle;
}
.chartjs-legend .legend-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #333;
  vertical-align: middle;
  margin-right: 2px;
}

/* Responsive Chart Styles */
@media screen and (max-width: 450px) {
  .chart-container,
  .chart-container.growth-chart,
  .chart-container:has(.chart-canvas) {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .chart-container .chart-canvas,
  .chart-container canvas,
  .chart-container.growth-chart .chart-canvas,
  .chart-container.growth-chart canvas,
  .chart-container:has(.chart-canvas) .chart-canvas,
  .chart-container:has(.chart-canvas) canvas {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhc2hib2FyZF9jaGFydHMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6ImRhc2hib2FyZF9jaGFydHMuY3NzIiwic291cmNlc0NvbnRlbnQiOltdfQ== */