133 lines
2.6 KiB
SCSS
133 lines
2.6 KiB
SCSS
.dmp-criteria {
|
|
mat-form-field {
|
|
padding-bottom: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
mat-card {
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.criteria-title {
|
|
color: black;
|
|
font-weight: 500;
|
|
text-transform: none;
|
|
font-size: 1.25rem;
|
|
margin-bottom: 1.5em;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.uploadButton {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.search ::ng-deep.mat-form-field-infix {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.category-title {
|
|
color: black;
|
|
// color: #089dbb;
|
|
margin-top: 8px;
|
|
margin-bottom: 12px;
|
|
text-transform: none;
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
:host ::ng-deep .mat-form-field-wrapper {
|
|
background-color: white !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
|
|
padding: 0.3rem 0rem 0.6rem 0rem !important;
|
|
}
|