diff --git a/ng2-components/ng2-activiti-tasklist/index.ts b/ng2-components/ng2-activiti-tasklist/index.ts
index e57b5eb4e0..34e012a1b4 100644
--- a/ng2-components/ng2-activiti-tasklist/index.ts
+++ b/ng2-components/ng2-activiti-tasklist/index.ts
@@ -17,6 +17,7 @@
 
 import { DatePipe } from '@angular/common';
 import { ModuleWithProviders, NgModule } from '@angular/core';
+import { FlexLayoutModule } from '@angular/flex-layout';
 import { ActivitiFormModule } from 'ng2-activiti-form';
 
 import { CoreModule, TRANSLATION_PROVIDER } from 'ng2-alfresco-core';
@@ -156,6 +157,7 @@ export const ACTIVITI_TASKLIST_PROVIDERS: any[] = [
         CoreModule,
         DataTableModule,
         ActivitiFormModule,
+        FlexLayoutModule,
         MaterialModule
     ],
     declarations: [
diff --git a/ng2-components/ng2-activiti-tasklist/package.json b/ng2-components/ng2-activiti-tasklist/package.json
index 8fc42fc159..cebcf7c2c3 100644
--- a/ng2-components/ng2-activiti-tasklist/package.json
+++ b/ng2-components/ng2-activiti-tasklist/package.json
@@ -43,6 +43,7 @@
     "@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",
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-grid.component.css b/ng2-components/ng2-activiti-tasklist/src/components/apps-grid.component.css
deleted file mode 100644
index 75fe759764..0000000000
--- a/ng2-components/ng2-activiti-tasklist/src/components/apps-grid.component.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.mdl-card__media {
-    margin: 0;
-}
-
-.mdl-card__media > img {
-    max-width: 100%;
-}
-
-.mdl-card__actions {
-    display: flex;
-    box-sizing:border-box;
-    align-items: center;
-}
-.mdl-card__actions > .mdl-button--icon {
-    margin-right: 3px;
-    margin-left: 3px;
-}
-
-.mdl-card:hover {
-    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
-    cursor: pointer;
-}
\ No newline at end of file
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-grid.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/apps-grid.component.scss
new file mode 100644
index 0000000000..f3d866fe17
--- /dev/null
+++ b/ng2-components/ng2-activiti-tasklist/src/components/apps-grid.component.scss
@@ -0,0 +1,93 @@
+$themes: (
+    theme-1: (bg: #269abc, color: #168aac),
+    theme-2: (bg: #7da9b0, color: #6d99a0),
+    theme-3: (bg: #7689ab, color: #66799b),
+    theme-4: (bg: #c74e3e, color: #b73e2e),
+    theme-5: (bg: #fab96c, color: #eaa95c),
+    theme-6: (bg: #759d4c, color: #658d3c),
+    theme-7: (bg: #b1b489, color: #a1a479),
+    theme-8: (bg: #a17299, color: #916289),
+    theme-9: (bg: #696c67, color: #595c57),
+    theme-10: (bg: #cabb33, color: #baab23)
+);
+
+.adf-app-listgrid {
+    padding: 8px;
+
+    &-item {
+        outline: none;
+        padding: 8px;
+        box-sizing: border-box;
+
+        &-card {
+
+            @for $i from 1 through 10 {
+                &.theme-#{$i} {
+                    $theme: map-get($themes, theme-#{$i});
+                    background-color: map-get($theme, bg);
+                }
+            }
+
+            outline: none;
+            transition: transform 280ms cubic-bezier(.4,0,.2,1), box-shadow 280ms cubic-bezier(.4,0,.2,1);
+            min-height: 200px;
+            padding: 0;
+
+            &:hover {
+                box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
+                cursor: pointer;
+                transform: scale(1.015);
+            }
+
+            &-logo {
+                position: absolute;
+                right: 20px;
+                top: 20px;
+                padding: 16px;
+
+                &-icon {
+                    font-size: 70px;
+                    width: 1em;
+                    height: 1em;
+
+                    @for $i from 1 through 10 {
+                        .theme-#{$i} & {
+                            $theme: map-get($themes, theme-#{$i});
+                            color: map-get($theme, color);
+                        }
+                    }
+                }
+            }
+
+            &-title {
+                padding: 16px;
+
+                h1 {
+                    color: white;
+                    width: 80%;
+                    font-size: 24px;
+                    margin: 0;
+                    line-height: normal;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                }
+            }
+
+            &-subtitle {
+                padding: 16px;
+            }
+
+            &-actions {
+                padding: 16px;
+                border-top: 1px solid rgba(0,0,0,.1);
+                min-height: 64px;
+                box-sizing: border-box;
+
+                &-icon {
+                    color: #e9f1f3;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.css b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.css
deleted file mode 100644
index a5ae7c58d1..0000000000
--- a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.css
+++ /dev/null
@@ -1,140 +0,0 @@
-:host {
-    width: 100%;
-}
-
-.application-title {
-    color: white;
-    width: 80%;
-}
-
-.logo {
-    position: absolute;
-    right: 20px;
-    top: 20px;
-}
-.logo i{
-    font-size: 70px;
-}
-.theme-1 {
-    background-color: #269abc;
-}
-.theme-1 .logo i {
-    color: #168aac;
-}
-.theme-1 .mdl-card__actions i {
-    color: #168aac;
-}
-.theme-1 .mdl-card__actions i:hover {
-    color: #b7dfea;
-}
-.theme-2 {
-    background-color: #7da9b0;
-}
-.theme-2 .logo i {
-    color: #6d99a0;
-}
-.theme-2 .mdl-card__actions i {
-    color: #6d99a0;
-}
-.theme-2 .mdl-card__actions i:hover {
- color: #def2f5;
-}
-.theme-3 {
-    background-color: #7689ab;
-}
-.theme-3 .logo i {
-    color: #66799b;
-}
-.theme-3 .mdl-card__actions i {
-    color: #66799b;
-}
-.theme-3 .mdl-card__actions i:hover {
-    color: #a2b4d6;
-}
-.theme-4 {
-    background-color: #c74e3e;
-}
-.theme-4 .logo i {
-    color: #b73e2e;
-}
-.theme-4 .mdl-card__actions i {
-    color: #b73e2e;
-}
-.theme-4 .mdl-card__actions i:hover {
-    color: #de8b80;
-}
-.theme-5 {
-    background-color: #fab96c;
-}
-.theme-5 .logo i {
-    color: #eaa95c;
-}
-.theme-5 .mdl-card__actions i {
-    color: #eaa95c;
-}
-.theme-5 .mdl-card__actions i:hover {
-    color: #fdd9ae;
-}
-.theme-6 {
-    background-color: #759d4c;
-}
-.theme-6 .logo i {
-    color: #658d3c;
-}
-.theme-6 .mdl-card__actions i {
-    color: #658d3c;
-}
-.theme-6 .mdl-card__actions i:hover {
-    color: #a8d07f;
-}
-.theme-7 {
-    background-color: #b1b489;
-}
-.theme-7 .logo i {
-    color: #a1a479;
-}
-.theme-7 .mdl-card__actions i {
-    color: #a1a479;
-}
-.theme-7 .mdl-card__actions i:hover {
-    color: #d9dcb2;
-}
-.theme-8 {
-    background-color: #a17299;
-}
-.theme-8 .logo i {
-    color: #916289;
-}
-.theme-8 .mdl-card__actions i {
-    color: #916289;
-}
-.theme-8 .mdl-card__actions i:hover {
-    color: #d0a8c9;
-}
-.theme-9 {
-    background-color: #696c67;
-}
-.theme-9 .logo i {
-    color: #595c57;
-}
-.theme-9 .mdl-card__actions i {
-    color: #595c57;
-}
-.theme-9 .mdl-card__actions i:hover {
-    color: #a6a9a4;
-}
-.theme-10 {
-    background-color: #cabb33;
-}
-.theme-10 .logo i {
-    color: #baab23;
-}
-.theme-10 .mdl-card__actions i {
-    color: #baab23;
-}
-.theme-10 .mdl-card__actions i:hover {
-    color: #efe79e;
-}
-.selectedIcon{
-    color: #e9f1f3!important;
-}
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.html b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.html
index ffa4a09e17..ebf91de101 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.html
@@ -1,24 +1,35 @@
 <div class="menu-container" *ngIf="!isEmpty()">
-    <ul class='mdl-list' *ngIf="isList()">
-        <li class="mdl-list__item" (click)="selectApp(app)" (keyup.enter)="selectApp(app)" *ngFor="let app of appList" tabindex="0" role="button" title="{{app.name}}">
-            <span class="mdl-list__item-primary-content">
-            <i class="material-icons mdl-list__item-icon">touch_app</i>
-            {{app.name}}
-            </span>
-        </li>
-    </ul>
-    <div class="mdl-grid" *ngIf="isGrid()">
-        <div (click)="selectApp(app)" (keyup.enter)="selectApp(app)" [ngClass]="['mdl-card mdl-cell',  getTheme(app)]" *ngFor="let app of appList" tabindex="0" role="button" title="{{app.name}}">
-            <div class="logo"><i class="material-icons">{{getBackgroundIcon(app)}}</i></div>
-            <div class="mdl-card__title">
-                <h1 class="mdl-card__title-text application-title">{{app.name}}</h1>
-            </div>
-            <div class="mdl-card__supporting-text">
-                <p>{{app.description}}</p>
-            </div>
-            <div class="mdl-card__actions mdl-card--border">
-                <i class="material-icons selectedIcon" *ngIf="isSelected(app.id)">done</i>
-            </div>
+    <md-list *ngIf="isList()" class="adf-app-list">
+        <md-list-item class="adf-app-list-item" (click)="selectApp(app)" (keyup.enter)="selectApp(app)" *ngFor="let app of appList" tabindex="0" role="button" title="{{app.name}}">
+            <md-icon mdListIcon>touch_app</md-icon>
+            <span mdLine>{{app.name}}</span>
+        </md-list-item>
+    </md-list>
+    <div fxLayout="row wrap" *ngIf="isGrid()" class="adf-app-listgrid">
+        <div *ngFor="let app of appList"
+            class="adf-app-listgrid-item"
+            fxFlex="33.33333%" fxFlex.lt-md="50%" fxFlex.lt-sm="100%">
+                <md-card tabindex="0"
+                    fxLayout="column"
+                    role="button"
+                    class="adf-app-listgrid-item-card"
+                    title="{{app.name}}"
+                    [ngClass]="[getTheme(app)]"
+                    (click)="selectApp(app)"
+                    (keyup.enter)="selectApp(app)">
+                        <div class="adf-app-listgrid-item-card-logo">
+                            <md-icon class="adf-app-listgrid-item-card-logo-icon">{{getBackgroundIcon(app)}}</md-icon>
+                        </div>
+                        <div md-card-title class="adf-app-listgrid-item-card-title">
+                            <h1>{{app.name}}</h1>
+                        </div>
+                        <div md-card-subtitle class="adf-app-listgrid-item-card-subtitle" fxFlex="1 0 auto">
+                            <p>{{app.description}}</p>
+                        </div>
+                        <div md-card-actions class="adf-app-listgrid-item-card-actions">
+                            <md-icon class="adf-app-listgrid-item-card-actions-icon" *ngIf="isSelected(app.id)">done</md-icon>
+                        </div>
+                </md-card>
         </div>
     </div>
 </div>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.scss
new file mode 100644
index 0000000000..b07fa41f30
--- /dev/null
+++ b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.scss
@@ -0,0 +1,7 @@
+:host {
+    width: 100%;
+}
+
+.adf-app-list-item {
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.spec.ts b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.spec.ts
index da9b05c73e..e805f2f4aa 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.spec.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.spec.ts
@@ -209,15 +209,15 @@ describe('AppsListComponent', () => {
         it('should have one app shown as selected after app selected', () => {
             component.selectApp(deployedApps[1]);
             fixture.detectChanges();
-            let selectedEls = debugElement.queryAll(By.css('.selectedIcon'));
+            let selectedEls = debugElement.queryAll(By.css('.adf-app-listgrid-item-card-actions-icon'));
             expect(selectedEls.length).toBe(1);
         });
 
         it('should have the correct app shown as selected after app selected', () => {
             component.selectApp(deployedApps[1]);
             fixture.detectChanges();
-            let appEls = debugElement.queryAll(By.css('.mdl-grid > div'));
-            expect(appEls[1].query(By.css('.selectedIcon'))).not.toBeNull();
+            let appEls = debugElement.queryAll(By.css('.adf-app-listgrid > div'));
+            expect(appEls[1].query(By.css('.adf-app-listgrid-item-card-actions-icon'))).not.toBeNull();
         });
 
     });
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.ts
index 779ec89c5b..5fc6b858b7 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/apps-list.component.ts
@@ -25,7 +25,7 @@ import { TaskListService } from './../services/tasklist.service';
 @Component({
     selector: 'adf-apps, activiti-apps',
     templateUrl: 'apps-list.component.html',
-    styleUrls: ['./apps-list.component.css', './apps-grid.component.css'],
+    styleUrls: ['./apps-list.component.scss', './apps-grid.component.scss'],
     providers: [TaskListService]
 })
 export class AppsListComponent implements OnInit {
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.html b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.html
index f25efa16f3..0805490180 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.html
@@ -1,15 +1,21 @@
-<span class="activiti-label mdl-badge" id="checklist-label"
-      [attr.data-badge]="checklist?.length">{{ 'TASK_DETAILS.LABELS.CHECKLIST' | translate }}</span>
-<div *ngIf="!readOnly"  id="add-checklist" (click)="showDialog()"  class="icon material-icons">add</div>
-<div *ngIf="!readOnly" class="mdl-tooltip" for="add-checklist">
-    Add a checklist
+<div class="adf-checklist-control">
+    <md-chip-list id="checklist-label">
+        <span class="activiti-label">{{ 'TASK_DETAILS.LABELS.CHECKLIST' | translate }}</span>
+        <md-chip class="adf-process-badge" color="accent" selected="true">{{checklist?.length}}</md-chip>
+    </md-chip-list>
+
+
+    <button md-icon-button *ngIf="!readOnly" mdTooltip="Add a checklist" [mdTooltipPosition]="'before'" id="add-checklist" class="adf-add-to-checklist-button" (click)="showDialog()">
+        <md-icon>add</md-icon>
+    </button>
 </div>
+
 <div class="adf-checklist-menu-container" *ngIf="checklist?.length > 0">
     <md-chip-list class="mat-chip-list-stacked">
-        <md-chip id="check-{{check.id}}" *ngFor="let check of checklist">
+        <md-chip id="check-{{check.id}}" class="adf-checklist-chip" *ngFor="let check of checklist">
             <span>{{check.name}}</span>
-            <button type="button" class="adf-checklist-cancel-button" (click)="delete(check.id)">
-                <md-icon *ngIf="!readOnly" id="remove-{{check.id}}" mdChipRemove >cancel</md-icon>
+            <button md-icon-button type="button" class="adf-checklist-cancel-button" (click)="delete(check.id)">
+                <md-icon *ngIf="!readOnly" id="remove-{{check.id}}" mdChipRemove>cancel</md-icon>
             </button>
         </md-chip>
     </md-chip-list>
@@ -19,15 +25,17 @@
     {{ 'TASK_DETAILS.CHECKLIST.NONE' | translate }}
 </div>
 
-<dialog class="mdl-dialog" id="checklist-dialog" #dialog>
-    <h4 class="mdl-dialog__title" id="add-checklist-title">New Check</h4>
-    <div class="mdl-dialog__content">
-        <md-input-container>
-            <input mdInput placeholder="Name" [(ngModel)]="taskName" id="checklist-name"  data-automation-id="checklist-name">
-        </md-input-container>
+<ng-template #dialog>
+    <div class="adf-checklist-dialog" id="checklist-dialog">
+        <h4 md-dialog-title id="add-checklist-title">New Check</h4>
+        <md-dialog-content>
+            <md-input-container>
+                <input mdInput placeholder="Name" [(ngModel)]="taskName" id="checklist-name"  data-automation-id="checklist-name">
+            </md-input-container>
+        </md-dialog-content>
+        <md-dialog-actions class="adf-checklist-dialog-actions">
+            <button md-button type="button" id="close-check-dialog" (click)="cancel()">Cancel</button>
+            <button md-button type="button" id="add-check" (click)="add()">Add Checklist</button>
+        </md-dialog-actions>
     </div>
-    <div class="mdl-dialog__actions">
-        <button type="button" id="add-check" (click)="add()" class="mdl-button">Add Checklist</button>
-        <button type="button" id="close-check-dialog" (click)="cancel()" class="mdl-button close">Cancel</button>
-    </div>
-</dialog>
+</ng-template>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.scss
index 0f9e2a44d8..bb6556dd33 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.scss
@@ -6,27 +6,44 @@
     font-weight: bolder;
 }
 
-.material-icons:hover {
-    color: rgb(255, 152, 0);
-}
-
-.mdl-tooltip {
-    will-change: unset;
-}
-
-.material-icons {
-    cursor: pointer;
-}
-
 .mat-input-container {
     width: 100%;
 }
 
 .adf-checklist-cancel-button {
-    margin: -3px;
+    margin-top: -13px;
+    margin-right: -13px;
     float: right;
 }
 
+.adf-checklist-chip {
+    outline: none;
+}
+
 .adf-checklist-menu-container{
     margin-top: 10px;
 }
+
+#checklist-none-message {
+    margin-top: 10px;
+    color: rgba(0, 0, 0, .5);
+}
+
+.adf-checklist-control {
+    display: flex;
+    justify-content: space-between;
+
+    .activiti-label {
+        margin-top: 6px;
+        margin-right: 10px;
+    }
+
+    .adf-add-to-checklist-button {
+        float: right;
+    }
+}
+
+.adf-checklist-dialog-actions {
+    display: flex;
+    justify-content: flex-end;
+}
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.spec.ts b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.spec.ts
index 5832067742..67c781a747 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.spec.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.spec.ts
@@ -129,16 +129,9 @@ describe('ChecklistComponent', () => {
             expect(showChecklistDialog).not.toBeNull();
             showChecklistDialog.click();
 
-            expect(element.querySelector('#checklist-dialog')).not.toBeNull();
-            expect(element.querySelector('#add-checklist-title')).not.toBeNull();
-            expect(element.querySelector('#add-checklist-title').textContent).toContain('New Check');
-        });
-
-        it('should close dialog when clicked on cancel', () => {
-            showChecklistDialog.click();
-            expect(element.querySelector('#checklist-dialog').getAttribute('open')).not.toBeNull();
-            closeCheckDialogButton.click();
-            expect(element.querySelector('#checklist-dialog').getAttribute('open')).toBeNull();
+            expect(window.document.querySelector('#checklist-dialog')).not.toBeNull();
+            expect(window.document.querySelector('#add-checklist-title')).not.toBeNull();
+            expect(window.document.querySelector('#add-checklist-title').textContent).toContain('New Check');
         });
     });
 
@@ -157,6 +150,10 @@ describe('ChecklistComponent', () => {
 
         afterEach(() => {
             jasmine.Ajax.uninstall();
+            const overlayContainers = <any> window.document.querySelectorAll('.cdk-overlay-container');
+            overlayContainers.forEach((overlayContainer) => {
+                overlayContainer.innerHTML = '';
+            });
         });
 
         it('should show task checklist', () => {
@@ -168,7 +165,7 @@ describe('ChecklistComponent', () => {
 
         it('should add checklist', async(() => {
             showChecklistDialog.click();
-            let addButtonDialog = <HTMLElement> element.querySelector('#add-check');
+            let addButtonDialog = <HTMLElement> window.document.querySelector('#add-check');
             addButtonDialog.click();
             jasmine.Ajax.requests.mostRecent().respondWith({
                 status: 200,
@@ -264,7 +261,7 @@ describe('ChecklistComponent', () => {
                 done();
             });
             showChecklistDialog.click();
-            let addButtonDialog = <HTMLElement> element.querySelector('#add-check');
+            let addButtonDialog = <HTMLElement> window.document.querySelector('#add-check');
             addButtonDialog.click();
             jasmine.Ajax.requests.mostRecent().respondWith({
                 status: 200,
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.ts
index 238895b2d6..c156e5ed43 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/checklist.component.ts
@@ -16,12 +16,11 @@
  */
 
 import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
+import { MdDialog } from '@angular/material';
 import { Observable, Observer } from 'rxjs/Rx';
 import { TaskDetailsModel } from '../models/task-details.model';
 import { TaskListService } from './../services/tasklist.service';
 
-declare let dialogPolyfill: any;
-
 @Component({
     selector: 'adf-checklist, activiti-checklist',
     templateUrl: './checklist.component.html',
@@ -49,7 +48,7 @@ export class ChecklistComponent implements OnInit, OnChanges {
     error: EventEmitter<any> = new EventEmitter<any>();
 
     @ViewChild('dialog')
-    dialog: any;
+    addNewDialog: any;
 
     taskName: string;
 
@@ -63,7 +62,10 @@ export class ChecklistComponent implements OnInit, OnChanges {
      * @param auth
      * @param translate
      */
-    constructor(private activitiTaskList: TaskListService) {
+    constructor(
+        private activitiTaskList: TaskListService,
+        private dialog: MdDialog
+    ) {
         this.task$ = new Observable<TaskDetailsModel>(observer => this.taskObserver = observer).share();
     }
 
@@ -100,12 +102,13 @@ export class ChecklistComponent implements OnInit, OnChanges {
     }
 
     public showDialog() {
-        if (this.dialog) {
-            if (!this.dialog.nativeElement.showModal) {
-                dialogPolyfill.registerDialog(this.dialog.nativeElement);
-            }
-            this.dialog.nativeElement.showModal();
-        }
+        this.dialog.open(this.addNewDialog, { width: '350px' });
+        // if (this.addNewDialog) {
+        //     if (!this.addNewDialog.nativeElement.showModal) {
+        //         dialogPolyfill.registerDialog(this.addNewDialog.nativeElement);
+        //     }
+        //     this.addNewDialog.nativeElement.showModal();
+        // }
     }
 
     public add() {
@@ -139,9 +142,10 @@ export class ChecklistComponent implements OnInit, OnChanges {
     }
 
     public cancel() {
-        if (this.dialog) {
-            this.dialog.nativeElement.close();
-        }
+        this.dialog.closeAll();
+        // if (this.addNewDialog) {
+        //     this.addNewDialog.nativeElement.close();
+        // }
         this.taskName = '';
     }
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/material.module.ts b/ng2-components/ng2-activiti-tasklist/src/components/material.module.ts
index b1f76dcf3f..f97dd838dd 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/material.module.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/material.module.ts
@@ -28,7 +28,8 @@ import {
     MdNativeDateModule,
     MdProgressSpinnerModule,
     MdRippleModule,
-    MdSelectModule
+    MdSelectModule,
+    MdTooltipModule
 } from '@angular/material';
 
 export function modules() {
@@ -44,6 +45,7 @@ export function modules() {
         MdAutocompleteModule,
         MdGridListModule,
         MdRippleModule,
+        MdTooltipModule,
         MdChipsModule
     ];
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/no-task-detail-template.directive.spec.ts b/ng2-components/ng2-activiti-tasklist/src/components/no-task-detail-template.directive.spec.ts
index 2ff1e835b1..b72f0ac211 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/no-task-detail-template.directive.spec.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/no-task-detail-template.directive.spec.ts
@@ -24,7 +24,7 @@ describe('NoTaskDetailsTemplateDirective', () => {
     let detailsComponent: TaskDetailsComponent;
 
     beforeEach(() => {
-        detailsComponent = new TaskDetailsComponent(null, null, null, null, null);
+        detailsComponent = new TaskDetailsComponent(null, null, null, null, null, null);
         component = new NoTaskDetailsTemplateDirective(detailsComponent);
     });
 
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/people-search.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/people-search.component.scss
index 33d2f6d7cd..3aa290bec3 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/people-search.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/people-search.component.scss
@@ -11,10 +11,6 @@
         font-weight: bolder;
     }
 
-    .material-icons.people-search__icon:hover {
-        color: mat-color($primary);
-    }
-
     .fix-element-user-list {
         padding-top: 0px;
         padding-right: 0px;
@@ -74,8 +70,4 @@
         height: 40px;
         vertical-align: middle;
     }
-
-    adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-        padding: 4px 12px;
-    }
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/people.component.html b/ng2-components/ng2-activiti-tasklist/src/components/people.component.html
index 4f01781fe5..57eb5c6f90 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/people.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/people.component.html
@@ -1,50 +1,52 @@
-<div class="mdl-grid mdl-shadow--2dp assignment-top-container">
-    <div class="assignment-header">
-        <div *ngIf="hasPeople()" class="assigment-count" id="people-title">
-            {{ 'TASK_DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}
-        </div>
-        <div *ngIf="!hasPeople()" class="assigment-count" id="no-people-label">
-            {{ 'TASK_DETAILS.PEOPLE.NONE' | translate }}
-        </div>
-        <div *ngIf="isEditMode()" class="add-people" (click)="onAddAssignement()">
-            <i class="material-icons">person_add</i>
-        </div>
+<md-card class="assignment-top-container">
+    <div md-card-content class="assignment-top-container-content">
+        <div class="assignment-header">
+                <div *ngIf="hasPeople()" class="assigment-count" id="people-title">
+                    {{ 'TASK_DETAILS.LABELS.PEOPLE' | translate }} {{ ' (' + people.length + ')' }}
+                </div>
+                <div *ngIf="!hasPeople()" class="assigment-count" id="no-people-label">
+                    {{ 'TASK_DETAILS.PEOPLE.NONE' | translate }}
+                </div>
+                <div *ngIf="isEditMode()" class="add-people" (click)="onAddAssignement()">
+                    <md-icon class="adf-add-person-icon">person_add</md-icon>
+                </div>
+            </div>
+            <div class="assignment-container" *ngIf="showAssignment">
+                <adf-people-search
+                (searchPeople)="searchUser($event)"
+                (success)="involveUser($event)"
+                (closeSearch)="onCloseSearch()"
+                [results]="peopleSearch$">
+                    <ng-container people-search-title>{{ 'TASK_DETAILS.LABELS.ADD_PEOPLE' | translate }}</ng-container>
+                    <ng-container people-search-action-label>{{ 'PEOPLE.ADD_USER' | translate }}</ng-container>
+                </adf-people-search>
+            </div>
+            <div class="assignment-list-container" id="assignment-people-list" *ngIf="hasPeople()">
+                <adf-people-list
+                [users]="people"
+                [actions]="isEditMode()"
+                (clickAction)="onClickAction($event)">
+                    <data-columns>
+                        <data-column key="firstName">
+                            <ng-template let-entry="$implicit">
+                                <div *ngIf="!entry.row.obj.userImage" class="people-pic">
+                                    {{getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName)}}</div>
+                                <div>
+                                    <img *ngIf="entry.row.obj.userImage" class="people-img"
+                                        [src]="entry.row.obj.userImage"
+                                        (error)="onErrorImageLoad(entry.row.obj)"/>
+                                </div>
+                            </ng-template>
+                        </data-column>
+                        <data-column key="email" class="full-width">
+                            <ng-template let-entry="$implicit">
+                                <div class="people-full-name">{{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}</div>
+                                <div class="people-email">{{ entry.row.obj.email }}</div>
+                                <div class="people-edit-label">can edit</div>
+                            </ng-template>
+                        </data-column>
+                    </data-columns>
+                </adf-people-list>
+            </div>
     </div>
-    <div class="assignment-container" *ngIf="showAssignment">
-        <adf-people-search
-        (searchPeople)="searchUser($event)"
-        (success)="involveUser($event)"
-        (closeSearch)="onCloseSearch()"
-        [results]="peopleSearch$">
-            <ng-container people-search-title>{{ 'TASK_DETAILS.LABELS.ADD_PEOPLE' | translate }}</ng-container>
-            <ng-container people-search-action-label>{{ 'PEOPLE.ADD_USER' | translate }}</ng-container>
-        </adf-people-search>
-    </div>
-    <div class="assignment-list-container" id="assignment-people-list" *ngIf="hasPeople()">
-        <adf-people-list
-        [users]="people"
-        [actions]="isEditMode()"
-        (clickAction)="onClickAction($event)">
-            <data-columns>
-                <data-column key="firstName">
-                    <ng-template let-entry="$implicit">
-                        <div *ngIf="!entry.row.obj.userImage" class="people-pic">
-                            {{getInitialUserName(entry.row.obj.firstName, entry.row.obj.lastName)}}</div>
-                        <div>
-                            <img *ngIf="entry.row.obj.userImage" class="people-img"
-                                [src]="entry.row.obj.userImage"
-                                (error)="onErrorImageLoad(entry.row.obj)"/>
-                        </div>
-                    </ng-template>
-                </data-column>
-                <data-column key="email" class="full-width">
-                    <ng-template let-entry="$implicit">
-                        <div class="people-full-name">{{ getDisplayUser(entry.row.obj.firstName, entry.row.obj.lastName, ' ') }}</div>
-                        <div class="people-email">{{ entry.row.obj.email }}</div>
-                        <div class="people-edit-label">can edit</div>
-                    </ng-template>
-                </data-column>
-            </data-columns>
-        </adf-people-list>
-    </div>
-</div>
+</md-card>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
index 5213db8cea..a034b36790 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
@@ -2,7 +2,6 @@
     $primary: map-get($theme, primary);
 
     .assignment-header {
-        width: 100%;
         border-bottom: 1px solid #eee;
         padding: 6px 20px;
     }
@@ -25,21 +24,31 @@
         }
     }
 
-    .assignment-top-container {
+    .assignment-top-container.mat-card {
         border-top: 2px solid #eee;
         margin: 0px;
         padding: 0px;
+        display: flex;
+        flex-flow: row wrap;
+        align-items: stretch;
+    }
+
+    .assignment-top-container-content {
+        display: flex;
+        flex-flow: column;
+        align-items: stretch;
+        flex: 1 0 auto;
+        max-width: 100%;
     }
 
     .assignment-container {
         padding: 10px 20px;
         border-bottom: 1px solid #eee;
-        width: 100%;
+        max-width: 100%;
     }
 
     .assignment-list-container {
         padding: 0px;
-        width: 100%;
     }
 
     adf-people-list /deep/ adf-datatable /deep/ {
@@ -69,8 +78,4 @@
         height: 40px;
         vertical-align: middle;
     }
-
-    adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-        padding: 10px;
-    }
 }
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 03faced9a2..4435784f23 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
@@ -37,7 +37,7 @@
                 <div class="adf-error-text-container">
                     <div *ngIf="dateError">
                         <div class="adf-error-text">{{'START_TASK.FORM.DATE.ERROR'|translate}}</div>
-                        <i class="material-icons adf-error-icon">warning</i>
+                        <md-icon class="adf-error-icon">warning</md-icon>
                     </div>
                 </div>
             </md-grid-tile>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
index e6bd7ab8cb..21baaaab51 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.html
@@ -105,11 +105,15 @@
             </div>
         </div>
     </div>
-    <dialog class="mdl-dialog error-dialog" #errorDialog>
-        <div class="mdl-dialog__content">
-            <h3>{{'TASK_DETAILS.ERROR.TITLE'|translate}}</h3>
+
+    <ng-template #errorDialog>
+        <h3 md-dialog-title>{{'TASK_DETAILS.ERROR.TITLE'|translate}}</h3>
+        <md-dialog-content>
             <p>{{'TASK_DETAILS.ERROR.DESCRIPTION'|translate}}</p>
-            <button type="button" class="mdl-button" (click)="closeErrorDialog()">{{'TASK_DETAILS.ERROR.CLOSE'|translate}}</button>
-        </div>
-    </dialog>
+        </md-dialog-content>
+        <md-dialog-actions>
+            <button md-button type="button" (click)="closeErrorDialog()">{{'TASK_DETAILS.ERROR.CLOSE'|translate}}</button>
+        </md-dialog-actions>
+    </ng-template>
+
 </div>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
index b4fcf75f79..44584a674d 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.scss
@@ -71,39 +71,6 @@ adf-task-header.assign-edit-view /deep/ adf-card-view /deep/ .adf-property[data-
                 margin-top: 30px;
                 padding-left: 20px;
                 padding-right: 20px;
-
-                & /deep/ #checklist-none-message {
-                    margin-top: 10px;
-                    color: rgba(0, 0, 0, .5);
-                }
-
-                & /deep/ .activiti-label.mdl-badge[data-badge]:after {
-                    margin-top: 9px;
-                    right: -29px;
-                }
-
-                & /deep/ .activiti-label.mdl-badge[data-badge] + div.icon {
-                    float: right;
-                }
-
-                & /deep/ .menu-container li.mdl-list {
-                    padding: 0;
-                }
-
-                & /deep/ .menu-container li.mdl-list__item {
-                    padding: 0;
-                    min-height: auto;
-
-                    .mdl-chip {
-                        width: 100%;
-
-                        button {
-                            float: right;
-                            position: relative;
-                            top: 4px;
-                        }
-                    }
-                }
             }
         }
 
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.spec.ts b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.spec.ts
index adaacf4ce0..08e8f37f2e 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.spec.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.spec.ts
@@ -186,6 +186,14 @@ describe('TaskDetailsComponent', () => {
             fixture.whenStable();
         }));
 
+        afterEach(() => {
+            const overlayContainers = <any> window.document.querySelectorAll('.cdk-overlay-container');
+
+            overlayContainers.forEach((overlayContainer) => {
+                overlayContainer.innerHTML = '';
+            });
+        });
+
         it('should emit a save event when form saved', () => {
             let emitSpy: jasmine.Spy = spyOn(component.formSaved, 'emit');
             component.onFormSaved(new FormModel());
@@ -258,18 +266,14 @@ describe('TaskDetailsComponent', () => {
         });
 
         it('should display a dialog to the user when a form error occurs', () => {
-            let dialogEl = fixture.debugElement.query(By.css('.error-dialog')).nativeElement;
-            let showSpy: jasmine.Spy = spyOn(dialogEl, 'showModal');
-            component.onFormError({});
-            expect(showSpy).toHaveBeenCalled();
-        });
+            let dialogEl = window.document.querySelector('md-dialog-content');
+            expect(dialogEl).toBeNull();
 
-        it('should close error dialog when close button clicked', () => {
-            let dialogEl = fixture.debugElement.query(By.css('.error-dialog')).nativeElement;
-            let closeSpy: jasmine.Spy = spyOn(dialogEl, 'close');
             component.onFormError({});
-            component.closeErrorDialog();
-            expect(closeSpy).toHaveBeenCalled();
+            fixture.detectChanges();
+
+            dialogEl = window.document.querySelector('md-dialog-content');
+            expect(dialogEl).not.toBeNull();
         });
 
         it('should emit a task created event when checklist task is created', () => {
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.ts
index 6673a7b996..fd506fbe8e 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-details.component.ts
@@ -16,7 +16,6 @@
  */
 
 import { Component,
-    DebugElement,
     EventEmitter,
     Input,
     OnChanges,
@@ -26,6 +25,7 @@ import { Component,
     TemplateRef,
     ViewChild
 } from '@angular/core';
+import { MdDialog, MdDialogRef } from '@angular/material';
 import { ContentLinkModel, FormFieldValidator, FormModel, FormOutcomeEvent } from 'ng2-activiti-form';
 import { AlfrescoAuthenticationService, CardViewUpdateService, ClickNotification, LogService, UpdateNotification } from 'ng2-alfresco-core';
 import { Observable, Observer } from 'rxjs/Rx';
@@ -54,7 +54,7 @@ export class TaskDetailsComponent implements OnInit, OnChanges {
     activitichecklist: any;
 
     @ViewChild('errorDialog')
-    errorDialog: DebugElement;
+    errorDialog: TemplateRef<any>;
 
     @Input()
     debugMode: boolean = false;
@@ -138,13 +138,16 @@ export class TaskDetailsComponent implements OnInit, OnChanges {
     showAssignee: boolean = false;
 
     private peopleSearchObserver: Observer<User[]>;
+    public errorDialogRef: MdDialogRef<TemplateRef<any>>;
+
     peopleSearch$: Observable<User[]>;
 
     constructor(private activitiTaskList: TaskListService,
                 private authService: AlfrescoAuthenticationService,
                 private peopleService: PeopleService,
                 private logService: LogService,
-                private cardViewUpdateService: CardViewUpdateService) {
+                private cardViewUpdateService: CardViewUpdateService,
+                private dialog: MdDialog) {
         this.peopleSearch$ = new Observable<User[]>(observer => this.peopleSearchObserver = observer).share();
     }
 
@@ -309,7 +312,7 @@ export class TaskDetailsComponent implements OnInit, OnChanges {
     }
 
     onFormError(error: any): void {
-        this.errorDialog.nativeElement.showModal();
+        this.errorDialogRef = this.dialog.open(this.errorDialog, { width: '500px' });
         this.onError.emit(error);
     }
 
@@ -318,7 +321,7 @@ export class TaskDetailsComponent implements OnInit, OnChanges {
     }
 
     closeErrorDialog(): void {
-        this.errorDialog.nativeElement.close();
+        this.dialog.closeAll();
     }
 
     onClaimTask(taskId: string): void {
diff --git a/ng2-components/ng2-alfresco-core/README.md b/ng2-components/ng2-alfresco-core/README.md
index 7e6ac741a4..646a367034 100644
--- a/ng2-components/ng2-alfresco-core/README.md
+++ b/ng2-components/ng2-alfresco-core/README.md
@@ -54,9 +54,7 @@ Contains a variety of components, directives and services used throughout ADF
   * [Details](#details-5)
 - [AppConfigService](#appconfigservice)
   * [Details](#details-6)
-    + [Different configurations based on environment settings](#different-configurations-based-on-environment-settings)
     + [Variable substitution in configuration strings](#variable-substitution-in-configuration-strings)
-    + [Unit testing](#unit-testing)
 - [User Preferences Service](#user-preferences-service)
   * [Details](#details-7)
 - [Notification Service](#notification-service)
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 1354fa0d4f..34972d71a2 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #2196f3; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   color: rgba(255, 255, 255, 0.87); }
-  .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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #2196f3; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #2196f3; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 771d915645..1117f3efe7 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #2196f3; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   color: rgba(255, 255, 255, 0.87); }
-  .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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #2196f3; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #2196f3; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 f6a7cdad36..4fa1a905cf 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #00bcd4; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   color: rgba(255, 255, 255, 0.87); }
-  .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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #00bcd4; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #00bcd4; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 1f7ffe49c6..4282de4573 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #00bcd4; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   color: rgba(255, 255, 255, 0.87); }
-  .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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #00bcd4; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #00bcd4; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 fd19b680ca..d81cb55d71 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #8bc34a; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   color: rgba(255, 255, 255, 0.87); }
-  .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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #8bc34a; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #8bc34a; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 1b99bb658b..d8a835b63c 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #8bc34a; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   color: rgba(255, 255, 255, 0.87); }
-  .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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #8bc34a; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #8bc34a; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 a0fdea29b5..5139b36faf 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   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-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #ff4081; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: rgba(0, 0, 0, 0.54); }
+  color: black; }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -1082,38 +987,19 @@ input.mat-input-element {
 .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.mat-primary {
-  background-color: #3f51b5;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
   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.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-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-table {
   background: white; }
@@ -1179,73 +1065,24 @@ input.mat-input-element {
 
 .mat-expansion-panel {
   background: white;
-  color: rgba(0, 0, 0, 0.87); }
+  color: black; }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header: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,
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.42); }
+  color: rgba(0, 0, 0, 0.38); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: rgba(0, 0, 0, 0.87); }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: white; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-
-.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-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-paginator {
   background: white; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(0, 0, 0, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.54); }
+  color: rgba(0, 0, 0, 0.38); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff4081; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: white; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1547,7 +1397,7 @@ input.mat-input-element {
 
 .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: rgba(0, 0, 0, 0.87); }
+  background-color: black; }
 
 .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 {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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); }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #3f51b5; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #3f51b5; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 9548cf2e54..d7e59c9b46 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   color: white; }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(255, 255, 255, 0.04); }
-  .mat-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #c2185b; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #b0bec5; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(255, 255, 255, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #303030; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #212121;
-  color: rgba(255, 255, 255, 0.7); }
+  color: white; }
 
 .mat-button-toggle-disabled {
   background-color: black;
@@ -1080,40 +985,21 @@ input.mat-input-element {
   background-color: rgba(244, 67, 54, 0.26); }
 
 .mat-chip:not(.mat-basic-chip) {
-  background-color: #616161;
+  background-color: #424242;
   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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #212121;
   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-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-table {
   background: #424242; }
@@ -1184,68 +1070,19 @@ input.mat-input-element {
 .mat-action-row {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
   background: rgba(255, 255, 255, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: white; }
 
-.mat-expansion-panel-header-description,
+.mat-expansion-panel-header-description {
+  color: rgba(255, 255, 255, 0.7); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.7); }
+  color: rgba(255, 255, 255, 0.3); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: white; }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: #424242; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: white; }
   .mat-menu-item[disabled] {
     color: rgba(255, 255, 255, 0.3); }
-
-.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-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-paginator {
   background: #424242; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(255, 255, 255, 0.7); }
+  color: rgba(255, 255, 255, 0.3); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(255, 255, 255, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(255, 255, 255, 0.7); }
+  color: rgba(255, 255, 255, 0.3); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: #424242; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #b0bec5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #303030;
   color: white; }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: #424242;
   color: white; }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: #424242; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(189, 189, 189, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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; }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #c2185b; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #c2185b; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;
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 821bd9eeaa..e408cb9016 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-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -104,14 +104,9 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -138,66 +133,6 @@
 .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; }
@@ -212,14 +147,62 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -228,7 +211,6 @@ input.mat-input-element {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -238,7 +220,6 @@ input.mat-input-element {
   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; }
 
@@ -269,62 +250,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Muli, Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
@@ -478,7 +430,7 @@ input.mat-input-element {
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
+.mat-button, .mat-raised-button, .mat-icon-button {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -504,14 +456,9 @@ input.mat-input-element {
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip {
+.mat-chip:not(.mat-basic-chip) {
   font-size: 13px;
-  line-height: 18px; }
-  .mat-chip .mat-chip-remove.mat-icon {
-    font-size: 18px; }
-
-.mat-table {
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
+  line-height: 16px; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -538,66 +485,6 @@ input.mat-input-element {
 .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; }
@@ -612,14 +499,62 @@ input.mat-input-element {
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-input.mat-input-element {
-  margin-top: -0.0625em; }
+.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); }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator,
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -628,7 +563,6 @@ input.mat-input-element {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
-  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -638,7 +572,6 @@ input.mat-input-element {
   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; }
 
@@ -669,62 +602,33 @@ input.mat-input-element {
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-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-selection-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) {
       font-size: 14px; }
 
-.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 .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 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
 
-.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 {
+.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-selection-list[dense] .mat-list-item .mat-line {
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-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) {
+    .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) {
       font-size: 12px; }
 
-.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-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -745,9 +649,6 @@ input.mat-input-element {
 
 .mat-ripple {
   overflow: hidden; }
-  @media screen and (-ms-high-contrast: active) {
-    .mat-ripple {
-      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -794,11 +695,11 @@ input.mat-input-element {
       padding-right: 32px; }
 
 .mat-option-ripple {
+  position: absolute;
   top: 0;
   left: 0;
-  right: 0;
   bottom: 0;
-  position: absolute;
+  right: 0;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -843,6 +744,7 @@ input.mat-input-element {
   overflow: hidden;
   padding: 0;
   position: absolute;
+  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -899,11 +801,11 @@ input.mat-input-element {
   color: white; }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(255, 255, 255, 0.04); }
-  .mat-primary .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
     color: #7b1fa2; }
-  .mat-accent .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
     color: #69f0ae; }
-  .mat-warn .mat-option.mat-selected {
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(255, 255, 255, 0.04); }
@@ -924,22 +826,25 @@ input.mat-input-element {
   .mat-pseudo-checkbox::after {
     color: #303030; }
 
-.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-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-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-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 {
@@ -1025,7 +930,7 @@ input.mat-input-element {
 
 .mat-button-toggle-checked {
   background-color: #212121;
-  color: rgba(255, 255, 255, 0.7); }
+  color: white; }
 
 .mat-button-toggle-disabled {
   background-color: black;
@@ -1080,40 +985,21 @@ input.mat-input-element {
   background-color: rgba(244, 67, 54, 0.26); }
 
 .mat-chip:not(.mat-basic-chip) {
-  background-color: #616161;
+  background-color: #424242;
   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.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;
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #212121;
   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-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-table {
   background: #424242; }
@@ -1184,68 +1070,19 @@ input.mat-input-element {
 .mat-action-row {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
-.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 {
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
   background: rgba(255, 255, 255, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: white; }
 
-.mat-expansion-panel-header-description,
+.mat-expansion-panel-header-description {
+  color: rgba(255, 255, 255, 0.7); }
+
 .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; }
 
@@ -1255,21 +1092,51 @@ input.mat-input-element {
 .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.7); }
+  color: rgba(255, 255, 255, 0.3); }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
+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 {
   color: white; }
 
-.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 {
+.mat-list .mat-subheader, .mat-nav-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); }
 
@@ -1278,12 +1145,7 @@ input.mat-input-element {
   .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-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 {
+.mat-menu-content {
   background: #424242; }
 
 .mat-menu-item {
@@ -1291,15 +1153,11 @@ input.mat-input-element {
   color: white; }
   .mat-menu-item[disabled] {
     color: rgba(255, 255, 255, 0.3); }
-
-.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-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-paginator {
   background: #424242; }
@@ -1394,20 +1252,15 @@ input.mat-input-element {
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(255, 255, 255, 0.7); }
+  color: rgba(255, 255, 255, 0.3); }
 
 .mat-select-underline {
-  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; }
+  background-color: rgba(255, 255, 255, 0.12); }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(255, 255, 255, 0.7); }
+  color: rgba(255, 255, 255, 0.3); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: #424242; }
@@ -1415,9 +1268,6 @@ input.mat-input-element {
 .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; }
 
@@ -1430,26 +1280,26 @@ input.mat-input-element {
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #69f0ae; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
+.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 {
   color: #f44336; }
 
-.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 {
+.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 {
   background-color: #f44336; }
 
-.mat-drawer-container {
+.mat-sidenav-container {
   background-color: #303030;
   color: white; }
 
-.mat-drawer {
+.mat-sidenav {
   background-color: #424242;
   color: white; }
-  .mat-drawer.mat-drawer-push {
+  .mat-sidenav.mat-sidenav-push {
     background-color: #424242; }
 
-.mat-drawer-backdrop.mat-drawer-shown {
+.mat-sidenav-backdrop.mat-sidenav-shown {
   background-color: rgba(189, 189, 189, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1582,100 +1432,17 @@ input.mat-input-element {
   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; }
@@ -1692,13 +1459,6 @@ input.mat-input-element {
 .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;
@@ -2451,9 +2211,6 @@ container-widget .mat-grid-tile {
 .activiti-label {
   font-weight: bolder; }
 
-.material-icons.people-search__icon:hover {
-  color: #7b1fa2; }
-
 .fix-element-user-list {
   padding-top: 0px;
   padding-right: 0px;
@@ -2504,11 +2261,7 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px; }
-
 .assignment-header {
-  width: 100%;
   border-bottom: 1px solid #eee;
   padding: 6px 20px; }
 
@@ -2527,19 +2280,28 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   .add-people:hover {
     color: #7b1fa2; }
 
-.assignment-top-container {
+.assignment-top-container.mat-card {
   border-top: 2px solid #eee;
   margin: 0px;
-  padding: 0px; }
+  padding: 0px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch; }
+
+.assignment-top-container-content {
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  flex: 1 0 auto;
+  max-width: 100%; }
 
 .assignment-container {
   padding: 10px 20px;
   border-bottom: 1px solid #eee;
-  width: 100%; }
+  max-width: 100%; }
 
 .assignment-list-container {
-  padding: 0px;
-  width: 100%; }
+  padding: 0px; }
 
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
@@ -2565,9 +2327,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   height: 40px;
   vertical-align: middle; }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px; }
-
 .adf-filters__entry {
   cursor: pointer;
   font-size: 14px !important;