argos/dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.scss

.facet-search-component {
  .mat-form-field {
    width: 100%;
  }

  .tags-chips {
    padding: 0px;
  }
}

.search ::ng-deep.mat-form-field-infix {
  margin-left: 1em;
}

.category-title {
  color: black;
  //   color: #089dbb;
  margin-top: 8px;
  margin-bottom: 12px;
}

.import {
  margin: 10px;
  padding: 0px;
}

.filters {
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

.filters-title {
  width: 93px;
  //   color: #089dbb;
  color: var(--primary-color-2);
  background-color: white;
  padding: 0px 20px;
  margin-top: -10px;
  margin-left: 20px;
  text-transform: uppercase;
}

.style-icon {
  color: #adadad;
}

// ::ng-deep .mat-checkbox-inner-container {
//   background: white;
// }

// ::ng-deep .mat-focused .mat-form-field-label {
//   color: var(--primary-color-3) !important;
// }

// ::ng-deep.mat-form-field-underline {
//   background-color: #adadad;
// }

// ::ng-deep.mat-form-field-ripple {
//   background-color: var(--primary-color-3) !important;
// }

// ::ng-deep .mat-checkbox {
//   background-color: #f6f6f6 !important;
// }

::ng-deep .mat-checkbox .mat-checkbox-frame {
  border: 1px solid #aaaaaa;
}

::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background-color: var(--primary-color-3);
}

::ng-deep .mat-ripple-element {
  background-color: #2e74b649 !important;
}

::ng-deep .mat-radio-container {
  border-radius: 1em;
  background: white;
}

::ng-deep .mat-radio-button .mat-radio-outer-circle {
  border: 1px solid #aaaaaa;
}

::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #777777;
  //   border-color: var(--primary-color-3);
}

::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
  color: #777777;
  background-color: #777777;
  //   color: var(--primary-color-3);
  //   background-color: var(--primary-color-3);
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: #2e74b649;
}