├── .editorconfig ├── .gitignore ├── README.md ├── angular.json ├── browserslist ├── karma.conf.js ├── package-lock.json ├── package.json ├── src ├── app │ ├── app.component.spec.ts │ ├── app.component.ts │ └── app.module.ts ├── assets │ └── .gitkeep ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | /out-tsc 7 | # Only exists if Bazel was run 8 | /bazel-out 9 | 10 | # dependencies 11 | /node_modules 12 | 13 | # profiling files 14 | chrome-profiler-events*.json 15 | speed-measure-plugin*.json 16 | 17 | # IDEs and editors 18 | /.idea 19 | .project 20 | .classpath 21 | .c9/ 22 | *.launch 23 | .settings/ 24 | *.sublime-workspace 25 | 26 | # IDE - VSCode 27 | .vscode/* 28 | !.vscode/settings.json 29 | !.vscode/tasks.json 30 | !.vscode/launch.json 31 | !.vscode/extensions.json 32 | .history/* 33 | 34 | # misc 35 | /.sass-cache 36 | /connect.lock 37 | /coverage 38 | /libpeerconnection.log 39 | npm-debug.log 40 | yarn-error.log 41 | testem.log 42 | /typings 43 | 44 | # System Files 45 | .DS_Store 46 | Thumbs.db 47 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # JsonformsAngularWebcomponent 2 | 3 | Webcomponent wrapper for JsonForms Angular Material. 4 | 5 | ## Build 6 | 7 | Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory. 8 | 9 | ## Develop 10 | 11 | Run `npm start` to start the example app. 12 | 13 | ## Running unit tests 14 | 15 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). 16 | -------------------------------------------------------------------------------- /angular.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 3 | "version": 1, 4 | "newProjectRoot": "projects", 5 | "projects": { 6 | "jsonforms-angular-webcomponent": { 7 | "projectType": "application", 8 | "schematics": {}, 9 | "root": "", 10 | "sourceRoot": "src", 11 | "prefix": "app", 12 | "architect": { 13 | "build": { 14 | "builder": "@angular-devkit/build-angular:browser", 15 | "options": { 16 | "outputPath": "dist/jsonforms-angular-webcomponent", 17 | "index": "src/index.html", 18 | "main": "src/main.ts", 19 | "polyfills": "src/polyfills.ts", 20 | "tsConfig": "tsconfig.app.json", 21 | "aot": true, 22 | "assets": [ 23 | "src/favicon.ico", 24 | "src/assets" 25 | ], 26 | "styles": [ 27 | "src/styles.css" 28 | ], 29 | "scripts": [] 30 | }, 31 | "configurations": { 32 | "production": { 33 | "fileReplacements": [ 34 | { 35 | "replace": "src/environments/environment.ts", 36 | "with": "src/environments/environment.prod.ts" 37 | } 38 | ], 39 | "optimization": true, 40 | "outputHashing": "all", 41 | "sourceMap": false, 42 | "extractCss": true, 43 | "namedChunks": false, 44 | "extractLicenses": true, 45 | "vendorChunk": false, 46 | "buildOptimizer": true, 47 | "budgets": [ 48 | { 49 | "type": "initial", 50 | "maximumWarning": "3mb", 51 | "maximumError": "6mb" 52 | }, 53 | { 54 | "type": "anyComponentStyle", 55 | "maximumWarning": "6kb", 56 | "maximumError": "10kb" 57 | } 58 | ] 59 | } 60 | } 61 | }, 62 | "serve": { 63 | "builder": "@angular-devkit/build-angular:dev-server", 64 | "options": { 65 | "browserTarget": "jsonforms-angular-webcomponent:build" 66 | }, 67 | "configurations": { 68 | "production": { 69 | "browserTarget": "jsonforms-angular-webcomponent:build:production" 70 | } 71 | } 72 | }, 73 | "extract-i18n": { 74 | "builder": "@angular-devkit/build-angular:extract-i18n", 75 | "options": { 76 | "browserTarget": "jsonforms-angular-webcomponent:build" 77 | } 78 | }, 79 | "test": { 80 | "builder": "@angular-devkit/build-angular:karma", 81 | "options": { 82 | "main": "src/test.ts", 83 | "polyfills": "src/polyfills.ts", 84 | "tsConfig": "tsconfig.spec.json", 85 | "karmaConfig": "karma.conf.js", 86 | "assets": [ 87 | "src/favicon.ico", 88 | "src/assets" 89 | ], 90 | "styles": [ 91 | "src/styles.css" 92 | ], 93 | "scripts": [] 94 | } 95 | }, 96 | "lint": { 97 | "builder": "@angular-devkit/build-angular:tslint", 98 | "options": { 99 | "tsConfig": [ 100 | "tsconfig.app.json", 101 | "tsconfig.spec.json" 102 | ], 103 | "exclude": [ 104 | "**/node_modules/**" 105 | ] 106 | } 107 | } 108 | } 109 | }}, 110 | "defaultProject": "jsonforms-angular-webcomponent" 111 | } 112 | -------------------------------------------------------------------------------- /browserslist: -------------------------------------------------------------------------------- 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below. 2 | # For additional information regarding the format and rule options, please see: 3 | # https://github.com/browserslist/browserslist#queries 4 | 5 | # You can see what browsers were selected by your queries by running: 6 | # npx browserslist 7 | 8 | > 0.5% 9 | last 2 versions 10 | Firefox ESR 11 | not dead 12 | not IE 9-11 # For IE 9-11 support, remove 'not'. -------------------------------------------------------------------------------- /karma.conf.js: -------------------------------------------------------------------------------- 1 | // Karma configuration file, see link for more information 2 | // https://karma-runner.github.io/1.0/config/configuration-file.html 3 | 4 | module.exports = function (config) { 5 | config.set({ 6 | basePath: '', 7 | frameworks: ['jasmine', '@angular-devkit/build-angular'], 8 | plugins: [ 9 | require('karma-jasmine'), 10 | require('karma-chrome-launcher'), 11 | require('karma-jasmine-html-reporter'), 12 | require('karma-coverage-istanbul-reporter'), 13 | require('@angular-devkit/build-angular/plugins/karma') 14 | ], 15 | client: { 16 | clearContext: false // leave Jasmine Spec Runner output visible in browser 17 | }, 18 | coverageIstanbulReporter: { 19 | dir: require('path').join(__dirname, './coverage/jsonforms-angular-webcomponent'), 20 | reports: ['html', 'lcovonly', 'text-summary'], 21 | fixWebpackSourcePaths: true 22 | }, 23 | reporters: ['progress', 'kjhtml'], 24 | port: 9876, 25 | colors: true, 26 | logLevel: config.LOG_INFO, 27 | autoWatch: true, 28 | browsers: ['Chrome'], 29 | singleRun: false, 30 | restartOnFileChange: true 31 | }); 32 | }; 33 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@jsonforms/angular-webcomponent", 3 | "version": "0.1.0", 4 | "scripts": { 5 | "ng": "ng", 6 | "start": "ng serve", 7 | "build": "ng build --prod --output-hashing none", 8 | "test": "ng test", 9 | "lint": "ng lint" 10 | }, 11 | "private": true, 12 | "dependencies": { 13 | "@angular/animations": "^9.1.12", 14 | "@angular/cdk": "^9.2.3", 15 | "@angular/common": "^9.1.12", 16 | "@angular/compiler": "^9.1.12", 17 | "@angular/core": "^9.1.12", 18 | "@angular/elements": "^9.1.12", 19 | "@angular/flex-layout": "^9.0.0-beta.31", 20 | "@angular/forms": "^9.1.12", 21 | "@angular/material": "^9.2.3", 22 | "@angular/platform-browser": "^9.1.12", 23 | "@angular/platform-browser-dynamic": "^9.1.12", 24 | "@angular/router": "^9.1.12", 25 | "@jsonforms/angular": "^2.4.1-beta.0", 26 | "@jsonforms/angular-material": "^2.4.1-beta.0", 27 | "@jsonforms/core": "^2.4.1-beta.0", 28 | "json-refs": "^3.0.15", 29 | "path": "^0.12.7", 30 | "redux": "^4.0.5", 31 | "rxjs": "~6.5.4", 32 | "tslib": "^1.10.0", 33 | "zone.js": "~0.10.2" 34 | }, 35 | "devDependencies": { 36 | "@angular-devkit/build-angular": "^0.901.10", 37 | "@angular/cli": "^9.1.10", 38 | "@angular/compiler-cli": "^9.1.12", 39 | "@types/jasmine": "^3.5.11", 40 | "@types/jasminewd2": "~2.0.3", 41 | "@types/node": "^12.12.48", 42 | "codelyzer": "^5.1.2", 43 | "jasmine-core": "~3.5.0", 44 | "jasmine-spec-reporter": "~4.2.1", 45 | "karma": "~5.0.0", 46 | "karma-chrome-launcher": "~3.1.0", 47 | "karma-coverage-istanbul-reporter": "~2.1.0", 48 | "karma-jasmine": "~3.0.1", 49 | "karma-jasmine-html-reporter": "^1.4.2", 50 | "ts-node": "~8.3.0", 51 | "tslint": "~6.1.0", 52 | "typescript": "~3.8.3" 53 | }, 54 | "browser": { 55 | "http": false, 56 | "https": false 57 | }, 58 | "files": [ 59 | "dist/" 60 | ] 61 | } 62 | -------------------------------------------------------------------------------- /src/app/app.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { TestBed, async } from '@angular/core/testing'; 2 | 3 | import { AppComponent } from './app.component'; 4 | 5 | describe('AppComponent', () => { 6 | beforeEach(async(() => { 7 | TestBed.configureTestingModule({ 8 | declarations: [ 9 | AppComponent 10 | ], 11 | }).compileComponents(); 12 | })); 13 | 14 | it('should create the app', () => { 15 | const fixture = TestBed.createComponent(AppComponent); 16 | const app = fixture.componentInstance; 17 | expect(app).toBeTruthy(); 18 | }); 19 | 20 | }); 21 | -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Actions, createAjv } from '@jsonforms/core'; 2 | import { 3 | Component, 4 | Input, 5 | OnChanges, 6 | SimpleChanges, 7 | ChangeDetectionStrategy, 8 | ChangeDetectorRef, 9 | } from '@angular/core'; 10 | 11 | import { JsonFormsAngularService } from '@jsonforms/angular'; 12 | 13 | @Component({ 14 | selector: 'app-ng-jsonforms', 15 | template: ``, 16 | changeDetection: ChangeDetectionStrategy.OnPush, 17 | }) 18 | export class AppComponent implements OnChanges { 19 | @Input() options: string; 20 | @Input() uischema: string; 21 | @Input() schema: string; 22 | @Input() data: string; 23 | 24 | constructor( 25 | private jsonformsService: JsonFormsAngularService, 26 | private cdr: ChangeDetectorRef 27 | ) {} 28 | 29 | ngOnChanges(changes: SimpleChanges): void { 30 | const dataObject = this.data ? JSON.parse(this.data) : {}; 31 | const schemaObject = this.schema ? JSON.parse(this.schema) : undefined; 32 | const uiSchemaObject = this.uischema 33 | ? JSON.parse(this.uischema) 34 | : undefined; 35 | const optionsObject = this.options ? JSON.parse(this.options) : undefined; 36 | const ajv = createAjv(optionsObject); 37 | this.jsonformsService.updateCore( 38 | Actions.init(dataObject, schemaObject, uiSchemaObject, ajv) 39 | ); 40 | this.cdr.detectChanges(); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { Injector, NgModule } from '@angular/core'; 2 | 3 | import { AppComponent } from './app.component'; 4 | import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 5 | import { BrowserModule } from '@angular/platform-browser'; 6 | import { JsonFormsAngularMaterialModule } from '@jsonforms/angular-material'; 7 | import { JsonFormsAngularService } from '@jsonforms/angular'; 8 | import { JsonFormsModule } from '@jsonforms/angular'; 9 | import { angularMaterialRenderers } from '@jsonforms/angular-material'; 10 | import { createCustomElement } from '@angular/elements'; 11 | 12 | @NgModule({ 13 | declarations: [AppComponent], 14 | imports: [ 15 | BrowserModule, 16 | BrowserAnimationsModule, 17 | JsonFormsModule, 18 | JsonFormsAngularMaterialModule, 19 | ], 20 | schemas: [], 21 | providers: [], 22 | entryComponents: [AppComponent] 23 | }) 24 | 25 | export class AppModule { 26 | constructor(jsonformsService: JsonFormsAngularService, private injector: Injector) { 27 | jsonformsService.init({ 28 | renderers: angularMaterialRenderers 29 | }); 30 | } 31 | 32 | ngDoBootstrap() { 33 | const el = createCustomElement(AppComponent, { injector: this.injector }); 34 | customElements.define('ng-jsonforms', el); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eclipsesource/jsonforms-angular-webcomponent/77a3f5961147b990e14c0244116da53fd950c814/src/assets/.gitkeep -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /src/environments/environment.ts: -------------------------------------------------------------------------------- 1 | // This file can be replaced during build by using the `fileReplacements` array. 2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`. 3 | // The list of file replacements can be found in `angular.json`. 4 | 5 | export const environment = { 6 | production: false 7 | }; 8 | 9 | /* 10 | * For easier debugging in development mode, you can import the following file 11 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. 12 | * 13 | * This import should be commented out in production mode because it will have a negative impact 14 | * on performance if an error is thrown. 15 | */ 16 | // import 'zone.js/dist/zone-error'; // Included with Angular CLI. 17 | -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eclipsesource/jsonforms-angular-webcomponent/77a3f5961147b990e14c0244116da53fd950c814/src/favicon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | JsonformsAngularWebcomponent 6 | 7 | 8 | 9 | 10 | 11 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- 1 | import { enableProdMode } from '@angular/core'; 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 3 | 4 | import { AppModule } from './app/app.module'; 5 | import { environment } from './environments/environment'; 6 | 7 | if (environment.production) { 8 | enableProdMode(); 9 | } 10 | 11 | platformBrowserDynamic().bootstrapModule(AppModule) 12 | .catch(err => console.error(err)); 13 | -------------------------------------------------------------------------------- /src/polyfills.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * This file includes polyfills needed by Angular and is loaded before the app. 3 | * You can add your own extra polyfills to this file. 4 | * 5 | * This file is divided into 2 sections: 6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. 7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main 8 | * file. 9 | * 10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that 11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), 12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. 13 | * 14 | * Learn more in https://angular.io/guide/browser-support 15 | */ 16 | 17 | /*************************************************************************************************** 18 | * BROWSER POLYFILLS 19 | */ 20 | declare var require: any; 21 | (window as any).global = window; 22 | (window as any).process = require('process/browser'); 23 | 24 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */ 25 | // import 'classlist.js'; // Run `npm install --save classlist.js`. 26 | 27 | /** 28 | * Web Animations `@angular/platform-browser/animations` 29 | * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari. 30 | * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0). 31 | */ 32 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`. 33 | 34 | /** 35 | * By default, zone.js will patch all possible macroTask and DomEvents 36 | * user can disable parts of macroTask/DomEvents patch by setting following flags 37 | * because those flags need to be set before `zone.js` being loaded, and webpack 38 | * will put import in the top of bundle, so user need to create a separate file 39 | * in this directory (for example: zone-flags.ts), and put the following flags 40 | * into that file, and then add the following code before importing zone.js. 41 | * import './zone-flags'; 42 | * 43 | * The flags allowed in zone-flags.ts are listed here. 44 | * 45 | * The following flags will work for all browsers. 46 | * 47 | * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame 48 | * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick 49 | * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames 50 | * 51 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js 52 | * with the following flag, it will bypass `zone.js` patch for IE/Edge 53 | * 54 | * (window as any).__Zone_enable_cross_context_check = true; 55 | * 56 | */ 57 | 58 | /*************************************************************************************************** 59 | * Zone JS is required by default for Angular itself. 60 | */ 61 | import 'zone.js/dist/zone'; 62 | 63 | // Included with Angular CLI. 64 | 65 | /*************************************************************************************************** 66 | * APPLICATION IMPORTS 67 | */ 68 | (window as any).global = window; 69 | // @ts-ignore 70 | window.Buffer = window.Buffer || []; 71 | (window as any).process = { 72 | env: { DEBUG: undefined }, 73 | version: [], 74 | cwd: () => '', 75 | }; 76 | -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- 1 | .mat-badge-content { 2 | font-weight: 600; 3 | font-size: 12px; 4 | font-family: Roboto, Helvetica Neue, sans-serif 5 | } 6 | 7 | .mat-badge-small .mat-badge-content { 8 | font-size: 9px 9 | } 10 | 11 | .mat-badge-large .mat-badge-content { 12 | font-size: 24px 13 | } 14 | 15 | .mat-h1, 16 | .mat-headline, 17 | .mat-typography h1 { 18 | font: 400 24px/32px Roboto, Helvetica Neue, sans-serif; 19 | letter-spacing: normal; 20 | margin: 0 0 16px 21 | } 22 | 23 | .mat-h2, 24 | .mat-title, 25 | .mat-typography h2 { 26 | font: 500 20px/32px Roboto, Helvetica Neue, sans-serif; 27 | letter-spacing: normal; 28 | margin: 0 0 16px 29 | } 30 | 31 | .mat-h3, 32 | .mat-subheading-2, 33 | .mat-typography h3 { 34 | font: 400 16px/28px Roboto, Helvetica Neue, sans-serif; 35 | letter-spacing: normal; 36 | margin: 0 0 16px 37 | } 38 | 39 | .mat-h4, 40 | .mat-subheading-1, 41 | .mat-typography h4 { 42 | font: 400 15px/24px Roboto, Helvetica Neue, sans-serif; 43 | letter-spacing: normal; 44 | margin: 0 0 16px 45 | } 46 | 47 | .mat-h5, 48 | .mat-typography h5 { 49 | font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif; 50 | margin: 0 0 12px 51 | } 52 | 53 | .mat-h6, 54 | .mat-typography h6 { 55 | font: 400 9.38px/20px Roboto, Helvetica Neue, sans-serif; 56 | margin: 0 0 12px 57 | } 58 | 59 | .mat-body-2, 60 | .mat-body-strong { 61 | font: 500 14px/24px Roboto, Helvetica Neue, sans-serif; 62 | letter-spacing: normal 63 | } 64 | 65 | .mat-body, 66 | .mat-body-1, 67 | .mat-typography { 68 | font: 400 14px/20px Roboto, Helvetica Neue, sans-serif; 69 | letter-spacing: normal 70 | } 71 | 72 | .mat-body-1 p, 73 | .mat-body p, 74 | .mat-typography p { 75 | margin: 0 0 12px 76 | } 77 | 78 | .mat-caption, 79 | .mat-small { 80 | font: 400 12px/20px Roboto, Helvetica Neue, sans-serif; 81 | letter-spacing: normal 82 | } 83 | 84 | .mat-display-4, 85 | .mat-typography .mat-display-4 { 86 | font: 300 112px/112px Roboto, Helvetica Neue, sans-serif; 87 | letter-spacing: -.05em; 88 | margin: 0 0 56px 89 | } 90 | 91 | .mat-display-3, 92 | .mat-typography .mat-display-3 { 93 | font: 400 56px/56px Roboto, Helvetica Neue, sans-serif; 94 | letter-spacing: -.02em; 95 | margin: 0 0 64px 96 | } 97 | 98 | .mat-display-2, 99 | .mat-typography .mat-display-2 { 100 | font: 400 45px/48px Roboto, Helvetica Neue, sans-serif; 101 | letter-spacing: -.005em; 102 | margin: 0 0 64px 103 | } 104 | 105 | .mat-display-1, 106 | .mat-typography .mat-display-1 { 107 | font: 400 34px/40px Roboto, Helvetica Neue, sans-serif; 108 | letter-spacing: normal; 109 | margin: 0 0 64px 110 | } 111 | 112 | .mat-bottom-sheet-container { 113 | font: 400 14px/20px Roboto, Helvetica Neue, sans-serif; 114 | letter-spacing: normal 115 | } 116 | 117 | .mat-button, 118 | .mat-fab, 119 | .mat-flat-button, 120 | .mat-icon-button, 121 | .mat-mini-fab, 122 | .mat-raised-button, 123 | .mat-stroked-button { 124 | font-family: Roboto, Helvetica Neue, sans-serif; 125 | font-size: 14px; 126 | font-weight: 500 127 | } 128 | 129 | .mat-button-toggle, 130 | .mat-card { 131 | font-family: Roboto, Helvetica Neue, sans-serif 132 | } 133 | 134 | .mat-card-title { 135 | font-size: 24px; 136 | font-weight: 500 137 | } 138 | 139 | .mat-card-header .mat-card-title { 140 | font-size: 20px 141 | } 142 | 143 | .mat-card-content, 144 | .mat-card-subtitle { 145 | font-size: 14px 146 | } 147 | 148 | .mat-checkbox { 149 | font-family: Roboto, Helvetica Neue, sans-serif 150 | } 151 | 152 | .mat-checkbox-layout .mat-checkbox-label { 153 | line-height: 24px 154 | } 155 | 156 | .mat-chip { 157 | font-size: 14px; 158 | font-weight: 500 159 | } 160 | 161 | .mat-chip .mat-chip-remove.mat-icon, 162 | .mat-chip .mat-chip-trailing-icon.mat-icon { 163 | font-size: 18px 164 | } 165 | 166 | .mat-table { 167 | font-family: Roboto, Helvetica Neue, sans-serif 168 | } 169 | 170 | .mat-header-cell { 171 | font-size: 12px; 172 | font-weight: 500 173 | } 174 | 175 | .mat-cell, 176 | .mat-footer-cell { 177 | font-size: 14px 178 | } 179 | 180 | .mat-calendar { 181 | font-family: Roboto, Helvetica Neue, sans-serif 182 | } 183 | 184 | .mat-calendar-body { 185 | font-size: 13px 186 | } 187 | 188 | .mat-calendar-body-label, 189 | .mat-calendar-period-button { 190 | font-size: 14px; 191 | font-weight: 500 192 | } 193 | 194 | .mat-calendar-table-header th { 195 | font-size: 11px; 196 | font-weight: 400 197 | } 198 | 199 | .mat-dialog-title { 200 | font: 500 20px/32px Roboto, Helvetica Neue, sans-serif; 201 | letter-spacing: normal 202 | } 203 | 204 | .mat-expansion-panel-header { 205 | font-family: Roboto, Helvetica Neue, sans-serif; 206 | font-size: 15px; 207 | font-weight: 400 208 | } 209 | 210 | .mat-expansion-panel-content { 211 | font: 400 14px/20px Roboto, Helvetica Neue, sans-serif; 212 | letter-spacing: normal 213 | } 214 | 215 | .mat-form-field { 216 | font-size: inherit; 217 | font-weight: 400; 218 | line-height: 1.125; 219 | font-family: Roboto, Helvetica Neue, sans-serif; 220 | letter-spacing: normal 221 | } 222 | 223 | .mat-form-field-wrapper { 224 | padding-bottom: 1.34375em 225 | } 226 | 227 | .mat-form-field-prefix .mat-icon, 228 | .mat-form-field-suffix .mat-icon { 229 | font-size: 150%; 230 | line-height: 1.125 231 | } 232 | 233 | .mat-form-field-prefix .mat-icon-button, 234 | .mat-form-field-suffix .mat-icon-button { 235 | height: 1.5em; 236 | width: 1.5em 237 | } 238 | 239 | .mat-form-field-prefix .mat-icon-button .mat-icon, 240 | .mat-form-field-suffix .mat-icon-button .mat-icon { 241 | height: 1.125em; 242 | line-height: 1.125 243 | } 244 | 245 | .mat-form-field-infix { 246 | padding: .5em 0; 247 | border-top: .84375em solid transparent 248 | } 249 | 250 | .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, 251 | .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { 252 | transform: translateY(-1.34375em) scale(.75); 253 | width: 133.3333333333% 254 | } 255 | 256 | .mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { 257 | transform: translateY(-1.34374em) scale(.75); 258 | width: 133.3333433333% 259 | } 260 | 261 | .mat-form-field-label-wrapper { 262 | top: -.84375em; 263 | padding-top: .84375em 264 | } 265 | 266 | .mat-form-field-label { 267 | top: 1.34375em 268 | } 269 | 270 | .mat-form-field-underline { 271 | bottom: 1.34375em 272 | } 273 | 274 | .mat-form-field-subscript-wrapper { 275 | font-size: 75%; 276 | margin-top: .6666666667em; 277 | top: calc(100% - 1.79167em) 278 | } 279 | 280 | .mat-form-field-appearance-legacy .mat-form-field-wrapper { 281 | padding-bottom: 1.25em 282 | } 283 | 284 | .mat-form-field-appearance-legacy .mat-form-field-infix { 285 | padding: .4375em 0 286 | } 287 | 288 | .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, 289 | .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { 290 | transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px); 291 | -ms-transform: translateY(-1.28125em) scale(.75); 292 | width: 133.3333333333% 293 | } 294 | 295 | .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label { 296 | transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px); 297 | -ms-transform: translateY(-1.28124em) scale(.75); 298 | width: 133.3333433333% 299 | } 300 | 301 | .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { 302 | transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px); 303 | -ms-transform: translateY(-1.28123em) scale(.75); 304 | width: 133.3333533333% 305 | } 306 | 307 | .mat-form-field-appearance-legacy .mat-form-field-label { 308 | top: 1.28125em 309 | } 310 | 311 | .mat-form-field-appearance-legacy .mat-form-field-underline { 312 | bottom: 1.25em 313 | } 314 | 315 | .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { 316 | margin-top: .5416666667em; 317 | top: calc(100% - 1.66667em) 318 | } 319 | 320 | @media print { 321 | 322 | .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, 323 | .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { 324 | transform: translateY(-1.28122em) scale(.75) 325 | } 326 | 327 | .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label { 328 | transform: translateY(-1.28121em) scale(.75) 329 | } 330 | 331 | .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { 332 | transform: translateY(-1.2812em) scale(.75) 333 | } 334 | } 335 | 336 | .mat-form-field-appearance-fill .mat-form-field-infix { 337 | padding: .25em 0 .75em 338 | } 339 | 340 | .mat-form-field-appearance-fill .mat-form-field-label { 341 | top: 1.09375em; 342 | margin-top: -.5em 343 | } 344 | 345 | .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, 346 | .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { 347 | transform: translateY(-.59375em) scale(.75); 348 | width: 133.3333333333% 349 | } 350 | 351 | .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { 352 | transform: translateY(-.59374em) scale(.75); 353 | width: 133.3333433333% 354 | } 355 | 356 | .mat-form-field-appearance-outline .mat-form-field-infix { 357 | padding: 1em 0 358 | } 359 | 360 | .mat-form-field-appearance-outline .mat-form-field-label { 361 | top: 1.84375em; 362 | margin-top: -.25em 363 | } 364 | 365 | .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, 366 | .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { 367 | transform: translateY(-1.59375em) scale(.75); 368 | width: 133.3333333333% 369 | } 370 | 371 | .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label { 372 | transform: translateY(-1.59374em) scale(.75); 373 | width: 133.3333433333% 374 | } 375 | 376 | .mat-grid-tile-footer, 377 | .mat-grid-tile-header { 378 | font-size: 14px 379 | } 380 | 381 | .mat-grid-tile-footer .mat-line, 382 | .mat-grid-tile-header .mat-line { 383 | white-space: nowrap; 384 | overflow: hidden; 385 | text-overflow: ellipsis; 386 | display: block; 387 | box-sizing: border-box 388 | } 389 | 390 | .mat-grid-tile-footer .mat-line:nth-child(n+2), 391 | .mat-grid-tile-header .mat-line:nth-child(n+2) { 392 | font-size: 12px 393 | } 394 | 395 | input.mat-input-element { 396 | margin-top: -.0625em 397 | } 398 | 399 | .mat-menu-item { 400 | font-family: Roboto, Helvetica Neue, sans-serif; 401 | font-size: 14px; 402 | font-weight: 400 403 | } 404 | 405 | .mat-paginator, 406 | .mat-paginator-page-size .mat-select-trigger { 407 | font-family: Roboto, Helvetica Neue, sans-serif; 408 | font-size: 12px 409 | } 410 | 411 | .mat-radio-button, 412 | .mat-select { 413 | font-family: Roboto, Helvetica Neue, sans-serif 414 | } 415 | 416 | .mat-select-trigger { 417 | height: 1.125em 418 | } 419 | 420 | .mat-slide-toggle-content, 421 | .mat-slider-thumb-label-text { 422 | font-family: Roboto, Helvetica Neue, sans-serif 423 | } 424 | 425 | .mat-slider-thumb-label-text { 426 | font-size: 12px; 427 | font-weight: 500 428 | } 429 | 430 | .mat-stepper-horizontal, 431 | .mat-stepper-vertical { 432 | font-family: Roboto, Helvetica Neue, sans-serif 433 | } 434 | 435 | .mat-step-label { 436 | font-size: 14px; 437 | font-weight: 400 438 | } 439 | 440 | .mat-step-sub-label-error { 441 | font-weight: 400 442 | } 443 | 444 | .mat-step-label-error { 445 | font-size: 14px 446 | } 447 | 448 | .mat-step-label-selected { 449 | font-size: 14px; 450 | font-weight: 500 451 | } 452 | 453 | .mat-tab-group, 454 | .mat-tab-label, 455 | .mat-tab-link { 456 | font-family: Roboto, Helvetica Neue, sans-serif 457 | } 458 | 459 | .mat-tab-label, 460 | .mat-tab-link { 461 | font-size: 14px; 462 | font-weight: 500 463 | } 464 | 465 | .mat-toolbar, 466 | .mat-toolbar h1, 467 | .mat-toolbar h2, 468 | .mat-toolbar h3, 469 | .mat-toolbar h4, 470 | .mat-toolbar h5, 471 | .mat-toolbar h6 { 472 | font: 500 20px/32px Roboto, Helvetica Neue, sans-serif; 473 | letter-spacing: normal; 474 | margin: 0 475 | } 476 | 477 | .mat-tooltip { 478 | font-family: Roboto, Helvetica Neue, sans-serif; 479 | font-size: 10px; 480 | padding-top: 6px; 481 | padding-bottom: 6px 482 | } 483 | 484 | .mat-tooltip-handset { 485 | font-size: 14px; 486 | padding-top: 8px; 487 | padding-bottom: 8px 488 | } 489 | 490 | .mat-list-item, 491 | .mat-list-option { 492 | font-family: Roboto, Helvetica Neue, sans-serif 493 | } 494 | 495 | .mat-list-base .mat-list-item { 496 | font-size: 16px 497 | } 498 | 499 | .mat-list-base .mat-list-item .mat-line { 500 | white-space: nowrap; 501 | overflow: hidden; 502 | text-overflow: ellipsis; 503 | display: block; 504 | box-sizing: border-box 505 | } 506 | 507 | .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { 508 | font-size: 14px 509 | } 510 | 511 | .mat-list-base .mat-list-option { 512 | font-size: 16px 513 | } 514 | 515 | .mat-list-base .mat-list-option .mat-line { 516 | white-space: nowrap; 517 | overflow: hidden; 518 | text-overflow: ellipsis; 519 | display: block; 520 | box-sizing: border-box 521 | } 522 | 523 | .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { 524 | font-size: 14px 525 | } 526 | 527 | .mat-list-base .mat-subheader { 528 | font-family: Roboto, Helvetica Neue, sans-serif; 529 | font-size: 14px; 530 | font-weight: 500 531 | } 532 | 533 | .mat-list-base[dense] .mat-list-item { 534 | font-size: 12px 535 | } 536 | 537 | .mat-list-base[dense] .mat-list-item .mat-line { 538 | white-space: nowrap; 539 | overflow: hidden; 540 | text-overflow: ellipsis; 541 | display: block; 542 | box-sizing: border-box 543 | } 544 | 545 | .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2), 546 | .mat-list-base[dense] .mat-list-option { 547 | font-size: 12px 548 | } 549 | 550 | .mat-list-base[dense] .mat-list-option .mat-line { 551 | white-space: nowrap; 552 | overflow: hidden; 553 | text-overflow: ellipsis; 554 | display: block; 555 | box-sizing: border-box 556 | } 557 | 558 | .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { 559 | font-size: 12px 560 | } 561 | 562 | .mat-list-base[dense] .mat-subheader { 563 | font-family: Roboto, Helvetica Neue, sans-serif; 564 | font-size: 12px; 565 | font-weight: 500 566 | } 567 | 568 | .mat-option { 569 | font-family: Roboto, Helvetica Neue, sans-serif; 570 | font-size: 16px 571 | } 572 | 573 | .mat-optgroup-label { 574 | font: 500 14px/24px Roboto, Helvetica Neue, sans-serif; 575 | letter-spacing: normal 576 | } 577 | 578 | .mat-simple-snackbar { 579 | font-family: Roboto, Helvetica Neue, sans-serif; 580 | font-size: 14px 581 | } 582 | 583 | .mat-simple-snackbar-action { 584 | line-height: 1; 585 | font-family: inherit; 586 | font-size: inherit; 587 | font-weight: 500 588 | } 589 | 590 | .mat-tree { 591 | font-family: Roboto, Helvetica Neue, sans-serif 592 | } 593 | 594 | .mat-nested-tree-node, 595 | .mat-tree-node { 596 | font-weight: 400; 597 | font-size: 14px 598 | } 599 | 600 | .mat-ripple { 601 | overflow: hidden; 602 | position: relative 603 | } 604 | 605 | .mat-ripple:not(:empty) { 606 | transform: translateZ(0) 607 | } 608 | 609 | .mat-ripple.mat-ripple-unbounded { 610 | overflow: visible 611 | } 612 | 613 | .mat-ripple-element { 614 | position: absolute; 615 | border-radius: 50%; 616 | pointer-events: none; 617 | transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1); 618 | transform: scale(0) 619 | } 620 | 621 | .cdk-high-contrast-active .mat-ripple-element { 622 | display: none 623 | } 624 | 625 | .cdk-visually-hidden { 626 | border: 0; 627 | clip: rect(0 0 0 0); 628 | height: 1px; 629 | margin: -1px; 630 | overflow: hidden; 631 | padding: 0; 632 | position: absolute; 633 | width: 1px; 634 | outline: 0; 635 | -webkit-appearance: none; 636 | -moz-appearance: none 637 | } 638 | 639 | .cdk-global-overlay-wrapper, 640 | .cdk-overlay-container { 641 | pointer-events: none; 642 | top: 0; 643 | left: 0; 644 | height: 100%; 645 | width: 100% 646 | } 647 | 648 | .cdk-overlay-container { 649 | position: fixed; 650 | z-index: 1000 651 | } 652 | 653 | .cdk-overlay-container:empty { 654 | display: none 655 | } 656 | 657 | .cdk-global-overlay-wrapper, 658 | .cdk-overlay-pane { 659 | display: flex; 660 | position: absolute; 661 | z-index: 1000 662 | } 663 | 664 | .cdk-overlay-pane { 665 | pointer-events: auto; 666 | box-sizing: border-box; 667 | max-width: 100%; 668 | max-height: 100% 669 | } 670 | 671 | .cdk-overlay-backdrop { 672 | position: absolute; 673 | top: 0; 674 | bottom: 0; 675 | left: 0; 676 | right: 0; 677 | z-index: 1000; 678 | pointer-events: auto; 679 | -webkit-tap-highlight-color: transparent; 680 | transition: opacity .4s cubic-bezier(.25, .8, .25, 1); 681 | opacity: 0 682 | } 683 | 684 | .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { 685 | opacity: 1 686 | } 687 | 688 | @media screen and (-ms-high-contrast:active) { 689 | .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { 690 | opacity: .6 691 | } 692 | } 693 | 694 | .cdk-overlay-dark-backdrop { 695 | background: rgba(0, 0, 0, .32) 696 | } 697 | 698 | .cdk-overlay-transparent-backdrop, 699 | .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { 700 | opacity: 0 701 | } 702 | 703 | .cdk-overlay-connected-position-bounding-box { 704 | position: absolute; 705 | z-index: 1000; 706 | display: flex; 707 | flex-direction: column; 708 | min-width: 1px; 709 | min-height: 1px 710 | } 711 | 712 | .cdk-global-scrollblock { 713 | position: fixed; 714 | width: 100%; 715 | overflow-y: scroll 716 | } 717 | 718 | @-webkit-keyframes cdk-text-field-autofill-start { 719 | /*!*/ 720 | } 721 | 722 | @keyframes cdk-text-field-autofill-start { 723 | /*!*/ 724 | } 725 | 726 | @-webkit-keyframes cdk-text-field-autofill-end { 727 | /*!*/ 728 | } 729 | 730 | @keyframes cdk-text-field-autofill-end { 731 | /*!*/ 732 | } 733 | 734 | .cdk-text-field-autofill-monitored:-webkit-autofill { 735 | -webkit-animation: cdk-text-field-autofill-start 0s 1ms; 736 | animation: cdk-text-field-autofill-start 0s 1ms 737 | } 738 | 739 | .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { 740 | -webkit-animation: cdk-text-field-autofill-end 0s 1ms; 741 | animation: cdk-text-field-autofill-end 0s 1ms 742 | } 743 | 744 | textarea.cdk-textarea-autosize { 745 | resize: none 746 | } 747 | 748 | textarea.cdk-textarea-autosize-measuring { 749 | height: auto !important; 750 | overflow: hidden !important; 751 | padding: 2px 0 !important; 752 | box-sizing: content-box !important 753 | } 754 | 755 | .mat-ripple-element { 756 | background-color: rgba(0, 0, 0, .1) 757 | } 758 | 759 | .mat-option { 760 | color: rgba(0, 0, 0, .87) 761 | } 762 | 763 | .mat-option.mat-active, 764 | .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled), 765 | .mat-option:focus:not(.mat-option-disabled), 766 | .mat-option:hover:not(.mat-option-disabled) { 767 | background: rgba(0, 0, 0, .04) 768 | } 769 | 770 | .mat-option.mat-active { 771 | color: rgba(0, 0, 0, .87) 772 | } 773 | 774 | .mat-option.mat-option-disabled { 775 | color: rgba(0, 0, 0, .38) 776 | } 777 | 778 | .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { 779 | color: #3f51b5 780 | } 781 | 782 | .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { 783 | color: #ff4081 784 | } 785 | 786 | .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { 787 | color: #f44336 788 | } 789 | 790 | .mat-optgroup-label { 791 | color: rgba(0, 0, 0, .54) 792 | } 793 | 794 | .mat-optgroup-disabled .mat-optgroup-label { 795 | color: rgba(0, 0, 0, .38) 796 | } 797 | 798 | .mat-pseudo-checkbox { 799 | color: rgba(0, 0, 0, .54) 800 | } 801 | 802 | .mat-pseudo-checkbox:after { 803 | color: #fafafa 804 | } 805 | 806 | .mat-pseudo-checkbox-disabled { 807 | color: #b0b0b0 808 | } 809 | 810 | .mat-primary .mat-pseudo-checkbox-checked, 811 | .mat-primary .mat-pseudo-checkbox-indeterminate { 812 | background: #3f51b5 813 | } 814 | 815 | .mat-accent .mat-pseudo-checkbox-checked, 816 | .mat-accent .mat-pseudo-checkbox-indeterminate, 817 | .mat-pseudo-checkbox-checked, 818 | .mat-pseudo-checkbox-indeterminate { 819 | background: #ff4081 820 | } 821 | 822 | .mat-warn .mat-pseudo-checkbox-checked, 823 | .mat-warn .mat-pseudo-checkbox-indeterminate { 824 | background: #f44336 825 | } 826 | 827 | .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, 828 | .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { 829 | background: #b0b0b0 830 | } 831 | 832 | .mat-elevation-z0 { 833 | box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) 834 | } 835 | 836 | .mat-elevation-z1 { 837 | box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) 838 | } 839 | 840 | .mat-elevation-z2 { 841 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) 842 | } 843 | 844 | .mat-elevation-z3 { 845 | box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12) 846 | } 847 | 848 | .mat-elevation-z4 { 849 | box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) 850 | } 851 | 852 | .mat-elevation-z5 { 853 | box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12) 854 | } 855 | 856 | .mat-elevation-z6 { 857 | box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) 858 | } 859 | 860 | .mat-elevation-z7 { 861 | box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12) 862 | } 863 | 864 | .mat-elevation-z8 { 865 | box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) 866 | } 867 | 868 | .mat-elevation-z9 { 869 | box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12) 870 | } 871 | 872 | .mat-elevation-z10 { 873 | box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12) 874 | } 875 | 876 | .mat-elevation-z11 { 877 | box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12) 878 | } 879 | 880 | .mat-elevation-z12 { 881 | box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12) 882 | } 883 | 884 | .mat-elevation-z13 { 885 | box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12) 886 | } 887 | 888 | .mat-elevation-z14 { 889 | box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12) 890 | } 891 | 892 | .mat-elevation-z15 { 893 | box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12) 894 | } 895 | 896 | .mat-elevation-z16 { 897 | box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) 898 | } 899 | 900 | .mat-elevation-z17 { 901 | box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12) 902 | } 903 | 904 | .mat-elevation-z18 { 905 | box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12) 906 | } 907 | 908 | .mat-elevation-z19 { 909 | box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12) 910 | } 911 | 912 | .mat-elevation-z20 { 913 | box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12) 914 | } 915 | 916 | .mat-elevation-z21 { 917 | box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12) 918 | } 919 | 920 | .mat-elevation-z22 { 921 | box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12) 922 | } 923 | 924 | .mat-elevation-z23 { 925 | box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12) 926 | } 927 | 928 | .mat-elevation-z24 { 929 | box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) 930 | } 931 | 932 | .mat-app-background { 933 | background-color: #fafafa; 934 | color: rgba(0, 0, 0, .87) 935 | } 936 | 937 | .mat-theme-loaded-marker { 938 | display: none 939 | } 940 | 941 | .mat-autocomplete-panel { 942 | background: #fff; 943 | color: rgba(0, 0, 0, .87) 944 | } 945 | 946 | .mat-autocomplete-panel:not([class*=mat-elevation-z]) { 947 | box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) 948 | } 949 | 950 | .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { 951 | background: #fff 952 | } 953 | 954 | .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { 955 | color: rgba(0, 0, 0, .87) 956 | } 957 | 958 | .mat-badge-content { 959 | color: #fff; 960 | background: #3f51b5 961 | } 962 | 963 | .cdk-high-contrast-active .mat-badge-content { 964 | outline: 1px solid; 965 | border-radius: 0 966 | } 967 | 968 | .mat-badge-accent .mat-badge-content { 969 | background: #ff4081; 970 | color: #fff 971 | } 972 | 973 | .mat-badge-warn .mat-badge-content { 974 | color: #fff; 975 | background: #f44336 976 | } 977 | 978 | .mat-badge { 979 | position: relative 980 | } 981 | 982 | .mat-badge-hidden .mat-badge-content { 983 | display: none 984 | } 985 | 986 | .mat-badge-disabled .mat-badge-content { 987 | background: #b9b9b9; 988 | color: rgba(0, 0, 0, .38) 989 | } 990 | 991 | .mat-badge-content { 992 | position: absolute; 993 | text-align: center; 994 | display: inline-block; 995 | border-radius: 50%; 996 | transition: transform .2s ease-in-out; 997 | transform: scale(.6); 998 | overflow: hidden; 999 | white-space: nowrap; 1000 | text-overflow: ellipsis; 1001 | pointer-events: none 1002 | } 1003 | 1004 | .mat-badge-content._mat-animation-noopable, 1005 | .ng-animate-disabled .mat-badge-content { 1006 | transition: none 1007 | } 1008 | 1009 | .mat-badge-content.mat-badge-active { 1010 | transform: none 1011 | } 1012 | 1013 | .mat-badge-small .mat-badge-content { 1014 | width: 16px; 1015 | height: 16px; 1016 | line-height: 16px 1017 | } 1018 | 1019 | .mat-badge-small.mat-badge-above .mat-badge-content { 1020 | top: -8px 1021 | } 1022 | 1023 | .mat-badge-small.mat-badge-below .mat-badge-content { 1024 | bottom: -8px 1025 | } 1026 | 1027 | .mat-badge-small.mat-badge-before .mat-badge-content { 1028 | left: -16px 1029 | } 1030 | 1031 | [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { 1032 | left: auto; 1033 | right: -16px 1034 | } 1035 | 1036 | .mat-badge-small.mat-badge-after .mat-badge-content { 1037 | right: -16px 1038 | } 1039 | 1040 | [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { 1041 | right: auto; 1042 | left: -16px 1043 | } 1044 | 1045 | .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { 1046 | left: -8px 1047 | } 1048 | 1049 | [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { 1050 | left: auto; 1051 | right: -8px 1052 | } 1053 | 1054 | .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { 1055 | right: -8px 1056 | } 1057 | 1058 | [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { 1059 | right: auto; 1060 | left: -8px 1061 | } 1062 | 1063 | .mat-badge-medium .mat-badge-content { 1064 | width: 22px; 1065 | height: 22px; 1066 | line-height: 22px 1067 | } 1068 | 1069 | .mat-badge-medium.mat-badge-above .mat-badge-content { 1070 | top: -11px 1071 | } 1072 | 1073 | .mat-badge-medium.mat-badge-below .mat-badge-content { 1074 | bottom: -11px 1075 | } 1076 | 1077 | .mat-badge-medium.mat-badge-before .mat-badge-content { 1078 | left: -22px 1079 | } 1080 | 1081 | [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { 1082 | left: auto; 1083 | right: -22px 1084 | } 1085 | 1086 | .mat-badge-medium.mat-badge-after .mat-badge-content { 1087 | right: -22px 1088 | } 1089 | 1090 | [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { 1091 | right: auto; 1092 | left: -22px 1093 | } 1094 | 1095 | .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { 1096 | left: -11px 1097 | } 1098 | 1099 | [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { 1100 | left: auto; 1101 | right: -11px 1102 | } 1103 | 1104 | .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { 1105 | right: -11px 1106 | } 1107 | 1108 | [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { 1109 | right: auto; 1110 | left: -11px 1111 | } 1112 | 1113 | .mat-badge-large .mat-badge-content { 1114 | width: 28px; 1115 | height: 28px; 1116 | line-height: 28px 1117 | } 1118 | 1119 | .mat-badge-large.mat-badge-above .mat-badge-content { 1120 | top: -14px 1121 | } 1122 | 1123 | .mat-badge-large.mat-badge-below .mat-badge-content { 1124 | bottom: -14px 1125 | } 1126 | 1127 | .mat-badge-large.mat-badge-before .mat-badge-content { 1128 | left: -28px 1129 | } 1130 | 1131 | [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { 1132 | left: auto; 1133 | right: -28px 1134 | } 1135 | 1136 | .mat-badge-large.mat-badge-after .mat-badge-content { 1137 | right: -28px 1138 | } 1139 | 1140 | [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { 1141 | right: auto; 1142 | left: -28px 1143 | } 1144 | 1145 | .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { 1146 | left: -14px 1147 | } 1148 | 1149 | [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { 1150 | left: auto; 1151 | right: -14px 1152 | } 1153 | 1154 | .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { 1155 | right: -14px 1156 | } 1157 | 1158 | [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { 1159 | right: auto; 1160 | left: -14px 1161 | } 1162 | 1163 | .mat-bottom-sheet-container { 1164 | box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); 1165 | background: #fff; 1166 | color: rgba(0, 0, 0, .87) 1167 | } 1168 | 1169 | .mat-button, 1170 | .mat-icon-button, 1171 | .mat-stroked-button { 1172 | color: inherit; 1173 | background: transparent 1174 | } 1175 | 1176 | .mat-button.mat-primary, 1177 | .mat-icon-button.mat-primary, 1178 | .mat-stroked-button.mat-primary { 1179 | color: #3f51b5 1180 | } 1181 | 1182 | .mat-button.mat-accent, 1183 | .mat-icon-button.mat-accent, 1184 | .mat-stroked-button.mat-accent { 1185 | color: #ff4081 1186 | } 1187 | 1188 | .mat-button.mat-warn, 1189 | .mat-icon-button.mat-warn, 1190 | .mat-stroked-button.mat-warn { 1191 | color: #f44336 1192 | } 1193 | 1194 | .mat-button.mat-accent[disabled], 1195 | .mat-button.mat-primary[disabled], 1196 | .mat-button.mat-warn[disabled], 1197 | .mat-button[disabled][disabled], 1198 | .mat-icon-button.mat-accent[disabled], 1199 | .mat-icon-button.mat-primary[disabled], 1200 | .mat-icon-button.mat-warn[disabled], 1201 | .mat-icon-button[disabled][disabled], 1202 | .mat-stroked-button.mat-accent[disabled], 1203 | .mat-stroked-button.mat-primary[disabled], 1204 | .mat-stroked-button.mat-warn[disabled], 1205 | .mat-stroked-button[disabled][disabled] { 1206 | color: rgba(0, 0, 0, .26) 1207 | } 1208 | 1209 | .mat-button.mat-primary .mat-button-focus-overlay, 1210 | .mat-icon-button.mat-primary .mat-button-focus-overlay, 1211 | .mat-stroked-button.mat-primary .mat-button-focus-overlay { 1212 | background-color: #3f51b5 1213 | } 1214 | 1215 | .mat-button.mat-accent .mat-button-focus-overlay, 1216 | .mat-icon-button.mat-accent .mat-button-focus-overlay, 1217 | .mat-stroked-button.mat-accent .mat-button-focus-overlay { 1218 | background-color: #ff4081 1219 | } 1220 | 1221 | .mat-button.mat-warn .mat-button-focus-overlay, 1222 | .mat-icon-button.mat-warn .mat-button-focus-overlay, 1223 | .mat-stroked-button.mat-warn .mat-button-focus-overlay { 1224 | background-color: #f44336 1225 | } 1226 | 1227 | .mat-button[disabled] .mat-button-focus-overlay, 1228 | .mat-icon-button[disabled] .mat-button-focus-overlay, 1229 | .mat-stroked-button[disabled] .mat-button-focus-overlay { 1230 | background-color: transparent 1231 | } 1232 | 1233 | .mat-button .mat-ripple-element, 1234 | .mat-icon-button .mat-ripple-element, 1235 | .mat-stroked-button .mat-ripple-element { 1236 | opacity: .1; 1237 | background-color: currentColor 1238 | } 1239 | 1240 | .mat-button-focus-overlay { 1241 | background: #000 1242 | } 1243 | 1244 | .mat-stroked-button:not([disabled]) { 1245 | border-color: rgba(0, 0, 0, .12) 1246 | } 1247 | 1248 | .mat-fab, 1249 | .mat-flat-button, 1250 | .mat-mini-fab, 1251 | .mat-raised-button { 1252 | color: rgba(0, 0, 0, .87); 1253 | background-color: #fff 1254 | } 1255 | 1256 | .mat-fab.mat-accent, 1257 | .mat-fab.mat-primary, 1258 | .mat-fab.mat-warn, 1259 | .mat-flat-button.mat-accent, 1260 | .mat-flat-button.mat-primary, 1261 | .mat-flat-button.mat-warn, 1262 | .mat-mini-fab.mat-accent, 1263 | .mat-mini-fab.mat-primary, 1264 | .mat-mini-fab.mat-warn, 1265 | .mat-raised-button.mat-accent, 1266 | .mat-raised-button.mat-primary, 1267 | .mat-raised-button.mat-warn { 1268 | color: #fff 1269 | } 1270 | 1271 | .mat-fab.mat-accent[disabled], 1272 | .mat-fab.mat-primary[disabled], 1273 | .mat-fab.mat-warn[disabled], 1274 | .mat-fab[disabled][disabled], 1275 | .mat-flat-button.mat-accent[disabled], 1276 | .mat-flat-button.mat-primary[disabled], 1277 | .mat-flat-button.mat-warn[disabled], 1278 | .mat-flat-button[disabled][disabled], 1279 | .mat-mini-fab.mat-accent[disabled], 1280 | .mat-mini-fab.mat-primary[disabled], 1281 | .mat-mini-fab.mat-warn[disabled], 1282 | .mat-mini-fab[disabled][disabled], 1283 | .mat-raised-button.mat-accent[disabled], 1284 | .mat-raised-button.mat-primary[disabled], 1285 | .mat-raised-button.mat-warn[disabled], 1286 | .mat-raised-button[disabled][disabled] { 1287 | color: rgba(0, 0, 0, .26) 1288 | } 1289 | 1290 | .mat-fab.mat-primary, 1291 | .mat-flat-button.mat-primary, 1292 | .mat-mini-fab.mat-primary, 1293 | .mat-raised-button.mat-primary { 1294 | background-color: #3f51b5 1295 | } 1296 | 1297 | .mat-fab.mat-accent, 1298 | .mat-flat-button.mat-accent, 1299 | .mat-mini-fab.mat-accent, 1300 | .mat-raised-button.mat-accent { 1301 | background-color: #ff4081 1302 | } 1303 | 1304 | .mat-fab.mat-warn, 1305 | .mat-flat-button.mat-warn, 1306 | .mat-mini-fab.mat-warn, 1307 | .mat-raised-button.mat-warn { 1308 | background-color: #f44336 1309 | } 1310 | 1311 | .mat-fab.mat-accent[disabled], 1312 | .mat-fab.mat-primary[disabled], 1313 | .mat-fab.mat-warn[disabled], 1314 | .mat-fab[disabled][disabled], 1315 | .mat-flat-button.mat-accent[disabled], 1316 | .mat-flat-button.mat-primary[disabled], 1317 | .mat-flat-button.mat-warn[disabled], 1318 | .mat-flat-button[disabled][disabled], 1319 | .mat-mini-fab.mat-accent[disabled], 1320 | .mat-mini-fab.mat-primary[disabled], 1321 | .mat-mini-fab.mat-warn[disabled], 1322 | .mat-mini-fab[disabled][disabled], 1323 | .mat-raised-button.mat-accent[disabled], 1324 | .mat-raised-button.mat-primary[disabled], 1325 | .mat-raised-button.mat-warn[disabled], 1326 | .mat-raised-button[disabled][disabled] { 1327 | background-color: rgba(0, 0, 0, .12) 1328 | } 1329 | 1330 | .mat-fab.mat-accent .mat-ripple-element, 1331 | .mat-fab.mat-primary .mat-ripple-element, 1332 | .mat-fab.mat-warn .mat-ripple-element, 1333 | .mat-flat-button.mat-accent .mat-ripple-element, 1334 | .mat-flat-button.mat-primary .mat-ripple-element, 1335 | .mat-flat-button.mat-warn .mat-ripple-element, 1336 | .mat-mini-fab.mat-accent .mat-ripple-element, 1337 | .mat-mini-fab.mat-primary .mat-ripple-element, 1338 | .mat-mini-fab.mat-warn .mat-ripple-element, 1339 | .mat-raised-button.mat-accent .mat-ripple-element, 1340 | .mat-raised-button.mat-primary .mat-ripple-element, 1341 | .mat-raised-button.mat-warn .mat-ripple-element { 1342 | background-color: hsla(0, 0%, 100%, .1) 1343 | } 1344 | 1345 | .mat-flat-button:not([class*=mat-elevation-z]), 1346 | .mat-stroked-button:not([class*=mat-elevation-z]) { 1347 | box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) 1348 | } 1349 | 1350 | .mat-raised-button:not([class*=mat-elevation-z]) { 1351 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) 1352 | } 1353 | 1354 | .mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) { 1355 | box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) 1356 | } 1357 | 1358 | .mat-raised-button[disabled]:not([class*=mat-elevation-z]) { 1359 | box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) 1360 | } 1361 | 1362 | .mat-fab:not([class*=mat-elevation-z]), 1363 | .mat-mini-fab:not([class*=mat-elevation-z]) { 1364 | box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) 1365 | } 1366 | 1367 | .mat-fab:not([disabled]):active:not([class*=mat-elevation-z]), 1368 | .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) { 1369 | box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12) 1370 | } 1371 | 1372 | .mat-fab[disabled]:not([class*=mat-elevation-z]), 1373 | .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) { 1374 | box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) 1375 | } 1376 | 1377 | .mat-button-toggle-group, 1378 | .mat-button-toggle-standalone { 1379 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) 1380 | } 1381 | 1382 | .mat-button-toggle-group-appearance-standard, 1383 | .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { 1384 | box-shadow: none 1385 | } 1386 | 1387 | .mat-button-toggle { 1388 | color: rgba(0, 0, 0, .38) 1389 | } 1390 | 1391 | .mat-button-toggle .mat-button-toggle-focus-overlay { 1392 | background-color: rgba(0, 0, 0, .12) 1393 | } 1394 | 1395 | .mat-button-toggle-appearance-standard { 1396 | color: rgba(0, 0, 0, .87); 1397 | background: #fff 1398 | } 1399 | 1400 | .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { 1401 | background-color: #000 1402 | } 1403 | 1404 | .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { 1405 | border-left: 1px solid rgba(0, 0, 0, .12) 1406 | } 1407 | 1408 | [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { 1409 | border-left: none; 1410 | border-right: 1px solid rgba(0, 0, 0, .12) 1411 | } 1412 | 1413 | .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle { 1414 | border-left: none; 1415 | border-right: none; 1416 | border-top: 1px solid rgba(0, 0, 0, .12) 1417 | } 1418 | 1419 | .mat-button-toggle-checked { 1420 | background-color: #e0e0e0; 1421 | color: rgba(0, 0, 0, .54) 1422 | } 1423 | 1424 | .mat-button-toggle-checked.mat-button-toggle-appearance-standard { 1425 | color: rgba(0, 0, 0, .87) 1426 | } 1427 | 1428 | .mat-button-toggle-disabled { 1429 | color: rgba(0, 0, 0, .26); 1430 | background-color: #eee 1431 | } 1432 | 1433 | .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { 1434 | background: #fff 1435 | } 1436 | 1437 | .mat-button-toggle-disabled.mat-button-toggle-checked { 1438 | background-color: #bdbdbd 1439 | } 1440 | 1441 | .mat-button-toggle-group-appearance-standard, 1442 | .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { 1443 | border: 1px solid rgba(0, 0, 0, .12) 1444 | } 1445 | 1446 | .mat-card { 1447 | background: #fff; 1448 | color: rgba(0, 0, 0, .87) 1449 | } 1450 | 1451 | .mat-card:not([class*=mat-elevation-z]) { 1452 | box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) 1453 | } 1454 | 1455 | .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { 1456 | box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) 1457 | } 1458 | 1459 | .mat-card-subtitle { 1460 | color: rgba(0, 0, 0, .54) 1461 | } 1462 | 1463 | .mat-checkbox-frame { 1464 | border-color: rgba(0, 0, 0, .54) 1465 | } 1466 | 1467 | .mat-checkbox-checkmark { 1468 | fill: #fafafa 1469 | } 1470 | 1471 | .mat-checkbox-checkmark-path { 1472 | stroke: #fafafa !important 1473 | } 1474 | 1475 | .mat-checkbox-mixedmark { 1476 | background-color: #fafafa 1477 | } 1478 | 1479 | .mat-checkbox-checked.mat-primary .mat-checkbox-background, 1480 | .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { 1481 | background-color: #3f51b5 1482 | } 1483 | 1484 | .mat-checkbox-checked.mat-accent .mat-checkbox-background, 1485 | .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { 1486 | background-color: #ff4081 1487 | } 1488 | 1489 | .mat-checkbox-checked.mat-warn .mat-checkbox-background, 1490 | .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background { 1491 | background-color: #f44336 1492 | } 1493 | 1494 | .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, 1495 | .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { 1496 | background-color: #b0b0b0 1497 | } 1498 | 1499 | .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { 1500 | border-color: #b0b0b0 1501 | } 1502 | 1503 | .mat-checkbox-disabled .mat-checkbox-label { 1504 | color: rgba(0, 0, 0, .54) 1505 | } 1506 | 1507 | .mat-checkbox .mat-ripple-element { 1508 | background-color: #000 1509 | } 1510 | 1511 | .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, 1512 | .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { 1513 | background: #3f51b5 1514 | } 1515 | 1516 | .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, 1517 | .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { 1518 | background: #ff4081 1519 | } 1520 | 1521 | .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, 1522 | .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { 1523 | background: #f44336 1524 | } 1525 | 1526 | .mat-chip.mat-standard-chip { 1527 | background-color: #e0e0e0; 1528 | color: rgba(0, 0, 0, .87) 1529 | } 1530 | 1531 | .mat-chip.mat-standard-chip .mat-chip-remove { 1532 | color: rgba(0, 0, 0, .87); 1533 | opacity: .4 1534 | } 1535 | 1536 | .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { 1537 | box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12) 1538 | } 1539 | 1540 | .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { 1541 | opacity: .54 1542 | } 1543 | 1544 | .mat-chip.mat-standard-chip.mat-chip-disabled { 1545 | opacity: .4 1546 | } 1547 | 1548 | .mat-chip.mat-standard-chip:after { 1549 | background: #000 1550 | } 1551 | 1552 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { 1553 | background-color: #3f51b5; 1554 | color: #fff 1555 | } 1556 | 1557 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { 1558 | color: #fff; 1559 | opacity: .4 1560 | } 1561 | 1562 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { 1563 | background-color: hsla(0, 0%, 100%, .1) 1564 | } 1565 | 1566 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { 1567 | background-color: #f44336; 1568 | color: #fff 1569 | } 1570 | 1571 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { 1572 | color: #fff; 1573 | opacity: .4 1574 | } 1575 | 1576 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { 1577 | background-color: hsla(0, 0%, 100%, .1) 1578 | } 1579 | 1580 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { 1581 | background-color: #ff4081; 1582 | color: #fff 1583 | } 1584 | 1585 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { 1586 | color: #fff; 1587 | opacity: .4 1588 | } 1589 | 1590 | .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { 1591 | background-color: hsla(0, 0%, 100%, .1) 1592 | } 1593 | 1594 | .mat-table { 1595 | background: #fff 1596 | } 1597 | 1598 | .mat-table-sticky, 1599 | .mat-table tbody, 1600 | .mat-table tfoot, 1601 | .mat-table thead, 1602 | [mat-footer-row], 1603 | [mat-header-row], 1604 | [mat-row], 1605 | mat-footer-row, 1606 | mat-header-row, 1607 | mat-row { 1608 | background: inherit 1609 | } 1610 | 1611 | mat-footer-row, 1612 | mat-header-row, 1613 | mat-row, 1614 | td.mat-cell, 1615 | td.mat-footer-cell, 1616 | th.mat-header-cell { 1617 | border-bottom-color: rgba(0, 0, 0, .12) 1618 | } 1619 | 1620 | .mat-header-cell { 1621 | color: rgba(0, 0, 0, .54) 1622 | } 1623 | 1624 | .mat-cell, 1625 | .mat-footer-cell { 1626 | color: rgba(0, 0, 0, .87) 1627 | } 1628 | 1629 | .mat-calendar-arrow { 1630 | border-top-color: rgba(0, 0, 0, .54) 1631 | } 1632 | 1633 | .mat-datepicker-content .mat-calendar-next-button, 1634 | .mat-datepicker-content .mat-calendar-previous-button, 1635 | .mat-datepicker-toggle { 1636 | color: rgba(0, 0, 0, .54) 1637 | } 1638 | 1639 | .mat-calendar-table-header { 1640 | color: rgba(0, 0, 0, .38) 1641 | } 1642 | 1643 | .mat-calendar-table-header-divider:after { 1644 | background: rgba(0, 0, 0, .12) 1645 | } 1646 | 1647 | .mat-calendar-body-label { 1648 | color: rgba(0, 0, 0, .54) 1649 | } 1650 | 1651 | .mat-calendar-body-cell-content { 1652 | color: rgba(0, 0, 0, .87); 1653 | border-color: transparent 1654 | } 1655 | 1656 | .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { 1657 | color: rgba(0, 0, 0, .38) 1658 | } 1659 | 1660 | .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected), 1661 | .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected), 1662 | .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { 1663 | background-color: rgba(0, 0, 0, .04) 1664 | } 1665 | 1666 | .mat-calendar-body-today:not(.mat-calendar-body-selected) { 1667 | border-color: rgba(0, 0, 0, .38) 1668 | } 1669 | 1670 | .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) { 1671 | border-color: rgba(0, 0, 0, .18) 1672 | } 1673 | 1674 | .mat-calendar-body-selected { 1675 | background-color: #3f51b5; 1676 | color: #fff 1677 | } 1678 | 1679 | .mat-calendar-body-disabled>.mat-calendar-body-selected { 1680 | background-color: rgba(63, 81, 181, .4) 1681 | } 1682 | 1683 | .mat-calendar-body-today.mat-calendar-body-selected { 1684 | box-shadow: inset 0 0 0 1px #fff 1685 | } 1686 | 1687 | .mat-datepicker-content { 1688 | box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); 1689 | background-color: #fff; 1690 | color: rgba(0, 0, 0, .87) 1691 | } 1692 | 1693 | .mat-datepicker-content.mat-accent .mat-calendar-body-selected { 1694 | background-color: #ff4081; 1695 | color: #fff 1696 | } 1697 | 1698 | .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected { 1699 | background-color: rgba(255, 64, 129, .4) 1700 | } 1701 | 1702 | .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { 1703 | box-shadow: inset 0 0 0 1px #fff 1704 | } 1705 | 1706 | .mat-datepicker-content.mat-warn .mat-calendar-body-selected { 1707 | background-color: #f44336; 1708 | color: #fff 1709 | } 1710 | 1711 | .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected { 1712 | background-color: rgba(244, 67, 54, .4) 1713 | } 1714 | 1715 | .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { 1716 | box-shadow: inset 0 0 0 1px #fff 1717 | } 1718 | 1719 | .mat-datepicker-content-touch { 1720 | box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) 1721 | } 1722 | 1723 | .mat-datepicker-toggle-active { 1724 | color: #3f51b5 1725 | } 1726 | 1727 | .mat-datepicker-toggle-active.mat-accent { 1728 | color: #ff4081 1729 | } 1730 | 1731 | .mat-datepicker-toggle-active.mat-warn { 1732 | color: #f44336 1733 | } 1734 | 1735 | .mat-dialog-container { 1736 | box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); 1737 | background: #fff; 1738 | color: rgba(0, 0, 0, .87) 1739 | } 1740 | 1741 | .mat-divider { 1742 | border-top-color: rgba(0, 0, 0, .12) 1743 | } 1744 | 1745 | .mat-divider-vertical { 1746 | border-right-color: rgba(0, 0, 0, .12) 1747 | } 1748 | 1749 | .mat-expansion-panel { 1750 | background: #fff; 1751 | color: rgba(0, 0, 0, .87) 1752 | } 1753 | 1754 | .mat-expansion-panel:not([class*=mat-elevation-z]) { 1755 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) 1756 | } 1757 | 1758 | .mat-action-row { 1759 | border-top-color: rgba(0, 0, 0, .12) 1760 | } 1761 | 1762 | .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), 1763 | .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), 1764 | .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { 1765 | background: rgba(0, 0, 0, .04) 1766 | } 1767 | 1768 | @media(hover:none) { 1769 | .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { 1770 | background: #fff 1771 | } 1772 | } 1773 | 1774 | .mat-expansion-panel-header-title { 1775 | color: rgba(0, 0, 0, .87) 1776 | } 1777 | 1778 | .mat-expansion-indicator:after, 1779 | .mat-expansion-panel-header-description { 1780 | color: rgba(0, 0, 0, .54) 1781 | } 1782 | 1783 | .mat-expansion-panel-header[aria-disabled=true] { 1784 | color: rgba(0, 0, 0, .26) 1785 | } 1786 | 1787 | .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, 1788 | .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title { 1789 | color: inherit 1790 | } 1791 | 1792 | .mat-form-field-label, 1793 | .mat-hint { 1794 | color: rgba(0, 0, 0, .6) 1795 | } 1796 | 1797 | .mat-form-field.mat-focused .mat-form-field-label { 1798 | color: #3f51b5 1799 | } 1800 | 1801 | .mat-form-field.mat-focused .mat-form-field-label.mat-accent { 1802 | color: #ff4081 1803 | } 1804 | 1805 | .mat-form-field.mat-focused .mat-form-field-label.mat-warn { 1806 | color: #f44336 1807 | } 1808 | 1809 | .mat-focused .mat-form-field-required-marker { 1810 | color: #ff4081 1811 | } 1812 | 1813 | .mat-form-field-ripple { 1814 | background-color: rgba(0, 0, 0, .87) 1815 | } 1816 | 1817 | .mat-form-field.mat-focused .mat-form-field-ripple { 1818 | background-color: #3f51b5 1819 | } 1820 | 1821 | .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { 1822 | background-color: #ff4081 1823 | } 1824 | 1825 | .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { 1826 | background-color: #f44336 1827 | } 1828 | 1829 | .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after { 1830 | color: #3f51b5 1831 | } 1832 | 1833 | .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after { 1834 | color: #ff4081 1835 | } 1836 | 1837 | .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after, 1838 | .mat-form-field.mat-form-field-invalid .mat-form-field-label, 1839 | .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, 1840 | .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { 1841 | color: #f44336 1842 | } 1843 | 1844 | .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, 1845 | .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { 1846 | background-color: #f44336 1847 | } 1848 | 1849 | .mat-error { 1850 | color: #f44336 1851 | } 1852 | 1853 | .mat-form-field-appearance-legacy .mat-form-field-label, 1854 | .mat-form-field-appearance-legacy .mat-hint { 1855 | color: rgba(0, 0, 0, .54) 1856 | } 1857 | 1858 | .mat-form-field-appearance-legacy .mat-form-field-underline { 1859 | background-color: rgba(0, 0, 0, .42) 1860 | } 1861 | 1862 | .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { 1863 | background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0); 1864 | background-size: 4px 100%; 1865 | background-repeat: repeat-x 1866 | } 1867 | 1868 | .mat-form-field-appearance-standard .mat-form-field-underline { 1869 | background-color: rgba(0, 0, 0, .42) 1870 | } 1871 | 1872 | .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { 1873 | background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0); 1874 | background-size: 4px 100%; 1875 | background-repeat: repeat-x 1876 | } 1877 | 1878 | .mat-form-field-appearance-fill .mat-form-field-flex { 1879 | background-color: rgba(0, 0, 0, .04) 1880 | } 1881 | 1882 | .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { 1883 | background-color: rgba(0, 0, 0, .02) 1884 | } 1885 | 1886 | .mat-form-field-appearance-fill .mat-form-field-underline:before { 1887 | background-color: rgba(0, 0, 0, .42) 1888 | } 1889 | 1890 | .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { 1891 | color: rgba(0, 0, 0, .38) 1892 | } 1893 | 1894 | .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before { 1895 | background-color: transparent 1896 | } 1897 | 1898 | .mat-form-field-appearance-outline .mat-form-field-outline { 1899 | color: rgba(0, 0, 0, .12) 1900 | } 1901 | 1902 | .mat-form-field-appearance-outline .mat-form-field-outline-thick { 1903 | color: rgba(0, 0, 0, .87) 1904 | } 1905 | 1906 | .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { 1907 | color: #3f51b5 1908 | } 1909 | 1910 | .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { 1911 | color: #ff4081 1912 | } 1913 | 1914 | .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, 1915 | .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { 1916 | color: #f44336 1917 | } 1918 | 1919 | .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { 1920 | color: rgba(0, 0, 0, .38) 1921 | } 1922 | 1923 | .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { 1924 | color: rgba(0, 0, 0, .06) 1925 | } 1926 | 1927 | .mat-icon.mat-primary { 1928 | color: #3f51b5 1929 | } 1930 | 1931 | .mat-icon.mat-accent { 1932 | color: #ff4081 1933 | } 1934 | 1935 | .mat-icon.mat-warn { 1936 | color: #f44336 1937 | } 1938 | 1939 | .mat-form-field-type-mat-native-select .mat-form-field-infix:after { 1940 | color: rgba(0, 0, 0, .54) 1941 | } 1942 | 1943 | .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after, 1944 | .mat-input-element:disabled { 1945 | color: rgba(0, 0, 0, .38) 1946 | } 1947 | 1948 | .mat-input-element { 1949 | caret-color: #3f51b5 1950 | } 1951 | 1952 | .mat-input-element::-ms-input-placeholder { 1953 | color: rgba(0, 0, 0, .42) 1954 | } 1955 | 1956 | .mat-input-element::placeholder { 1957 | color: rgba(0, 0, 0, .42) 1958 | } 1959 | 1960 | .mat-input-element::-moz-placeholder { 1961 | color: rgba(0, 0, 0, .42) 1962 | } 1963 | 1964 | .mat-input-element::-webkit-input-placeholder { 1965 | color: rgba(0, 0, 0, .42) 1966 | } 1967 | 1968 | .mat-input-element:-ms-input-placeholder { 1969 | color: rgba(0, 0, 0, .42) 1970 | } 1971 | 1972 | .mat-accent .mat-input-element { 1973 | caret-color: #ff4081 1974 | } 1975 | 1976 | .mat-form-field-invalid .mat-input-element, 1977 | .mat-warn .mat-input-element { 1978 | caret-color: #f44336 1979 | } 1980 | 1981 | .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after { 1982 | color: #f44336 1983 | } 1984 | 1985 | .mat-list-base .mat-list-item, 1986 | .mat-list-base .mat-list-option { 1987 | color: rgba(0, 0, 0, .87) 1988 | } 1989 | 1990 | .mat-list-base .mat-subheader { 1991 | color: rgba(0, 0, 0, .54) 1992 | } 1993 | 1994 | .mat-list-item-disabled { 1995 | background-color: #eee 1996 | } 1997 | 1998 | .mat-action-list .mat-list-item:focus, 1999 | .mat-action-list .mat-list-item:hover, 2000 | .mat-list-option:focus, 2001 | .mat-list-option:hover, 2002 | .mat-nav-list .mat-list-item:focus, 2003 | .mat-nav-list .mat-list-item:hover { 2004 | background: rgba(0, 0, 0, .04) 2005 | } 2006 | 2007 | .mat-list-single-selected-option, 2008 | .mat-list-single-selected-option:focus, 2009 | .mat-list-single-selected-option:hover { 2010 | background: rgba(0, 0, 0, .12) 2011 | } 2012 | 2013 | .mat-menu-panel { 2014 | background: #fff 2015 | } 2016 | 2017 | .mat-menu-panel:not([class*=mat-elevation-z]) { 2018 | box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) 2019 | } 2020 | 2021 | .mat-menu-item { 2022 | background: transparent; 2023 | color: rgba(0, 0, 0, .87) 2024 | } 2025 | 2026 | .mat-menu-item[disabled], 2027 | .mat-menu-item[disabled]:after { 2028 | color: rgba(0, 0, 0, .38) 2029 | } 2030 | 2031 | .mat-menu-item-submenu-trigger:after, 2032 | .mat-menu-item .mat-icon-no-color { 2033 | color: rgba(0, 0, 0, .54) 2034 | } 2035 | 2036 | .mat-menu-item-highlighted:not([disabled]), 2037 | .mat-menu-item.cdk-keyboard-focused:not([disabled]), 2038 | .mat-menu-item.cdk-program-focused:not([disabled]), 2039 | .mat-menu-item:hover:not([disabled]) { 2040 | background: rgba(0, 0, 0, .04) 2041 | } 2042 | 2043 | .mat-paginator { 2044 | background: #fff 2045 | } 2046 | 2047 | .mat-paginator, 2048 | .mat-paginator-page-size .mat-select-trigger { 2049 | color: rgba(0, 0, 0, .54) 2050 | } 2051 | 2052 | .mat-paginator-decrement, 2053 | .mat-paginator-increment { 2054 | border-top: 2px solid rgba(0, 0, 0, .54); 2055 | border-right: 2px solid rgba(0, 0, 0, .54) 2056 | } 2057 | 2058 | .mat-paginator-first, 2059 | .mat-paginator-last { 2060 | border-top: 2px solid rgba(0, 0, 0, .54) 2061 | } 2062 | 2063 | .mat-icon-button[disabled] .mat-paginator-decrement, 2064 | .mat-icon-button[disabled] .mat-paginator-first, 2065 | .mat-icon-button[disabled] .mat-paginator-increment, 2066 | .mat-icon-button[disabled] .mat-paginator-last { 2067 | border-color: rgba(0, 0, 0, .38) 2068 | } 2069 | 2070 | .mat-progress-bar-background { 2071 | fill: #c5cae9 2072 | } 2073 | 2074 | .mat-progress-bar-buffer { 2075 | background-color: #c5cae9 2076 | } 2077 | 2078 | .mat-progress-bar-fill:after { 2079 | background-color: #3f51b5 2080 | } 2081 | 2082 | .mat-progress-bar.mat-accent .mat-progress-bar-background { 2083 | fill: #ff80ab 2084 | } 2085 | 2086 | .mat-progress-bar.mat-accent .mat-progress-bar-buffer { 2087 | background-color: #ff80ab 2088 | } 2089 | 2090 | .mat-progress-bar.mat-accent .mat-progress-bar-fill:after { 2091 | background-color: #ff4081 2092 | } 2093 | 2094 | .mat-progress-bar.mat-warn .mat-progress-bar-background { 2095 | fill: #ffcdd2 2096 | } 2097 | 2098 | .mat-progress-bar.mat-warn .mat-progress-bar-buffer { 2099 | background-color: #ffcdd2 2100 | } 2101 | 2102 | .mat-progress-bar.mat-warn .mat-progress-bar-fill:after { 2103 | background-color: #f44336 2104 | } 2105 | 2106 | .mat-progress-spinner circle, 2107 | .mat-spinner circle { 2108 | stroke: #3f51b5 2109 | } 2110 | 2111 | .mat-progress-spinner.mat-accent circle, 2112 | .mat-spinner.mat-accent circle { 2113 | stroke: #ff4081 2114 | } 2115 | 2116 | .mat-progress-spinner.mat-warn circle, 2117 | .mat-spinner.mat-warn circle { 2118 | stroke: #f44336 2119 | } 2120 | 2121 | .mat-radio-outer-circle { 2122 | border-color: rgba(0, 0, 0, .54) 2123 | } 2124 | 2125 | .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { 2126 | border-color: #3f51b5 2127 | } 2128 | 2129 | .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, 2130 | .mat-radio-button.mat-primary .mat-radio-inner-circle, 2131 | .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), 2132 | .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { 2133 | background-color: #3f51b5 2134 | } 2135 | 2136 | .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { 2137 | border-color: #ff4081 2138 | } 2139 | 2140 | .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, 2141 | .mat-radio-button.mat-accent .mat-radio-inner-circle, 2142 | .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), 2143 | .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { 2144 | background-color: #ff4081 2145 | } 2146 | 2147 | .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { 2148 | border-color: #f44336 2149 | } 2150 | 2151 | .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, 2152 | .mat-radio-button.mat-warn .mat-radio-inner-circle, 2153 | .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), 2154 | .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { 2155 | background-color: #f44336 2156 | } 2157 | 2158 | .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, 2159 | .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { 2160 | border-color: rgba(0, 0, 0, .38) 2161 | } 2162 | 2163 | .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, 2164 | .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element { 2165 | background-color: rgba(0, 0, 0, .38) 2166 | } 2167 | 2168 | .mat-radio-button.mat-radio-disabled .mat-radio-label-content { 2169 | color: rgba(0, 0, 0, .38) 2170 | } 2171 | 2172 | .mat-radio-button .mat-ripple-element { 2173 | background-color: #000 2174 | } 2175 | 2176 | .mat-select-value { 2177 | color: rgba(0, 0, 0, .87) 2178 | } 2179 | 2180 | .mat-select-placeholder { 2181 | color: rgba(0, 0, 0, .42) 2182 | } 2183 | 2184 | .mat-select-disabled .mat-select-value { 2185 | color: rgba(0, 0, 0, .38) 2186 | } 2187 | 2188 | .mat-select-arrow { 2189 | color: rgba(0, 0, 0, .54) 2190 | } 2191 | 2192 | .mat-select-panel { 2193 | background: #fff 2194 | } 2195 | 2196 | .mat-select-panel:not([class*=mat-elevation-z]) { 2197 | box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) 2198 | } 2199 | 2200 | .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { 2201 | background: rgba(0, 0, 0, .12) 2202 | } 2203 | 2204 | .mat-form-field.mat-focused.mat-primary .mat-select-arrow { 2205 | color: #3f51b5 2206 | } 2207 | 2208 | .mat-form-field.mat-focused.mat-accent .mat-select-arrow { 2209 | color: #ff4081 2210 | } 2211 | 2212 | .mat-form-field.mat-focused.mat-warn .mat-select-arrow, 2213 | .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { 2214 | color: #f44336 2215 | } 2216 | 2217 | .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { 2218 | color: rgba(0, 0, 0, .38) 2219 | } 2220 | 2221 | .mat-drawer-container { 2222 | background-color: #fafafa; 2223 | color: rgba(0, 0, 0, .87) 2224 | } 2225 | 2226 | .mat-drawer { 2227 | color: rgba(0, 0, 0, .87) 2228 | } 2229 | 2230 | .mat-drawer, 2231 | .mat-drawer.mat-drawer-push { 2232 | background-color: #fff 2233 | } 2234 | 2235 | .mat-drawer:not(.mat-drawer-side) { 2236 | box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) 2237 | } 2238 | 2239 | .mat-drawer-side { 2240 | border-right: 1px solid rgba(0, 0, 0, .12) 2241 | } 2242 | 2243 | .mat-drawer-side.mat-drawer-end, 2244 | [dir=rtl] .mat-drawer-side { 2245 | border-left: 1px solid rgba(0, 0, 0, .12); 2246 | border-right: none 2247 | } 2248 | 2249 | [dir=rtl] .mat-drawer-side.mat-drawer-end { 2250 | border-left: none; 2251 | border-right: 1px solid rgba(0, 0, 0, .12) 2252 | } 2253 | 2254 | .mat-drawer-backdrop.mat-drawer-shown { 2255 | background-color: rgba(0, 0, 0, .6) 2256 | } 2257 | 2258 | .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { 2259 | background-color: #ff4081 2260 | } 2261 | 2262 | .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { 2263 | background-color: rgba(255, 64, 129, .54) 2264 | } 2265 | 2266 | .mat-slide-toggle.mat-checked .mat-ripple-element { 2267 | background-color: #ff4081 2268 | } 2269 | 2270 | .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { 2271 | background-color: #3f51b5 2272 | } 2273 | 2274 | .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { 2275 | background-color: rgba(63, 81, 181, .54) 2276 | } 2277 | 2278 | .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { 2279 | background-color: #3f51b5 2280 | } 2281 | 2282 | .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { 2283 | background-color: #f44336 2284 | } 2285 | 2286 | .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { 2287 | background-color: rgba(244, 67, 54, .54) 2288 | } 2289 | 2290 | .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { 2291 | background-color: #f44336 2292 | } 2293 | 2294 | .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { 2295 | background-color: #000 2296 | } 2297 | 2298 | .mat-slide-toggle-thumb { 2299 | box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); 2300 | background-color: #fafafa 2301 | } 2302 | 2303 | .mat-slide-toggle-bar { 2304 | background-color: rgba(0, 0, 0, .38) 2305 | } 2306 | 2307 | .mat-slider-track-background { 2308 | background-color: rgba(0, 0, 0, .26) 2309 | } 2310 | 2311 | .mat-primary .mat-slider-thumb, 2312 | .mat-primary .mat-slider-thumb-label, 2313 | .mat-primary .mat-slider-track-fill { 2314 | background-color: #3f51b5 2315 | } 2316 | 2317 | .mat-primary .mat-slider-thumb-label-text { 2318 | color: #fff 2319 | } 2320 | 2321 | .mat-accent .mat-slider-thumb, 2322 | .mat-accent .mat-slider-thumb-label, 2323 | .mat-accent .mat-slider-track-fill { 2324 | background-color: #ff4081 2325 | } 2326 | 2327 | .mat-accent .mat-slider-thumb-label-text { 2328 | color: #fff 2329 | } 2330 | 2331 | .mat-warn .mat-slider-thumb, 2332 | .mat-warn .mat-slider-thumb-label, 2333 | .mat-warn .mat-slider-track-fill { 2334 | background-color: #f44336 2335 | } 2336 | 2337 | .mat-warn .mat-slider-thumb-label-text { 2338 | color: #fff 2339 | } 2340 | 2341 | .mat-slider-focus-ring { 2342 | background-color: rgba(255, 64, 129, .2) 2343 | } 2344 | 2345 | .cdk-focused .mat-slider-track-background, 2346 | .mat-slider:hover .mat-slider-track-background { 2347 | background-color: rgba(0, 0, 0, .38) 2348 | } 2349 | 2350 | .mat-slider-disabled .mat-slider-thumb, 2351 | .mat-slider-disabled .mat-slider-track-background, 2352 | .mat-slider-disabled .mat-slider-track-fill, 2353 | .mat-slider-disabled:hover .mat-slider-track-background { 2354 | background-color: rgba(0, 0, 0, .26) 2355 | } 2356 | 2357 | .mat-slider-min-value .mat-slider-focus-ring { 2358 | background-color: rgba(0, 0, 0, .12) 2359 | } 2360 | 2361 | .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, 2362 | .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { 2363 | background-color: rgba(0, 0, 0, .87) 2364 | } 2365 | 2366 | .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, 2367 | .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { 2368 | background-color: rgba(0, 0, 0, .26) 2369 | } 2370 | 2371 | .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { 2372 | border-color: rgba(0, 0, 0, .26); 2373 | background-color: transparent 2374 | } 2375 | 2376 | .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, 2377 | .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { 2378 | border-color: rgba(0, 0, 0, .38) 2379 | } 2380 | 2381 | .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, 2382 | .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { 2383 | border-color: rgba(0, 0, 0, .26) 2384 | } 2385 | 2386 | .mat-slider-has-ticks .mat-slider-wrapper:after { 2387 | border-color: rgba(0, 0, 0, .7) 2388 | } 2389 | 2390 | .mat-slider-horizontal .mat-slider-ticks { 2391 | background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent); 2392 | background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent) 2393 | } 2394 | 2395 | .mat-slider-vertical .mat-slider-ticks { 2396 | background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent) 2397 | } 2398 | 2399 | .mat-step-header.cdk-keyboard-focused, 2400 | .mat-step-header.cdk-program-focused, 2401 | .mat-step-header:hover { 2402 | background-color: rgba(0, 0, 0, .04) 2403 | } 2404 | 2405 | @media(hover:none) { 2406 | .mat-step-header:hover { 2407 | background: none 2408 | } 2409 | } 2410 | 2411 | .mat-step-header .mat-step-label, 2412 | .mat-step-header .mat-step-optional { 2413 | color: rgba(0, 0, 0, .54) 2414 | } 2415 | 2416 | .mat-step-header .mat-step-icon { 2417 | background-color: rgba(0, 0, 0, .54); 2418 | color: #fff 2419 | } 2420 | 2421 | .mat-step-header .mat-step-icon-selected, 2422 | .mat-step-header .mat-step-icon-state-done, 2423 | .mat-step-header .mat-step-icon-state-edit { 2424 | background-color: #3f51b5; 2425 | color: #fff 2426 | } 2427 | 2428 | .mat-step-header .mat-step-icon-state-error { 2429 | background-color: transparent; 2430 | color: #f44336 2431 | } 2432 | 2433 | .mat-step-header .mat-step-label.mat-step-label-active { 2434 | color: rgba(0, 0, 0, .87) 2435 | } 2436 | 2437 | .mat-step-header .mat-step-label.mat-step-label-error { 2438 | color: #f44336 2439 | } 2440 | 2441 | .mat-stepper-horizontal, 2442 | .mat-stepper-vertical { 2443 | background-color: #fff 2444 | } 2445 | 2446 | .mat-stepper-vertical-line:before { 2447 | border-left-color: rgba(0, 0, 0, .12) 2448 | } 2449 | 2450 | .mat-horizontal-stepper-header:after, 2451 | .mat-horizontal-stepper-header:before, 2452 | .mat-stepper-horizontal-line { 2453 | border-top-color: rgba(0, 0, 0, .12) 2454 | } 2455 | 2456 | .mat-sort-header-arrow { 2457 | color: #757575 2458 | } 2459 | 2460 | .mat-tab-header, 2461 | .mat-tab-nav-bar { 2462 | border-bottom: 1px solid rgba(0, 0, 0, .12) 2463 | } 2464 | 2465 | .mat-tab-group-inverted-header .mat-tab-header, 2466 | .mat-tab-group-inverted-header .mat-tab-nav-bar { 2467 | border-top: 1px solid rgba(0, 0, 0, .12); 2468 | border-bottom: none 2469 | } 2470 | 2471 | .mat-tab-label, 2472 | .mat-tab-link { 2473 | color: rgba(0, 0, 0, .87) 2474 | } 2475 | 2476 | .mat-tab-label.mat-tab-disabled, 2477 | .mat-tab-link.mat-tab-disabled { 2478 | color: rgba(0, 0, 0, .38) 2479 | } 2480 | 2481 | .mat-tab-header-pagination-chevron { 2482 | border-color: rgba(0, 0, 0, .87) 2483 | } 2484 | 2485 | .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { 2486 | border-color: rgba(0, 0, 0, .38) 2487 | } 2488 | 2489 | .mat-tab-group[class*=mat-background-] .mat-tab-header, 2490 | .mat-tab-nav-bar[class*=mat-background-] { 2491 | border-bottom: none; 2492 | border-top: none 2493 | } 2494 | 2495 | .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2496 | .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2497 | .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2498 | .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), 2499 | .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2500 | .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2501 | .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2502 | .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { 2503 | background-color: rgba(197, 202, 233, .3) 2504 | } 2505 | 2506 | .mat-tab-group.mat-primary .mat-ink-bar, 2507 | .mat-tab-nav-bar.mat-primary .mat-ink-bar { 2508 | background-color: #3f51b5 2509 | } 2510 | 2511 | .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, 2512 | .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { 2513 | background-color: #fff 2514 | } 2515 | 2516 | .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2517 | .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2518 | .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2519 | .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), 2520 | .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2521 | .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2522 | .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2523 | .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { 2524 | background-color: rgba(255, 128, 171, .3) 2525 | } 2526 | 2527 | .mat-tab-group.mat-accent .mat-ink-bar, 2528 | .mat-tab-nav-bar.mat-accent .mat-ink-bar { 2529 | background-color: #ff4081 2530 | } 2531 | 2532 | .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, 2533 | .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { 2534 | background-color: #fff 2535 | } 2536 | 2537 | .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2538 | .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2539 | .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2540 | .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), 2541 | .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2542 | .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2543 | .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2544 | .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { 2545 | background-color: rgba(255, 205, 210, .3) 2546 | } 2547 | 2548 | .mat-tab-group.mat-warn .mat-ink-bar, 2549 | .mat-tab-nav-bar.mat-warn .mat-ink-bar { 2550 | background-color: #f44336 2551 | } 2552 | 2553 | .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, 2554 | .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { 2555 | background-color: #fff 2556 | } 2557 | 2558 | .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2559 | .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2560 | .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2561 | .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), 2562 | .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2563 | .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2564 | .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2565 | .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { 2566 | background-color: rgba(197, 202, 233, .3) 2567 | } 2568 | 2569 | .mat-tab-group.mat-background-primary .mat-tab-header, 2570 | .mat-tab-group.mat-background-primary .mat-tab-header-pagination, 2571 | .mat-tab-group.mat-background-primary .mat-tab-links, 2572 | .mat-tab-nav-bar.mat-background-primary .mat-tab-header, 2573 | .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination, 2574 | .mat-tab-nav-bar.mat-background-primary .mat-tab-links { 2575 | background-color: #3f51b5 2576 | } 2577 | 2578 | .mat-tab-group.mat-background-primary .mat-tab-label, 2579 | .mat-tab-group.mat-background-primary .mat-tab-link, 2580 | .mat-tab-nav-bar.mat-background-primary .mat-tab-label, 2581 | .mat-tab-nav-bar.mat-background-primary .mat-tab-link { 2582 | color: #fff 2583 | } 2584 | 2585 | .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, 2586 | .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, 2587 | .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, 2588 | .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled { 2589 | color: hsla(0, 0%, 100%, .4) 2590 | } 2591 | 2592 | .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, 2593 | .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron { 2594 | border-color: #fff 2595 | } 2596 | 2597 | .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, 2598 | .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { 2599 | border-color: hsla(0, 0%, 100%, .4) 2600 | } 2601 | 2602 | .mat-tab-group.mat-background-primary .mat-ripple-element, 2603 | .mat-tab-nav-bar.mat-background-primary .mat-ripple-element { 2604 | background-color: hsla(0, 0%, 100%, .12) 2605 | } 2606 | 2607 | .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2608 | .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2609 | .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2610 | .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), 2611 | .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2612 | .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2613 | .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2614 | .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { 2615 | background-color: rgba(255, 128, 171, .3) 2616 | } 2617 | 2618 | .mat-tab-group.mat-background-accent .mat-tab-header, 2619 | .mat-tab-group.mat-background-accent .mat-tab-header-pagination, 2620 | .mat-tab-group.mat-background-accent .mat-tab-links, 2621 | .mat-tab-nav-bar.mat-background-accent .mat-tab-header, 2622 | .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination, 2623 | .mat-tab-nav-bar.mat-background-accent .mat-tab-links { 2624 | background-color: #ff4081 2625 | } 2626 | 2627 | .mat-tab-group.mat-background-accent .mat-tab-label, 2628 | .mat-tab-group.mat-background-accent .mat-tab-link, 2629 | .mat-tab-nav-bar.mat-background-accent .mat-tab-label, 2630 | .mat-tab-nav-bar.mat-background-accent .mat-tab-link { 2631 | color: #fff 2632 | } 2633 | 2634 | .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, 2635 | .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, 2636 | .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, 2637 | .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled { 2638 | color: hsla(0, 0%, 100%, .4) 2639 | } 2640 | 2641 | .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, 2642 | .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron { 2643 | border-color: #fff 2644 | } 2645 | 2646 | .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, 2647 | .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { 2648 | border-color: hsla(0, 0%, 100%, .4) 2649 | } 2650 | 2651 | .mat-tab-group.mat-background-accent .mat-ripple-element, 2652 | .mat-tab-nav-bar.mat-background-accent .mat-ripple-element { 2653 | background-color: hsla(0, 0%, 100%, .12) 2654 | } 2655 | 2656 | .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2657 | .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2658 | .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2659 | .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), 2660 | .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), 2661 | .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), 2662 | .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), 2663 | .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { 2664 | background-color: rgba(255, 205, 210, .3) 2665 | } 2666 | 2667 | .mat-tab-group.mat-background-warn .mat-tab-header, 2668 | .mat-tab-group.mat-background-warn .mat-tab-header-pagination, 2669 | .mat-tab-group.mat-background-warn .mat-tab-links, 2670 | .mat-tab-nav-bar.mat-background-warn .mat-tab-header, 2671 | .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination, 2672 | .mat-tab-nav-bar.mat-background-warn .mat-tab-links { 2673 | background-color: #f44336 2674 | } 2675 | 2676 | .mat-tab-group.mat-background-warn .mat-tab-label, 2677 | .mat-tab-group.mat-background-warn .mat-tab-link, 2678 | .mat-tab-nav-bar.mat-background-warn .mat-tab-label, 2679 | .mat-tab-nav-bar.mat-background-warn .mat-tab-link { 2680 | color: #fff 2681 | } 2682 | 2683 | .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, 2684 | .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, 2685 | .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, 2686 | .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { 2687 | color: hsla(0, 0%, 100%, .4) 2688 | } 2689 | 2690 | .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, 2691 | .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { 2692 | border-color: #fff 2693 | } 2694 | 2695 | .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, 2696 | .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { 2697 | border-color: hsla(0, 0%, 100%, .4) 2698 | } 2699 | 2700 | .mat-tab-group.mat-background-warn .mat-ripple-element, 2701 | .mat-tab-nav-bar.mat-background-warn .mat-ripple-element { 2702 | background-color: hsla(0, 0%, 100%, .12) 2703 | } 2704 | 2705 | .mat-toolbar { 2706 | background: #f5f5f5; 2707 | color: rgba(0, 0, 0, .87) 2708 | } 2709 | 2710 | .mat-toolbar.mat-primary { 2711 | background: #3f51b5; 2712 | color: #fff 2713 | } 2714 | 2715 | .mat-toolbar.mat-accent { 2716 | background: #ff4081; 2717 | color: #fff 2718 | } 2719 | 2720 | .mat-toolbar.mat-warn { 2721 | background: #f44336; 2722 | color: #fff 2723 | } 2724 | 2725 | .mat-toolbar .mat-focused .mat-form-field-ripple, 2726 | .mat-toolbar .mat-form-field-ripple, 2727 | .mat-toolbar .mat-form-field-underline { 2728 | background-color: currentColor 2729 | } 2730 | 2731 | .mat-toolbar .mat-focused .mat-form-field-label, 2732 | .mat-toolbar .mat-form-field-label, 2733 | .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, 2734 | .mat-toolbar .mat-select-arrow, 2735 | .mat-toolbar .mat-select-value { 2736 | color: inherit 2737 | } 2738 | 2739 | .mat-toolbar .mat-input-element { 2740 | caret-color: currentColor 2741 | } 2742 | 2743 | .mat-tooltip { 2744 | background: rgba(97, 97, 97, .9) 2745 | } 2746 | 2747 | .mat-tree { 2748 | background: #fff 2749 | } 2750 | 2751 | .mat-nested-tree-node, 2752 | .mat-tree-node { 2753 | color: rgba(0, 0, 0, .87) 2754 | } 2755 | 2756 | .mat-snack-bar-container { 2757 | color: hsla(0, 0%, 100%, .7); 2758 | background: #323232; 2759 | box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) 2760 | } 2761 | 2762 | .mat-simple-snackbar-action { 2763 | color: #ff4081 2764 | } -------------------------------------------------------------------------------- /src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'zone.js/dist/zone-testing'; 4 | import { getTestBed } from '@angular/core/testing'; 5 | import { 6 | BrowserDynamicTestingModule, 7 | platformBrowserDynamicTesting 8 | } from '@angular/platform-browser-dynamic/testing'; 9 | 10 | declare const require: { 11 | context(path: string, deep?: boolean, filter?: RegExp): { 12 | keys(): string[]; 13 | (id: string): T; 14 | }; 15 | }; 16 | 17 | // First, initialize the Angular testing environment. 18 | getTestBed().initTestEnvironment( 19 | BrowserDynamicTestingModule, 20 | platformBrowserDynamicTesting() 21 | ); 22 | // Then we find all the tests. 23 | const context = require.context('./', true, /\.spec\.ts$/); 24 | // And load the modules. 25 | context.keys().map(context); 26 | -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./out-tsc/app" 5 | }, 6 | "files": [ 7 | "src/main.ts", 8 | "src/polyfills.ts" 9 | ], 10 | "include": [ 11 | "src/**/*.d.ts" 12 | ] 13 | } 14 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compileOnSave": false, 3 | "compilerOptions": { 4 | "baseUrl": "./", 5 | "outDir": "./dist/out-tsc", 6 | "sourceMap": true, 7 | "declaration": false, 8 | "downlevelIteration": true, 9 | "experimentalDecorators": true, 10 | "module": "esnext", 11 | "moduleResolution": "node", 12 | "importHelpers": true, 13 | "target": "es2015", 14 | "typeRoots": [ 15 | "node_modules/@types" 16 | ], 17 | "lib": [ 18 | "es2018", 19 | "dom" 20 | ], 21 | "allowSyntheticDefaultImports": true 22 | }, 23 | "angularCompilerOptions": { 24 | "fullTemplateTypeCheck": true, 25 | "strictInjectionParameters": true 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./out-tsc/spec", 5 | "types": [ 6 | "jasmine", 7 | "node" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts", 12 | "src/polyfills.ts" 13 | ], 14 | "include": [ 15 | "src/**/*.spec.ts", 16 | "src/**/*.d.ts" 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "tslint:recommended", 3 | "rules": { 4 | "align": { 5 | "options": [ 6 | "parameters", 7 | "statements" 8 | ] 9 | }, 10 | "array-type": false, 11 | "arrow-return-shorthand": true, 12 | "curly": true, 13 | "deprecation": { 14 | "severity": "warning" 15 | }, 16 | "component-class-suffix": true, 17 | "contextual-lifecycle": true, 18 | "directive-class-suffix": true, 19 | "directive-selector": [ 20 | true, 21 | "attribute", 22 | "app", 23 | "camelCase" 24 | ], 25 | "component-selector": [ 26 | true, 27 | "element", 28 | "app", 29 | "kebab-case" 30 | ], 31 | "eofline": true, 32 | "import-blacklist": [ 33 | true, 34 | "rxjs/Rx" 35 | ], 36 | "import-spacing": true, 37 | "indent": { 38 | "options": [ 39 | "spaces" 40 | ] 41 | }, 42 | "max-classes-per-file": false, 43 | "max-line-length": [ 44 | true, 45 | 140 46 | ], 47 | "member-ordering": [ 48 | true, 49 | { 50 | "order": [ 51 | "static-field", 52 | "instance-field", 53 | "static-method", 54 | "instance-method" 55 | ] 56 | } 57 | ], 58 | "no-console": [ 59 | true, 60 | "debug", 61 | "info", 62 | "time", 63 | "timeEnd", 64 | "trace" 65 | ], 66 | "no-empty": false, 67 | "no-inferrable-types": [ 68 | true, 69 | "ignore-params" 70 | ], 71 | "no-non-null-assertion": true, 72 | "no-redundant-jsdoc": true, 73 | "no-switch-case-fall-through": true, 74 | "no-var-requires": false, 75 | "object-literal-key-quotes": [ 76 | true, 77 | "as-needed" 78 | ], 79 | "quotemark": [ 80 | true, 81 | "single" 82 | ], 83 | "semicolon": { 84 | "options": [ 85 | "always" 86 | ] 87 | }, 88 | "space-before-function-paren": { 89 | "options": { 90 | "anonymous": "never", 91 | "asyncArrow": "always", 92 | "constructor": "never", 93 | "method": "never", 94 | "named": "never" 95 | } 96 | }, 97 | "typedef-whitespace": { 98 | "options": [ 99 | { 100 | "call-signature": "nospace", 101 | "index-signature": "nospace", 102 | "parameter": "nospace", 103 | "property-declaration": "nospace", 104 | "variable-declaration": "nospace" 105 | }, 106 | { 107 | "call-signature": "onespace", 108 | "index-signature": "onespace", 109 | "parameter": "onespace", 110 | "property-declaration": "onespace", 111 | "variable-declaration": "onespace" 112 | } 113 | ] 114 | }, 115 | "variable-name": { 116 | "options": [ 117 | "ban-keywords", 118 | "check-format", 119 | "allow-pascal-case" 120 | ] 121 | }, 122 | "whitespace": { 123 | "options": [ 124 | "check-branch", 125 | "check-decl", 126 | "check-operator", 127 | "check-separator", 128 | "check-type", 129 | "check-typecast" 130 | ] 131 | }, 132 | "no-conflicting-lifecycle": true, 133 | "no-host-metadata-property": true, 134 | "no-input-rename": true, 135 | "no-inputs-metadata-property": true, 136 | "no-output-native": true, 137 | "no-output-on-prefix": true, 138 | "no-output-rename": true, 139 | "no-outputs-metadata-property": true, 140 | "template-banana-in-box": true, 141 | "template-no-negated-async": true, 142 | "use-lifecycle-interface": true, 143 | "use-pipe-transform-interface": true 144 | }, 145 | "rulesDirectory": [ 146 | "codelyzer" 147 | ] 148 | } --------------------------------------------------------------------------------