/* Style Termin */

* {
  font-family: "Agenda", sans-serif !important;
}

header > div > .mat-grid-list {
  display: none;
}

.wizard-body {
  background: white;
  padding: 2rem;
}

header {
  background-color: white !important;
}

html {
  --icon-color: #004d72;
  --active-icon-color: #004e7230;
}

.mat-grid-tile {
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.13);
  margin: 1rem 0;
  background: #004e7207;
}

.mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-selected-focus-icon-color: #004d72;
  --mdc-checkbox-selected-hover-icon-color: #004d72;
  --mdc-checkbox-selected-icon-color: #004d72;
  --mdc-checkbox-selected-pressed-icon-color: #004d72;
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background-color: #004d72;
}

.summary-textbox {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.13);
  margin: 1rem 0;
  background: #004e7207;
}

html
  body
  app-root
  app-wizard
  div.wizard-body
  app-summary.ng-star-inserted
  div
  mat-grid-list.mat-grid-list
  div
  mat-grid-tile.mat-grid-tile.selected
  div.mat-grid-tile-content {
  color: #333c4e;
  background: #004e7207;
}