argos/dmp-frontend/src/app/ui/grant/listing/criteria/grant-criteria.component.scss

.dmp-criteria {
	mat-form-field {
	  padding-bottom: 5px;
	  width: 100%;
	}

	mat-card {
	  padding-bottom: 0px;
	}

	.hidden {
	  display: none;
	}

	.uploadButton {
	  float: right;
	}
  }

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

  .filter-category {
	background-color: #f6f6f6;
	margin: 5px 0px;
  }

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

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

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

  .filters-title {
	width: 90px;
	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: #00b29f;
  }

  ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
	color: #00b29f;
	background-color: #00b29f;
  }

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