.brand-color, .mat-focused .mat-input-placeholder, .mat-focused .mat-placeholder-required,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow,
.mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow,
.mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.mat-datepicker-toggle-active, .mat-focused .mat-form-field-label {
    color: #FBBB21 !important;
}

.brand-background, .mat-input-ripple,
.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.loading-indicator > div, .spinner > div,
.mat-form-field-ripple,
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb,
.mat-progress-bar-fill::after,
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full {
    background-color: #FBBB21 !important;
}

.mat-progress-spinner path,
.mat-spinner:not(.mat-white) path {
    stroke: #FBBB21 !important;
}

.mat-progress-spinner circle,
.mat-spinner:not(.mat-white) circle {
    stroke: #FBBB21 !important;
}


.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #FBBB21 !important;
}

.brand-border-left-color {
    border-left-color: #FBBB21 !important;
}
.brand-border-bottom-color {
    border-bottom-color: #FBBB21 !important;
}

.mat-form-field-invalid .mat-form-field-ripple {
    background-color: #f44336 !important;
}

.mat-input-invalid .mat-input-ripple {
    background-color: #f44336 !important; /* default error color - do not change */
}

.mat-input-invalid .mat-input-placeholder,
.mat-input-invalid .mat-placeholder-required {
    color: #f44336 !important; /* default error color - do not change */
}

.brand-button:not([disabled]) {
  background-color: #FBBB21 !important;
  color: #FFFFFF !important; /* other brand color */
}

.brand-fill {
    fill: #FBBB21 !important;
}

mat-form-field .mat-input-element {
    caret-color: #FBBB21 !important;
}

.mat-calendar-body-selected {
    background-color: #FBBB21 !important;
    color: #FFFFFF !important; /* other brand color */
}