:root,
[data-bs-theme=light] {

  --bs-primary: #4c218c !important;
  --bs-primary-rgb: 76, 33, 140 !important;

  --bs-secondary: #3d3d3d !important;
  --bs-secondary-rgb: 61, 61, 61 !important;

}

html,
body {

  --bs-primary: #4c218c !important;
  --bs-primary-rgb: 76, 33, 140 !important;

  --bs-secondary: #3d3d3d !important;
  --bs-secondary-rgb: 61, 61, 61 !important;

}

.btn-primary {

  --bs-btn-color: #ffffff !important;

  --bs-btn-bg: #4c218c !important;
  --bs-btn-border-color: #4c218c !important;

  --bs-btn-hover-bg: #5625a1 !important;
  --bs-btn-hover-border-color: #5625a1 !important;

  --bs-btn-active-bg: #5625a1 !important;
  --bs-btn-active-border-color: #5625a1 !important;

  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-bg) !important;
  border-color: var(--bs-btn-border-color) !important;
}

.btn-primary:hover {
  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
}

.btn-primary:active {
  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary {
  color: #ffffff !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.text-bg-primary {
  color: #ffffff !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.btn-outline-primary {
  --bs-btn-color: #4c218c !important;
  --bs-btn-hover-color: #ffffff !important;
  --bs-btn-border-color: #4c218c !important;
  --bs-btn-hover-bg: #4c218c !important;
  --bs-btn-hover-border-color: #4c218c !important;
  /*--bs-btn-focus-shadow-rgb: 76, 33, 140 !important;*/
  --bs-btn-active-bg: #4c218c !important;
  --bs-btn-active-border-color: #4c218c !important;
  --bs-btn-disabled-color: #4c218c !important;
  --bs-btn-disabled-border-color: #4c218c !important;
  color: var(--bs-btn-color) !important;
  border-color: var(--bs-btn-border-color) !important;
  background-color: var(--bs-btn-bg) !important;

}

.btn-outline-primary:hover {
  color: var(--bs-btn-hover-color) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
}

.btn-outline-primary:active {
  color: var(--bs-btn-active-color) !important;
  border-color: var(--bs-btn-active-border-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
}

.fg-intro .tab {
  display: none;
}

.fg-intro .tab.show {
  display: block;
}

.fg-steps .step {
  display: none;
}

.fg-steps .step.show {
  display: block;
}

.accordion {
  --bs-accordion-active-color: #4c218c !important;
  --bs-accordion-active-bg: #eae6f5 !important;
}

.bg-highlight {
  background-color: #ab8ead;
}

.list-group-item.active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/*.selectable-card {
    border: 1px solid #ced4da;
    cursor: pointer;
  }

  .selectable-card.selected {
    background-color: var('--bs-primary');
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
  }

  .fg-card-deck{
    font-size: 14px !important;
  }
  .fg-card-deck .card-header{
    font-size: 16px !important;
    padding: 5px !important;
  }
  .fg-card-deck .card-body{
    font-size: 14px !important;
    padding: 5px !important;
  }*/

.fs-10px {
  font-size: 10px !important;
}

.fs-11px {
  font-size: 11px !important;
}

.fs-12px {
  font-size: 12px !important;
}

.fs-13px {
  font-size: 13px !important;
}

.fs-14px {
  font-size: 14px !important;
}

.chart-container {
  width: 250px;
  height: 250px;
}

@media print {
  body {
    /* Set the size to A4 dimensions */
    width: 21cm;
    height: 29.7cm;
    margin: 2cm auto;
    /* Set margins to 2cm on all sides */

    /* Define other styles for the body, such as font, etc. */
    font-family: Arial, sans-serif;
    font-size: 12pt;
  }

  @page {
    /* Set A4 page size for printing */
    size: A4;
    margin: 2cm;
    /* Set margins to 2cm on all sides */
  }

  .header {
    position: relative !important;
  }
}