.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; 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: #00b29f !important; // } // ::ng-deep.mat-form-field-underline { // background-color: #adadad; // } // ::ng-deep.mat-form-field-ripple { // background-color: #00b29f !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: #00b29f; } ::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: #00b29f; } ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { color: #777777; background-color: #777777; // color: #00b29f; // background-color: #00b29f; } .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { background-color: #2e74b649; }