From 3c1729b9608532cdcc430e0a6612d9c4acda8ea8 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eromano@users.noreply.github.com>
Date: Fri, 15 Sep 2017 11:39:27 +0100
Subject: [PATCH] [ADF-1518] Update material2 beta 10 and angular 4.3.6 (#2304)

* ignore pkg lock

* update pkg json

* date picker update material beta.10

* isDateInstance moment adapter

* style and  datepicker update material2 beta 10

* update test dateitem to beta10

* regenerate style files

* use material icons web font

* fix data range material 2 beta 10

* minors cleaning

* recreate styles

* remove unused componentHandler var

* fix failing test checkbox
---
 .gitignore                                    |   3 +-
 .../activiti/activiti-demo.component.ts       |   7 -
 demo-shell-ng2/app/vendor.ts                  |   1 -
 demo-shell-ng2/index.html                     |   2 +-
 demo-shell-ng2/package.json                   |  33 +-
 .../ng2-activiti-analytics/package.json       |  28 +-
 ...lytics-report-parameters.component.spec.ts |   2 +-
 .../widgets/date-range/date-range.widget.html |  26 +-
 .../widgets/date-range/date-range.widget.scss |   8 +-
 .../widgets/date-range/date-range.widget.ts   |   4 +-
 .../components/widgets/widget.component.ts    |  22 +-
 .../ng2-activiti-analytics/styles/index.scss  |   2 +
 .../ng2-activiti-diagrams/package.json        |  28 +-
 ng2-components/ng2-activiti-form/package.json |  26 +-
 .../widgets/amount/amount.widget.scss         |   2 +-
 .../widgets/container/container.widget.scss   |   6 +-
 .../components/widgets/date/date.widget.html  |   7 +-
 .../components/widgets/date/date.widget.scss  |  42 +-
 .../components/widgets/date/date.widget.ts    |  10 +-
 .../widgets/dropdown/dropdown.widget.scss     |  24 +-
 .../editors/date/date.editor.html             |   5 +-
 .../widgets/error/error.component.scss        |   8 +-
 .../src/components/widgets/form.scss          |   1 -
 .../multiline-text/multiline-text.widget.scss |   1 -
 .../widgets/people/people.widget.scss         |   4 +-
 .../ng2-activiti-processlist/package.json     |  26 +-
 .../ng2-activiti-tasklist/package.json        |  28 +-
 .../src/components/start-task.component.html  |   4 +-
 ng2-components/ng2-alfresco-core/package.json |  29 +-
 .../prebuilt-themes/adf-blue-orange.css       | 762 ++++++++++++------
 .../prebuilt-themes/adf-blue-purple.css       | 762 ++++++++++++------
 .../prebuilt-themes/adf-cyan-orange.css       | 762 ++++++++++++------
 .../prebuilt-themes/adf-cyan-purple.css       | 762 ++++++++++++------
 .../prebuilt-themes/adf-green-orange.css      | 762 ++++++++++++------
 .../prebuilt-themes/adf-green-purple.css      | 762 ++++++++++++------
 .../prebuilt-themes/adf-indigo-pink.css       | 762 ++++++++++++------
 .../prebuilt-themes/adf-pink-bluegrey.css     | 760 +++++++++++------
 .../prebuilt-themes/adf-purple-green.css      | 760 +++++++++++------
 .../view/card-view-dateitem.component.html    |  20 +-
 .../view/card-view-dateitem.component.scss    |   4 +-
 .../view/card-view-dateitem.component.spec.ts |   9 +-
 .../view/card-view-dateitem.component.ts      |  42 +-
 .../src/utils/momentDateAdapter.ts            |  15 +
 .../ng2-alfresco-datatable/package.json       |  26 +-
 .../ng2-alfresco-documentlist/package.json    |  28 +-
 .../ng2-alfresco-login/package.json           |  28 +-
 .../ng2-alfresco-search/package.json          |  26 +-
 .../ng2-alfresco-social/package.json          |  26 +-
 ng2-components/ng2-alfresco-tag/package.json  |  26 +-
 .../ng2-alfresco-upload/package.json          |  26 +-
 .../ng2-alfresco-userinfo/package.json        |  26 +-
 .../src/components/user-info.component.scss   |  35 +-
 .../ng2-alfresco-viewer/package.json          |  26 +-
 .../ng2-alfresco-webscript/package.json       |  26 +-
 ng2-components/package.json                   |  57 +-
 55 files changed, 4928 insertions(+), 2761 deletions(-)

diff --git a/.gitignore b/.gitignore
index b54c390925..fd08a755ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,4 +16,5 @@ src/environments/
 /demo-shell-ng2/ng2-components/
 .happypack/
 .happypack/
-.history
\ No newline at end of file
+.history
+package-lock.*
diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts b/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
index 6e133fce8d..1c938f606b 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
+++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
@@ -51,8 +51,6 @@ import { Subscription } from 'rxjs/Rx';
 import { /*CustomEditorComponent*/ CustomStencil01 } from './custom-editor/custom-editor.component';
 import { DemoFieldValidator } from './demo-field-validator';
 
-declare var componentHandler;
-
 const currentProcessIdNew = '__NEW__';
 const currentTaskIdNew = '__NEW__';
 
@@ -384,11 +382,6 @@ export class ActivitiDemoComponent implements AfterViewInit, OnDestroy, OnInit {
     }
 
     ngAfterViewInit() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-
         this.loadStencilScriptsInPageFromActiviti();
     }
 
diff --git a/demo-shell-ng2/app/vendor.ts b/demo-shell-ng2/app/vendor.ts
index 8f5a61e124..3580c04f97 100644
--- a/demo-shell-ng2/app/vendor.ts
+++ b/demo-shell-ng2/app/vendor.ts
@@ -38,7 +38,6 @@ require('script-loader!dialog-polyfill/dialog-polyfill');
 import 'dialog-polyfill/dialog-polyfill.css';
 
 // Google Material Design Lite
-import 'material-design-icons/iconfont/material-icons.css';
 import 'material-design-lite/dist/material.orange-blue.min.css';
 import 'material-design-lite/material.js';
 
diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index bfddacb509..222f75ec7e 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -7,7 +7,7 @@
 
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
     <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
-
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <!--[if IE]>
     <script src=js/shim.min.js></script>
     <script src=//cdnjs.cloudflare.com/ajax/libs/dom4/1.8.3/dom4.js></script>
diff --git a/demo-shell-ng2/package.json b/demo-shell-ng2/package.json
index 2ef526a553..10ef362aef 100644
--- a/demo-shell-ng2/package.json
+++ b/demo-shell-ng2/package.json
@@ -55,27 +55,26 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/compiler-cli": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/flex-layout": "^2.0.0-beta.9",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6 ",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6 ",
+    "@angular/compiler": "4.3.6 ",
+    "@angular/compiler-cli": "4.3.6 ",
+    "@angular/core": "4.3.6 ",
+    "@angular/flex-layout": "2.0.0-beta.9",
+    "@angular/forms": "4.3.6 ",
+    "@angular/http": "4.3.6 ",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6 ",
+    "@angular/platform-browser-dynamic": "4.3.6 ",
+    "@angular/router": "4.3.6 ",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
+    "alfresco-js-api": "1.8.0",
     "chart.js": "2.5.0",
     "core-js": "2.4.1",
     "dialog-polyfill": "0.4.7",
     "element.scrollintoviewifneeded-polyfill": "1.0.1",
     "intl": "1.2.5",
-    "material-design-icons": "2.2.3",
     "material-design-lite": "1.2.1",
     "minimatch": "3.0.4",
     "moment": "2.15.1",
@@ -101,7 +100,7 @@
     "raphael": "2.2.7",
     "reflect-metadata": "0.1.9",
     "rxjs": "5.1.0",
-    "zone.js": "0.8.11"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -111,7 +110,7 @@
     "angular2-template-loader": "0.6.2",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.26.1",
+    "css-loader": "0.25.0",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
     "file-loader": "0.10.0",
     "fork-ts-checker-webpack-plugin": "0.2.4",
diff --git a/ng2-components/ng2-activiti-analytics/package.json b/ng2-components/ng2-activiti-analytics/package.json
index 4881850be5..ff16f377a5 100644
--- a/ng2-components/ng2-activiti-analytics/package.json
+++ b/ng2-components/ng2-activiti-analytics/package.json
@@ -32,19 +32,19 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "^1.8.0-beta1",
+    "alfresco-js-api": "1.8.0",
     "chart.js": "2.5.0",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
@@ -56,7 +56,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.8.4"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -67,7 +67,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.spec.ts b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.spec.ts
index c6d08826d3..f4a12b0e59 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.spec.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.spec.ts
@@ -215,7 +215,7 @@ describe('AnalyticsReportParametersComponent', () => {
         it('Should render a checkbox with the value true when the definition parameter type is \'boolean\' ', (done) => {
             component.onSuccessReportParams.subscribe(() => {
                 fixture.detectChanges();
-                let checkElement: any = element.querySelector('#input-typeFiltering');
+                let checkElement: any = element.querySelector('#typeFiltering-input');
                 expect(checkElement.checked).toBeTruthy();
                 done();
             });
diff --git a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.html b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.html
index fb7090ca93..f60ca92e0a 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.html
+++ b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.html
@@ -1,9 +1,9 @@
 <label>{{field.nameKey | translate}}</label><br>
 <div [formGroup]="dateRange">
-    <small *ngIf="isStartDateGreaterThanEndDate()" class="adf-text-danger">
+    <small *ngIf="isStartDateGreaterThanEndDate()" class="adf-date-range-analytics-text-danger">
        {{'DATE-WIDGET.MESSAGES.START-LESS-THAN-END-DATE' | translate}}
     </small>
-    <small *ngIf="isStartDateEmpty()" class="adf-text-danger">
+    <small *ngIf="isStartDateEmpty()" class="adf-date-range-analytics-text-danger">
        {{'DATE-WIDGET.MESSAGES.START-DATE-REQUIRED' | translate}}
     </small>
 
@@ -15,39 +15,39 @@
                             [min]="minDate"
                             [max]="maxDate"
                             formControlName="startDate"
-                            [mdDatepicker]="startDatePicker"
+                            [mdDatepicker]="startDate"
                             [value]="startDatePicker"
                             (keydown)="true"
+                            (dateChange)="onGroupValueChanged()"
                             placeholder="{{'DATE-WIDGET.START-DATE' | translate}}"
                             id="startDate_id"
                             required>
-                        <button mdSuffix [mdDatepickerToggle]="startDatePicker"></button>
+                        <md-datepicker-toggle mdSuffix [for]="startDate" ></md-datepicker-toggle>
                     </md-input-container>
                     <md-datepicker
-                        #startDatePicker
-                        [touchUi]="true"
-                        (selectedChanged)="onGroupValueChanged()">
+                        #startDate
+                        [touchUi]="true">
                     </md-datepicker>
                 </md-grid-tile>
                 <md-grid-tile>
-                    <md-input-container class="adf-start-task-input-container">
+                    <md-input-container>
                         <input
                             mdInput
                             [min]="minDate"
                             [max]="maxDate"
                             formControlName="endDate"
-                            [mdDatepicker]="endDatePicker"
+                            [mdDatepicker]="endDate"
                             [value]="endDatePicker"
                             (keydown)="true"
+                            (dateChange)="onGroupValueChanged()"
                             placeholder="{{'DATE-WIDGET.END-DATE' | translate}}"
                             id="endDate_id"
                             required>
-                        <button mdSuffix [mdDatepickerToggle]="endDatePicker"></button>
+                        <md-datepicker-toggle mdSuffix [for]="endDate" ></md-datepicker-toggle>
                     </md-input-container>
                     <md-datepicker
-                        #endDatePicker
-                        [touchUi]="true"
-                        (selectedChanged)="onGroupValueChanged()">
+                        #endDate
+                        [touchUi]="true">
                     </md-datepicker>
                 </md-grid-tile>
             </md-grid-list>
diff --git a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.scss b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.scss
index f1c7606a5b..890f7df0fd 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.scss
+++ b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.scss
@@ -1,7 +1,7 @@
-.adf-text-danger {
-    color: #D8000C;
+@mixin mat-analytics-date-range-widget-theme($theme) {
+    $warn: map-get($theme, warn);
 
-    .mat-input-container {
-        width: 80% !important;
+    .adf-date-range-analytics-text-danger {
+        color: mat-color($warn);
     }
 }
diff --git a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
index 3eb48a573a..b7e0ef18d8 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
@@ -47,8 +47,8 @@ export class DateRangeWidgetComponent implements OnInit {
 
     minDate: Moment;
     maxDate: Moment;
-    startDatePicker: Moment;
-    endDatePicker: Moment;
+    startDatePicker: Moment = moment();
+    endDatePicker: Moment = moment();
 
     constructor(public dateAdapter: DateAdapter<Moment>) {
     }
diff --git a/ng2-components/ng2-activiti-analytics/src/components/widgets/widget.component.ts b/ng2-components/ng2-activiti-analytics/src/components/widgets/widget.component.ts
index 6ff2f4a3d0..2870c99dd7 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/widgets/widget.component.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/widgets/widget.component.ts
@@ -15,14 +15,9 @@
  * limitations under the License.
  */
 
-import { AfterViewInit, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
+import { EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
 
-let componentHandler: any;
-
-/**
- * Base widget component.
- */
-export class WidgetComponent implements AfterViewInit, OnChanges {
+export class WidgetComponent implements OnChanges {
 
     @Input()
     field: any;
@@ -52,17 +47,4 @@ export class WidgetComponent implements AfterViewInit, OnChanges {
         this.fieldChanged.emit(field);
     }
 
-    ngAfterViewInit() {
-        this.setupMaterialComponents(componentHandler);
-    }
-
-    setupMaterialComponents(handler?: any): boolean {
-        // workaround for MDL issues with dynamic components
-        if (handler) {
-            handler.upgradeAllRegistered();
-            return true;
-        }
-        return false;
-    }
-
 }
diff --git a/ng2-components/ng2-activiti-analytics/styles/index.scss b/ng2-components/ng2-activiti-analytics/styles/index.scss
index 4acae039fc..9f36ba7050 100644
--- a/ng2-components/ng2-activiti-analytics/styles/index.scss
+++ b/ng2-components/ng2-activiti-analytics/styles/index.scss
@@ -1,5 +1,7 @@
 @import '../src/components/analytics-report-list.component';
+@import '../src/components/widgets/date-range/date-range.widget';
 
 @mixin alfresco-activity-analytics-theme($theme) {
     @include mat-analytics-report-list-theme($theme);
+    @include mat-analytics-date-range-widget-theme($theme);
 }
diff --git a/ng2-components/ng2-activiti-diagrams/package.json b/ng2-components/ng2-activiti-diagrams/package.json
index 3213f73bb8..7381044fdb 100644
--- a/ng2-components/ng2-activiti-diagrams/package.json
+++ b/ng2-components/ng2-activiti-diagrams/package.json
@@ -28,19 +28,19 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "^1.8.0-beta1",
+    "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
     "ng2-alfresco-core": "1.8.0",
@@ -48,7 +48,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.8.4"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -59,7 +59,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-activiti-form/package.json b/ng2-components/ng2-activiti-form/package.json
index df9d491ff9..22164e75a6 100644
--- a/ng2-components/ng2-activiti-form/package.json
+++ b/ng2-components/ng2-activiti-form/package.json
@@ -35,17 +35,17 @@
     "activiti"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -55,7 +55,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.8.4"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -66,7 +66,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss
index 23a5a57012..016bb17dcc 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss
@@ -12,7 +12,7 @@
 
         .mat-input-prefix {
             position: absolute;
-            margin-top: 42px;
+            margin-top: 37px;
         }
 
     }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss
index 9dd1bc46de..1aa86c51c8 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss
@@ -47,6 +47,10 @@
             padding-right: 1%;
         }
 
+        .mat-form-field {
+            width: 100%;
+        }
+
         md-input-container {
             width: 100%;
         }
@@ -56,7 +60,7 @@
         }
 
         .mat-input-placeholder {
-            top: 2.2em !important;
+            top: 1.8em !important;
         }
 
         .mat-focused {
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.html
index b028442d30..3a890e20bb 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.html
@@ -4,17 +4,18 @@
         <input mdInput
                [id]="field.id"
                [mdDatepicker]="datePicker"
-               [(value)]="field.value"
+               [(value)]="displayDate"
                [required]="isRequired()"
                [disabled]="field.readOnly"
                [min]="minDate"
                [max]="maxDate"
                (focusout)="onDateChanged($event.srcElement.value)"
+               (dateChange)="onDateChanged($event)"
                placeholder="{{field.placeholder}}">
-        <button class="adf-date-widget-button" mdSuffix [mdDatepickerToggle]="datePicker"  [disabled]="field.readOnly"></button>
+        <md-datepicker-toggle  mdSuffix [for]="datePicker" [disabled]="field.readOnly" ></md-datepicker-toggle>
     </md-input-container>
     <error-widget [error]="field.validationSummary" ></error-widget>
     <error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
-    <md-datepicker #datePicker [touchUi]="true" [startAt]="startAt" (selectedChanged)="onDateChanged($event)"></md-datepicker>
+    <md-datepicker #datePicker [touchUi]="true" [startAt]="startAt" ></md-datepicker>
 </div>
 
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss
index 8126b2b7ba..95ae29a644 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss
@@ -5,29 +5,31 @@
 
     &-date-widget {
         .mat-input-suffix {
+            text-align: right;
             position: absolute;
-            margin-top: 42px;
+            margin-top: 30px;
             width: 100%;
         }
+
+        &-date-widget-button {
+            position: relative;
+            float: right;
+        }
+
+        &-date-input {
+            padding-top: 5px;
+            padding-bottom: 5px;
+        }
+
+        &-grid-date-widget {
+            align-items: center;
+            padding: 0;
+        }
+
+        &-date-widget-button__cell {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
     }
 
-    &-date-widget-button {
-        position: relative;
-        float: right;
-    }
-
-    &-date-input {
-        padding-top: 5px;
-        padding-bottom: 5px;
-    }
-
-    &-grid-date-widget {
-        align-items: center;
-        padding: 0;
-    }
-
-    &-date-widget-button__cell {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
 }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.ts b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.ts
index ea321a020d..75ebb22e07 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.ts
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.ts
@@ -40,6 +40,8 @@ export class DateWidgetComponent extends WidgetComponent implements OnInit {
     minDate: Moment;
     maxDate: Moment;
 
+    displayDate: Moment;
+
     constructor(public formService: FormService, public dateAdapter: DateAdapter<Moment>) {
         super(formService);
     }
@@ -57,6 +59,9 @@ export class DateWidgetComponent extends WidgetComponent implements OnInit {
                 this.maxDate = moment(this.field.maxValue, this.field.dateDisplayFormat);
             }
         }
+
+        this.displayDate = moment(this.field.value, this.field.dateDisplayFormat, true);
+
     }
 
     onDateChanged(newDateValue) {
@@ -67,10 +72,11 @@ export class DateWidgetComponent extends WidgetComponent implements OnInit {
             if (!momentDate.isValid()) {
                 this.field.validationSummary = this.field.dateDisplayFormat;
                 this.field.value = null;
-            }else {
+            } else {
                 this.field.value = newDateValue;
+                this.displayDate = moment(this.field.value, this.field.dateDisplayFormat, true);
             }
-        }else {
+        } else {
             this.field.value = null;
         }
         this.checkVisibility(this.field);
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss
index d5d907aca9..f1d8b0c047 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss
@@ -4,15 +4,25 @@
 .adf {
     &-dropdown-widget {
         width: 100%;
-        padding-top: 16px;
-    }
+        margin-top: 13px;
 
-    &-select {
-        width: 100%;
-    }
+        .adf-select{
+            padding-top: 0 !important;
+            width: 100%;
+        }
+
+        .mat-select-value-text{
+            font-size: 14px;
+        }
+
+        &-select {
+            width: 100%;
+        }
+
+        &-dropdown-required-message .adf-error-text-container{
+            margin-top: 1px !important;
+        }
 
-    &-dropdown-required-message .adf-error-text-container{
-        margin-top: 1px !important;
     }
 
 }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.html b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.html
index 5e9e34b489..254631b6d3 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.html
@@ -10,8 +10,7 @@
             [required]="column.required"
             [disabled]="!column.editable"
            (focusout)="onDateChanged($event.srcElement.value)">
-            <button mdSuffix *ngIf="column.editable"
-            [mdDatepickerToggle]="datePicker" class="adf-date-editor-button"></button>
+        <md-datepicker-toggle  *ngIf="column.editable" mdSuffix [for]="datePicker" class="adf-date-editor-button" ></md-datepicker-toggle>
     </md-input-container>
-    <md-datepicker #datePicker (selectedChanged)="onDateChanged($event)" [touchUi]="true"></md-datepicker>
+    <md-datepicker #datePicker (dateChange)="onDateChanged($event)" [touchUi]="true"></md-datepicker>
 </div>
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/error/error.component.scss b/ng2-components/ng2-activiti-form/src/components/widgets/error/error.component.scss
index 160fdbe03c..9d7ae4948e 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/error/error.component.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/error/error.component.scss
@@ -1,4 +1,10 @@
 .adf-error-text-container {
     margin-top: -14px !important;
-    width: 50%;
+    position: relative;
+    width: 100%;
 }
+
+.adf-error-text{
+    width: 85%;
+}
+
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
index 69e3a5e4ed..f36f1dbcf1 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
@@ -17,7 +17,6 @@
     .adf {
 
         &-error-text-container {
-            width: 95%;
             height: 20px;
             margin-top: -12px;
         }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss
index 43d68ac1e5..ac64d0d552 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss
@@ -17,7 +17,6 @@
         overflow: hidden;
         transition: all .3s cubic-bezier(.55,0,.55,.2);
         opacity: 1;
-        margin-top: 0;
         padding-top: 5px;
         text-align: right;
         padding-right: 2px;
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss
index 1b07996fd2..cd7803f9ee 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss
@@ -36,7 +36,7 @@
         background: #ff9800;
         display: inline-block;
         width: 30px;
-        padding: 0px 9px;
+        padding: 0 9px;
         border-radius: 100px;
         color: #fff;
         text-align: center;
@@ -56,7 +56,7 @@
         height: 50px;
         vertical-align: middle;
         display: inline-block;
-        padding: 0px 0px;
+        padding: 0 0;
     }
 
     &-people-widget-image-row {
diff --git a/ng2-components/ng2-activiti-processlist/package.json b/ng2-components/ng2-activiti-processlist/package.json
index 177c5c53eb..c1ac3d41b1 100644
--- a/ng2-components/ng2-activiti-processlist/package.json
+++ b/ng2-components/ng2-activiti-processlist/package.json
@@ -34,17 +34,17 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -57,7 +57,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -68,7 +68,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-activiti-tasklist/package.json b/ng2-components/ng2-activiti-tasklist/package.json
index cebcf7c2c3..04b67af598 100644
--- a/ng2-components/ng2-activiti-tasklist/package.json
+++ b/ng2-components/ng2-activiti-tasklist/package.json
@@ -38,18 +38,18 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/flex-layout": "^2.0.0-beta.9",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/flex-layout": "2.0.0-beta.9",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -61,7 +61,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -72,7 +72,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.html b/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.html
index 4435784f23..9513937897 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.html
@@ -30,10 +30,10 @@
                            (focusout)="onDateChanged($event.srcElement.value)"
                            placeholder="{{'START_TASK.FORM.LABEL.DATE'|translate}}"
                            [(ngModel)]="startTaskmodel.dueDate" id="date_id">
-                    <button mdSuffix [mdDatepickerToggle]="taskDatePicker"></button>
+                    <md-datepicker-toggle mdSuffix [for]="taskDatePicker"></md-datepicker-toggle>
                 </md-input-container>
                 <md-datepicker #taskDatePicker [touchUi]="true"
-                               (selectedChanged)="onDateChanged($event)"></md-datepicker>
+                               (onDateChanged)="onDateChanged($event)"></md-datepicker>
                 <div class="adf-error-text-container">
                     <div *ngIf="dateError">
                         <div class="adf-error-text">{{'START_TASK.FORM.DATE.ERROR'|translate}}</div>
diff --git a/ng2-components/ng2-alfresco-core/package.json b/ng2-components/ng2-alfresco-core/package.json
index c3437f2ae7..cc4235ef51 100644
--- a/ng2-components/ng2-alfresco-core/package.json
+++ b/ng2-components/ng2-alfresco-core/package.json
@@ -42,29 +42,28 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/compiler-cli": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/compiler-cli": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
-    "material-design-icons": "2.2.3",
     "material-design-lite": "1.2.1",
     "moment": "2.15.1",
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -75,7 +74,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
index 34972d71a2..0252df0e36 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #2196f3; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #2196f3; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff9800; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #2196f3; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #2196f3;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff9800;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #2196f3;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff9800;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #2196f3; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff9800; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff9800; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #2196f3; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #2196f3; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #2196f3; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff9800; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff9800; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #2196f3; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff9800; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #2196f3; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(187, 222, 251, 0.3); }
-
-.mat-ink-bar {
-  background-color: #2196f3; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff9800; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #2196f3; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #82b1ff; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
index 1117f3efe7..71b8bec51f 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #2196f3; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #2196f3; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #3f51b5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #2196f3; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #2196f3;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #2196f3;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #2196f3; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #3f51b5; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #2196f3; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #2196f3; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #2196f3; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #3f51b5; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #2196f3; }
-  .mat-input-ripple.mat-accent {
-    background-color: #3f51b5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #2196f3; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(187, 222, 251, 0.3); }
-
-.mat-ink-bar {
-  background-color: #2196f3; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #3f51b5; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #2196f3; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #82b1ff; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
index 4fa1a905cf..146660b45a 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #00bcd4; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #00bcd4; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff9800; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #00bcd4; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #00bcd4;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff9800;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #00bcd4;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff9800;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #00bcd4; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff9800; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff9800; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #00bcd4; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #00bcd4; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #00bcd4; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff9800; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff9800; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #00bcd4; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff9800; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #00bcd4; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(178, 235, 242, 0.3); }
-
-.mat-ink-bar {
-  background-color: #00bcd4; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff9800; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #00bcd4; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #84ffff; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
index 4282de4573..3c867e1a7e 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #00bcd4; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #00bcd4; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #3f51b5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #00bcd4; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #00bcd4;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #00bcd4;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #00bcd4; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #3f51b5; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #00bcd4; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #00bcd4; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #00bcd4; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #3f51b5; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #00bcd4; }
-  .mat-input-ripple.mat-accent {
-    background-color: #3f51b5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #00bcd4; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(178, 235, 242, 0.3); }
-
-.mat-ink-bar {
-  background-color: #00bcd4; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #3f51b5; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #00bcd4; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #84ffff; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
index d81cb55d71..5ccebc1819 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #8bc34a; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #8bc34a; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff9800; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #8bc34a; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #8bc34a;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff9800;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #8bc34a;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff9800;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #8bc34a; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff9800; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff9800; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #8bc34a; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #8bc34a; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #8bc34a; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff9800; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff9800; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #8bc34a; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff9800; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #8bc34a; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(220, 237, 200, 0.3); }
-
-.mat-ink-bar {
-  background-color: #8bc34a; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff9800; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #8bc34a; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #ccff90; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
index d8a835b63c..677a3ef027 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #8bc34a; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #8bc34a; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #3f51b5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #8bc34a; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #8bc34a;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #8bc34a;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #8bc34a; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #3f51b5; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #8bc34a; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #8bc34a; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #8bc34a; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #3f51b5; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #8bc34a; }
-  .mat-input-ripple.mat-accent {
-    background-color: #3f51b5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #8bc34a; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(220, 237, 200, 0.3); }
-
-.mat-ink-bar {
-  background-color: #8bc34a; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #3f51b5; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #8bc34a; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #ccff90; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
index 5139b36faf..7bae64316f 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff4081; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #3f51b5; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff4081; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #3f51b5; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -987,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff4081;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff4081;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -1065,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff4081; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff4081; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff4081; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #3f51b5; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff4081; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff4081; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #3f51b5; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff4081; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #3f51b5; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff4081; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1397,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(197, 202, 233, 0.3); }
-
-.mat-ink-bar {
-  background-color: #3f51b5; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 128, 171, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff4081; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 128, 171, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff4081; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff4081; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #3f51b5; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #8c9eff; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: white; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
index d7e59c9b46..15aab1f268 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: white; }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(255, 255, 255, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #c2185b; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #b0bec5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(255, 255, 255, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #303030; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #c2185b; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #b0bec5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #c2185b; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #686868; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #212121;
-  color: white; }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-button-toggle-disabled {
   background-color: black;
@@ -985,21 +1080,40 @@
   background-color: rgba(244, 67, 54, 0.26); }
 
 .mat-chip:not(.mat-basic-chip) {
-  background-color: #424242;
+  background-color: #616161;
   color: white; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #212121;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #c2185b;
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
   color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #c2185b;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #b0bec5;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #b0bec5;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: #424242; }
@@ -1070,19 +1184,68 @@
 .mat-action-row {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(255, 255, 255, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: white; }
 
-.mat-expansion-panel-header-description {
-  color: rgba(255, 255, 255, 0.7); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-hint {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #c2185b; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #b0bec5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #b0bec5; }
+
+.mat-form-field-underline {
+  background-color: rgba(255, 255, 255, 0.7); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #c2185b; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #b0bec5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #c2185b; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(255, 255, 255, 0.3); }
-
-.mat-focused .mat-input-placeholder {
-  color: #c2185b; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #b0bec5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #b0bec5; }
-
-.mat-input-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
-
-.mat-input-ripple {
-  background-color: #c2185b; }
-  .mat-input-ripple.mat-accent {
-    background-color: #b0bec5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: white; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: white; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-list-item-disabled {
+  background-color: black; }
+
 .mat-divider {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(255, 255, 255, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-panel {
   background: #424242; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: white; }
   .mat-menu-item[disabled] {
     color: rgba(255, 255, 255, 0.3); }
-  .mat-menu-item .mat-icon {
-    color: white;
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: white; }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(255, 255, 255, 0.04); }
 
 .mat-paginator {
   background: #424242; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
+  background-color: rgba(255, 255, 255, 0.7); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: #424242; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: white; }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(255, 255, 255, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #c2185b; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #b0bec5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #303030;
   color: white; }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: #424242;
   color: white; }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: #424242; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(189, 189, 189, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(255, 255, 255, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(233, 30, 99, 0.3); }
-
-.mat-ink-bar {
-  background-color: #c2185b; }
-
 .mat-tab-label, .mat-tab-link {
   color: white; }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(255, 255, 255, 0.3); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(233, 30, 99, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #c2185b; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(207, 216, 220, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #b0bec5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(233, 30, 99, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #c2185b; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(207, 216, 220, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #b0bec5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: #212121;
   color: white; }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-simple-snackbar-action {
+  color: inherit; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #c2185b; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #ff80ab; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: #424242; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
index e408cb9016..e5adc8431a 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
@@ -78,7 +78,7 @@
   font: 400 34px/40px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,9 +104,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -133,6 +138,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -147,62 +212,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -211,6 +228,7 @@
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -220,6 +238,7 @@
   font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -250,33 +269,62 @@
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -430,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -456,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -485,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -499,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -563,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -572,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -602,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -649,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -695,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -744,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -801,11 +899,11 @@
   color: white; }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(255, 255, 255, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #7b1fa2; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #69f0ae; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(255, 255, 255, 0.04); }
@@ -826,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #303030; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #7b1fa2; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #69f0ae; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #7b1fa2; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #686868; }
 
 .mat-app-background {
@@ -930,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #212121;
-  color: white; }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-button-toggle-disabled {
   background-color: black;
@@ -985,21 +1080,40 @@
   background-color: rgba(244, 67, 54, 0.26); }
 
 .mat-chip:not(.mat-basic-chip) {
-  background-color: #424242;
+  background-color: #616161;
   color: white; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #212121;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #7b1fa2;
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
   color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #7b1fa2;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #69f0ae;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #69f0ae;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: #424242; }
@@ -1070,19 +1184,68 @@
 .mat-action-row {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(255, 255, 255, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: white; }
 
-.mat-expansion-panel-header-description {
-  color: rgba(255, 255, 255, 0.7); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-hint {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #7b1fa2; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #69f0ae; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #69f0ae; }
+
+.mat-form-field-underline {
+  background-color: rgba(255, 255, 255, 0.7); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #7b1fa2; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #69f0ae; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #7b1fa2; }
 
@@ -1092,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(255, 255, 255, 0.3); }
-
-.mat-focused .mat-input-placeholder {
-  color: #7b1fa2; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #69f0ae; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #69f0ae; }
-
-.mat-input-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
-
-.mat-input-ripple {
-  background-color: #7b1fa2; }
-  .mat-input-ripple.mat-accent {
-    background-color: #69f0ae; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: white; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: white; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-list-item-disabled {
+  background-color: black; }
+
 .mat-divider {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
@@ -1145,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(255, 255, 255, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-panel {
   background: #424242; }
 
 .mat-menu-item {
@@ -1153,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: white; }
   .mat-menu-item[disabled] {
     color: rgba(255, 255, 255, 0.3); }
-  .mat-menu-item .mat-icon {
-    color: white;
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: white; }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(255, 255, 255, 0.04); }
 
 .mat-paginator {
   background: #424242; }
@@ -1252,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
+  background-color: rgba(255, 255, 255, 0.7); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: #424242; }
@@ -1268,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: white; }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(255, 255, 255, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #7b1fa2; }
 
@@ -1280,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #69f0ae; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #303030;
   color: white; }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: #424242;
   color: white; }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: #424242; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(189, 189, 189, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1432,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(255, 255, 255, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(156, 39, 176, 0.3); }
-
-.mat-ink-bar {
-  background-color: #7b1fa2; }
-
 .mat-tab-label, .mat-tab-link {
   color: white; }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(255, 255, 255, 0.3); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(156, 39, 176, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #7b1fa2; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(185, 246, 202, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #69f0ae; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(156, 39, 176, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #7b1fa2; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(185, 246, 202, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #69f0ae; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: #212121;
   color: white; }
@@ -1459,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-simple-snackbar-action {
+  color: inherit; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1565,12 +1805,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .adf-dateitem-editable {
   cursor: pointer; }
-  .adf-dateitem-editable button {
+  .adf-dateitem-editable md-icon {
     width: 16px;
     height: 16px;
     opacity: 0.5;
     margin-left: 4px; }
-  .adf-dateitem-editable:hover button {
+  .adf-dateitem-editable:hover md-icon {
     opacity: 1; }
 
 .adf-property-list {
@@ -1781,6 +2021,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
       .adf-analytics-report-list .adf-report-card-actions-icon:hover {
         color: #b7dfea; }
 
+.adf-date-range-analytics-text-danger {
+  color: #f44336; }
+
 .adf-diagram-tooltip {
   transform: scale(0);
   transform-origin: top center;
@@ -1850,7 +2093,6 @@ ul > li > form-field > .adf-focus .adf-label {
   color: #7b1fa2; }
 
 .adf-error-text-container {
-  width: 95%;
   height: 20px;
   margin-top: -12px; }
 
@@ -1922,6 +2164,9 @@ container-widget .grid-list-item {
   padding-left: 1%;
   padding-right: 1%; }
 
+container-widget .mat-form-field {
+  width: 100%; }
+
 container-widget md-input-container {
   width: 100%; }
 
@@ -1929,7 +2174,7 @@ container-widget .mat-input-placeholder-wrapper {
   top: 0 !important; }
 
 container-widget .mat-input-placeholder {
-  top: 2.2em !important; }
+  top: 1.8em !important; }
 
 container-widget .mat-focused .mat-input-placeholder-wrapper {
   display: none; }
@@ -3076,14 +3321,14 @@ adf-file-uploading-list-row:not(:first-child) {
   border-radius: 90%;
   width: 40px;
   height: 40px;
-  margin-right: 0%;
+  margin-right: 0;
   cursor: pointer;
   vertical-align: middle; }
 
 .adf-userinfo-menu_button.mat-button {
-  margin-right: 0%;
+  margin-right: 0;
   border-radius: 90%;
-  padding: 0px;
+  padding: 0;
   min-width: 40px;
   height: 40px; }
 
@@ -3108,14 +3353,13 @@ adf-file-uploading-list-row:not(:first-child) {
   box-sizing: border-box; }
 
 .adf-userinfo-card.mat-card {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-userinfo-supporting-text {
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
-  display: block;
   overflow: hidden;
   padding: 32px;
   -webkit-column-count: 2;
@@ -3125,7 +3369,7 @@ adf-file-uploading-list-row:not(:first-child) {
   justify-content: space-between; }
 
 .adf-userinfo-title {
-  font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
   margin: 0;
   align-self: flex-end;
   display: flex;
@@ -3135,20 +3379,18 @@ adf-file-uploading-list-row:not(:first-child) {
   padding: 0;
   -webkit-margin-before: 0.83em;
   -webkit-margin-after: 0.83em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px; }
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0; }
 
 .adf-userinfo__detail-profile {
   align-items: flex-start;
   font-size: 14px;
-  font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 18px;
   display: block;
   padding: 0;
-  align-items: flex-start;
-  margin: 0px;
+  margin: 0;
   color: #ea80fc; }
 
 .adf-userinfo__detail-title {
@@ -3172,12 +3414,12 @@ adf-file-uploading-list-row:not(:first-child) {
   height: 80px;
   width: 80px;
   z-index: 3;
-  margin-left: 0px;
+  margin-left: 0;
   margin-right: 8px; }
 
 .adf-userinfo-button-profile {
   display: inline-block;
-  border: 0px;
+  border: 0;
   vertical-align: middle; }
 
 .adf-userinfo-detail {
@@ -3191,10 +3433,10 @@ adf-file-uploading-list-row:not(:first-child) {
     max-height: 450px;
     min-width: 450px;
     overflow: auto;
-    padding: 0px; } }
+    padding: 0; } }
 
 .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
-  padding: 0px; }
+  padding: 0; }
 
 .adf-search-button.mat-button {
   border-radius: 50%;
@@ -3210,23 +3452,17 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-container {
   display: flex;
   align-items: center; }
-  .adf-search-container .search-field {
-    width: 260px;
+  .adf-search-container .adf-search-field {
+    max-width: 260px;
     padding-top: 6px; }
-    .adf-search-container .search-field .mat-input-container {
+    .adf-search-container .adf-search-field .mat-input-container {
       width: 100%; }
-    .adf-search-container .search-field .mat-input-underline .mat-input-ripple {
+    .adf-search-container .adf-search-field .mat-input-underline .mat-input-ripple {
       background-color: #424242; }
-    .adf-search-container .search-field .mat-input-element {
+    .adf-search-container .adf-search-field .mat-input-element {
       font-size: 16px; }
-  .adf-search-container .search-field .mat-input-infix {
-    padding: 0px; }
-  @media only screen and (max-width: 400px) {
-    .adf-search-container .search-field {
-      width: 200px; } }
-  @media only screen and (max-width: 320px) {
-    .adf-search-container .search-field {
-      width: 160px; } }
+  .adf-search-container .adf-search-field .mat-input-infix {
+    padding: 0; }
 
 .adf-search-form {
   overflow: hidden; }
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html
index 8acab8ce72..084a7bdae0 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.html
@@ -1,24 +1,24 @@
 <div class="adf-property-label">{{ property.label }}</div>
 <div class="adf-property-value">
-    <span *ngIf="!isEditble()">
+    <span *ngIf="!isEditable()">
         <span [attr.data-automation-id]="'card-dateitem-' + property.key">{{ property.displayValue }}</span>
     </span>
-    <span *ngIf="isEditble()" class="adf-dateitem-editable">
-        <input class="adf-invisible-date-input" [mdDatepicker]="picker" value="{{property.value}}">
+    <span *ngIf="isEditable()" class="adf-dateitem-editable">
+        <input class="adf-invisible-date-input" [mdDatepicker]="picker" [value]="valueDate"
+               (dateChange)="onDateChanged($event)">
         <span
             class="adf-datepicker-toggle"
             [attr.data-automation-id]="'datepicker-label-toggle-' + property.key"
             (click)="showDatePicker($event)">{{ property.displayValue }}
         </span>
-        <button
+        <md-datepicker-toggle
             [attr.data-automation-id]="'datepickertoggle-' + property.key"
-            [mdDatepickerToggle]="picker">
-        </button>
+            [for]="picker">
+        </md-datepicker-toggle>
         <md-datepicker #picker
-            [attr.data-automation-id]="'datepicker-' + property.key"
-            (selectedChanged)="dateChanged($event)"
-            [startAt]="property.value"
-            [touchUi]="true">
+                       [attr.data-automation-id]="'datepicker-' + property.key"
+                       [startAt]="valueDate"
+                       [touchUi]="true">
         </md-datepicker>
     </span>
 </div>
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss
index 4d05b7ba97..b03e610108 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss
@@ -14,14 +14,14 @@
         &-dateitem-editable {
             cursor: pointer;
 
-            button {
+            md-icon {
                 width: 16px;
                 height: 16px;
                 opacity: 0.5;
                 margin-left: 4px;
             }
 
-            &:hover button {
+            &:hover md-icon {
                 opacity: 1;
             }
         }
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.spec.ts b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.spec.ts
index e197bc1b4f..0aa5aff0b0 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.spec.ts
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.spec.ts
@@ -18,6 +18,7 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { MdDatepickerModule, MdInputModule, MdNativeDateModule } from '@angular/material';
 import { By } from '@angular/platform-browser';
+import * as moment from 'moment';
 import { CardViewDateItemModel } from '../../models/card-view-dateitem.model';
 import { CardViewUpdateService } from '../../services/card-view-update.service';
 import { CardViewDateItemComponent } from './card-view-dateitem.component';
@@ -46,7 +47,7 @@ describe('CardViewDateItemComponent', () => {
     beforeEach(() => {
         fixture = TestBed.createComponent(CardViewDateItemComponent);
         component = fixture.componentInstance;
-        component.property = new CardViewDateItemModel ({
+        component.property = new CardViewDateItemModel({
             label: 'Date label',
             value: new Date('07/10/2017'),
             key: 'datekey',
@@ -131,17 +132,17 @@ describe('CardViewDateItemComponent', () => {
         component.editable = true;
         component.property.editable = true;
         const cardViewUpdateService = TestBed.get(CardViewUpdateService);
-        const expectedDate = new Date('11/11/2017');
+        const expectedDate = moment('Jul 10 2017', 'MMM DD YY');
         fixture.detectChanges();
 
         cardViewUpdateService.itemUpdated$.subscribe(
             (updateNotification) => {
                 expect(updateNotification.target).toBe(component.property);
-                expect(updateNotification.changed).toEqual({ datekey: expectedDate });
+                expect(updateNotification.changed).toEqual({datekey: expectedDate.toDate()});
                 done();
             }
         );
 
-        component.datepicker.selectedChanged.next(expectedDate);
+        component.onDateChanged({value: expectedDate});
     });
 });
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.ts b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.ts
index f3c8aa426b..2bcbc63494 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.ts
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.ts
@@ -15,17 +15,27 @@
  * limitations under the License.
  */
 
-import { Component, Input, ViewChild } from '@angular/core';
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
 import { MdDatepicker } from '@angular/material';
+import { DateAdapter, MD_DATE_FORMATS } from '@angular/material';
+import * as moment from 'moment';
+import { Moment } from 'moment';
 import { CardViewDateItemModel } from '../../models/card-view-dateitem.model';
 import { CardViewUpdateService } from '../../services/card-view-update.service';
+import { MOMENT_DATE_FORMATS, MomentDateAdapter } from '../../utils/momentDateAdapter';
 
 @Component({
+    providers: [
+        {provide: DateAdapter, useClass: MomentDateAdapter},
+        {provide: MD_DATE_FORMATS, useValue: MOMENT_DATE_FORMATS}],
     selector: 'adf-card-view-dateitem',
     templateUrl: './card-view-dateitem.component.html',
     styleUrls: ['./card-view-dateitem.component.scss']
 })
-export class CardViewDateItemComponent {
+export class CardViewDateItemComponent implements OnInit {
+
+    public SHOW_FORMAT: string = 'MMM DD YY';
+
     @Input()
     property: CardViewDateItemModel;
 
@@ -35,9 +45,22 @@ export class CardViewDateItemComponent {
     @ViewChild(MdDatepicker)
     public datepicker: MdDatepicker<any>;
 
-    constructor(private cardViewUpdateService: CardViewUpdateService) {}
+    valueDate: Moment;
 
-    isEditble() {
+    constructor(private cardViewUpdateService: CardViewUpdateService, public dateAdapter: DateAdapter<Moment>) {
+    }
+
+    ngOnInit() {
+        let momentDateAdapter = <MomentDateAdapter> this.dateAdapter;
+        momentDateAdapter.overrideDisplyaFormat = this.SHOW_FORMAT;
+
+        if (this.property.value) {
+            this.valueDate = moment(this.property.value, this.SHOW_FORMAT);
+        }
+
+    }
+
+    isEditable() {
         return this.editable && this.property.editable;
     }
 
@@ -45,7 +68,14 @@ export class CardViewDateItemComponent {
         this.datepicker.open();
     }
 
-    dateChanged(changed) {
-        this.cardViewUpdateService.update(this.property, { [this.property.key]: changed });
+    onDateChanged(newDateValue) {
+        if (newDateValue) {
+            let momentDate = moment(newDateValue.value, this.SHOW_FORMAT, true);
+            if (momentDate.isValid()) {
+                this.valueDate = momentDate;
+                this.cardViewUpdateService.update(this.property, {[this.property.key]: momentDate.toDate()});
+            }
+        }
     }
+
 }
diff --git a/ng2-components/ng2-alfresco-core/src/utils/momentDateAdapter.ts b/ng2-components/ng2-alfresco-core/src/utils/momentDateAdapter.ts
index 5aa3760fa7..a04eeae2a7 100644
--- a/ng2-components/ng2-alfresco-core/src/utils/momentDateAdapter.ts
+++ b/ng2-components/ng2-alfresco-core/src/utils/momentDateAdapter.ts
@@ -190,4 +190,19 @@ export class MomentDateAdapter extends DateAdapter<Moment> {
             return date;
         }
     }
+
+    isDateInstance(date: any) {
+        let isValidDateInstance = false;
+
+        if (date) {
+            isValidDateInstance = date._isAMomentObject;
+        }
+
+        return isValidDateInstance;
+    }
+
+    isValid(date: Moment): boolean {
+        return date.isValid();
+    }
+
 }
diff --git a/ng2-components/ng2-alfresco-datatable/package.json b/ng2-components/ng2-alfresco-datatable/package.json
index cffcdc14af..b47d26de88 100644
--- a/ng2-components/ng2-alfresco-datatable/package.json
+++ b/ng2-components/ng2-alfresco-datatable/package.json
@@ -34,17 +34,17 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -53,7 +53,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -64,7 +64,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-documentlist/package.json b/ng2-components/ng2-alfresco-documentlist/package.json
index 5aa23d5033..6da174abe2 100644
--- a/ng2-components/ng2-alfresco-documentlist/package.json
+++ b/ng2-components/ng2-alfresco-documentlist/package.json
@@ -42,19 +42,19 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "^1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
+    "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
     "ng2-alfresco-core": "1.8.0",
@@ -62,7 +62,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -73,7 +73,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-login/package.json b/ng2-components/ng2-alfresco-login/package.json
index 40b03ee3ad..1edaabe571 100644
--- a/ng2-components/ng2-alfresco-login/package.json
+++ b/ng2-components/ng2-alfresco-login/package.json
@@ -46,25 +46,25 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "^1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
+    "alfresco-js-api": "1.8.0",
     "hammerjs": "2.0.8",
     "ng2-alfresco-core": "1.8.0",
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -75,7 +75,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-search/package.json b/ng2-components/ng2-alfresco-search/package.json
index 7fe167d90a..7a557ea927 100644
--- a/ng2-components/ng2-alfresco-search/package.json
+++ b/ng2-components/ng2-alfresco-search/package.json
@@ -42,17 +42,17 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -63,7 +63,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -74,7 +74,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-social/package.json b/ng2-components/ng2-alfresco-social/package.json
index 555adfea3c..7b5e51e11b 100644
--- a/ng2-components/ng2-alfresco-social/package.json
+++ b/ng2-components/ng2-alfresco-social/package.json
@@ -22,17 +22,17 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -41,7 +41,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.6.26"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -52,7 +52,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-tag/package.json b/ng2-components/ng2-alfresco-tag/package.json
index f37664b169..b21f113ee9 100644
--- a/ng2-components/ng2-alfresco-tag/package.json
+++ b/ng2-components/ng2-alfresco-tag/package.json
@@ -22,17 +22,17 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -41,7 +41,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -52,7 +52,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-upload/package.json b/ng2-components/ng2-alfresco-upload/package.json
index 9e425562ae..fdc0bd8500 100644
--- a/ng2-components/ng2-alfresco-upload/package.json
+++ b/ng2-components/ng2-alfresco-upload/package.json
@@ -43,17 +43,17 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -63,7 +63,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -74,7 +74,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-userinfo/package.json b/ng2-components/ng2-alfresco-userinfo/package.json
index 65cf57f753..e0cd2d18fd 100644
--- a/ng2-components/ng2-alfresco-userinfo/package.json
+++ b/ng2-components/ng2-alfresco-userinfo/package.json
@@ -22,17 +22,17 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -41,7 +41,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -52,7 +52,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
index bc48c6d1d6..63bec87ca6 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
+++ b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
@@ -10,15 +10,15 @@
             border-radius: 90%;
             width: 40px;
             height: 40px;
-            margin-right: 0%;
+            margin-right: 0;
             cursor: pointer;
             vertical-align: middle;
         }
 
         &-userinfo-menu_button.mat-button {
-            margin-right: 0%;
+            margin-right: 0;
             border-radius: 90%;
-            padding: 0px;
+            padding: 0;
             min-width: 40px;
             height: 40px;
         }
@@ -47,7 +47,7 @@
         }
 
         &-userinfo-card.mat-card {
-            padding: 0px;
+            padding: 0;
         }
 
         &-userinfo-supporting-text {
@@ -55,7 +55,6 @@
             font-weight: 400;
             letter-spacing: 0;
             line-height: 18px;
-            display: block;
             overflow: hidden;
             padding: 32px;
             -webkit-column-count: 2;
@@ -66,7 +65,7 @@
         }
 
         &-userinfo-title {
-            font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
+            font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
             margin: 0;
             align-self: flex-end;
             display: flex;
@@ -76,21 +75,19 @@
             padding: 0;
             -webkit-margin-before: 0.83em;
             -webkit-margin-after: 0.83em;
-            -webkit-margin-start: 0px;
-            -webkit-margin-end: 0px;
+            -webkit-margin-start: 0;
+            -webkit-margin-end: 0;
         }
 
         &-userinfo__detail-profile {
             align-items: flex-start;
             font-size: 14px;
-            font-size: 14px;
             font-weight: 400;
             letter-spacing: 0;
             line-height: 18px;
             display: block;
             padding: 0;
-            align-items: flex-start;
-            margin: 0px;
+            margin: 0;
             color: mat-color($primary, A100);
         }
 
@@ -117,13 +114,13 @@
             height: 80px;
             width: 80px;
             z-index: 3;
-            margin-left: 0px;
+            margin-left: 0;
             margin-right: 8px;
         }
 
         &-userinfo-button-profile {
             display: inline-block;
-            border: 0px;
+            border: 0;
             vertical-align: middle;
         }
 
@@ -139,15 +136,15 @@
 
     @media only screen and (min-device-width: 480px) {
         .mat-menu-panel.adf-userinfo-menu {
-        max-height: 450px;
-        min-width: 450px;
-        overflow: auto;
-        padding: 0px;
+            max-height: 450px;
+            min-width: 450px;
+            overflow: auto;
+            padding: 0;
         }
     }
 
-    .mat-menu-panel.adf-userinfo-menu .mat-menu-content{
-        padding: 0px;
+    .mat-menu-panel.adf-userinfo-menu .mat-menu-content {
+        padding: 0;
     }
 }
 
diff --git a/ng2-components/ng2-alfresco-viewer/package.json b/ng2-components/ng2-alfresco-viewer/package.json
index 08aec4392b..34ec2ef4cf 100644
--- a/ng2-components/ng2-alfresco-viewer/package.json
+++ b/ng2-components/ng2-alfresco-viewer/package.json
@@ -37,17 +37,17 @@
     "alfresco"
   ],
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -57,7 +57,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -68,7 +68,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/ng2-alfresco-webscript/package.json b/ng2-components/ng2-alfresco-webscript/package.json
index fb65af0f5e..ec07c6d643 100644
--- a/ng2-components/ng2-alfresco-webscript/package.json
+++ b/ng2-components/ng2-alfresco-webscript/package.json
@@ -22,17 +22,17 @@
     "url": "https://github.com/Alfresco/alfresco-ng2-components/issues"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
     "core-js": "2.4.1",
@@ -42,7 +42,7 @@
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.7.6"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -53,7 +53,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
diff --git a/ng2-components/package.json b/ng2-components/package.json
index 2439155045..da465151cb 100644
--- a/ng2-components/package.json
+++ b/ng2-components/package.json
@@ -61,40 +61,39 @@
     "6": "bpm"
   },
   "dependencies": {
-    "@angular/animations": "4.2.5",
-    "@angular/cdk": "2.0.0-beta.8",
-    "@angular/common": "4.2.5",
-    "@angular/compiler": "4.2.5",
-    "@angular/compiler-cli": "4.2.5",
-    "@angular/core": "4.2.5",
-    "@angular/forms": "4.2.5",
-    "@angular/http": "4.2.5",
-    "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.2.5",
-    "@angular/platform-browser-dynamic": "4.2.5",
-    "@angular/router": "4.2.5",
+    "@angular/animations": "4.3.6",
+    "@angular/cdk": "2.0.0-beta.10",
+    "@angular/common": "4.3.6",
+    "@angular/compiler": "4.3.6",
+    "@angular/compiler-cli": "4.3.6",
+    "@angular/core": "4.3.6",
+    "@angular/forms": "4.3.6",
+    "@angular/http": "4.3.6",
+    "@angular/material": "2.0.0-beta.10",
+    "@angular/platform-browser": "4.3.6",
+    "@angular/platform-browser-dynamic": "4.3.6",
+    "@angular/router": "4.3.6",
     "@ngx-translate/core": "7.0.0",
     "alfresco-js-api": "1.8.0",
+    "chart.js": "2.5.0",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
-    "material-design-icons": "2.2.3",
     "material-design-lite": "1.2.1",
+    "minimatch": "3.0.4",
     "moment": "2.15.1",
+    "ng2-activiti-diagrams": "1.8.0",
+    "ng2-activiti-form": "1.8.0",
+    "ng2-activiti-tasklist": "1.8.0",
+    "ng2-alfresco-core": "1.8.0",
+    "ng2-alfresco-datatable": "1.8.0",
+    "ng2-alfresco-documentlist": "1.8.0",
+    "ng2-charts": "1.6.0",
+    "pdfjs-dist": "1.5.404",
+    "raphael": "2.2.7",
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.6.26",
-    "ng2-alfresco-core": "1.8.0",
-    "raphael": "2.2.7",
-    "chart.js": "2.5.0",
-    "ng2-activiti-diagrams": "1.8.0",
-    "ng2-charts": "1.6.0",
-    "ng2-activiti-form": "1.8.0",
-    "ng2-alfresco-datatable": "1.8.0",
-    "ng2-activiti-tasklist": "1.8.0",
-    "ng2-alfresco-documentlist": "1.8.0",
-    "minimatch": "3.0.4",
-    "pdfjs-dist": "1.5.404"
+    "zone.js": "0.8.12"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",
@@ -105,7 +104,7 @@
     "autoprefixer": "6.5.4",
     "codelyzer": "3.1.2",
     "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.23.1",
+    "css-loader": "0.25.0",
     "css-to-string-loader": "0.1.2",
     "cssnano": "3.8.1",
     "extract-text-webpack-plugin": "2.0.0-rc.3",
@@ -129,6 +128,8 @@
     "karma-systemjs": "0.16.0",
     "karma-webpack": "2.0.3",
     "loader-utils": "1.1.0",
+    "markdown-toc": "1.1.0",
+    "markdownlint-cli": "^0.3.1",
     "merge-stream": "1.0.1",
     "node-sass": "4.5.3",
     "null-loader": "0.1.1",
@@ -152,9 +153,7 @@
     "webpack": "2.2.1",
     "webpack-dev-server": "2.3.0",
     "webpack-merge": "2.6.1",
-    "wsrv": "0.1.7",
-    "markdown-toc": "1.1.0",
-    "markdownlint-cli": "^0.3.1"
+    "wsrv": "0.1.7"
   },
   "license": "Apache-2.0",
   "module": "./index.js",