diff --git a/demo-shell-ng2/app/theme.scss b/demo-shell-ng2/app/theme.scss
index 5b41ff3b6e..afe0b34b12 100644
--- a/demo-shell-ng2/app/theme.scss
+++ b/demo-shell-ng2/app/theme.scss
@@ -15,6 +15,11 @@
 
 @include mat-core();
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 $primary: mat-palette($alfresco-accent-orange);
 $accent:  mat-palette($alfresco-accent-purple);
 $warn:    mat-palette($alfresco-warn);
diff --git a/demo-shell-ng2/app/vendor.ts b/demo-shell-ng2/app/vendor.ts
index 6a4f03e0d1..8f5a61e124 100644
--- a/demo-shell-ng2/app/vendor.ts
+++ b/demo-shell-ng2/app/vendor.ts
@@ -42,8 +42,6 @@ import 'material-design-icons/iconfont/material-icons.css';
 import 'material-design-lite/dist/material.orange-blue.min.css';
 import 'material-design-lite/material.js';
 
-import '../public/css/muli-font.css';
-
 import 'ng2-activiti-form/stencils/runtime.adf';
 import 'ng2-activiti-form/stencils/runtime.ng1';
 
diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index 162b46c3ae..bfddacb509 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
+    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
 
     <!--[if IE]>
     <script src=js/shim.min.js></script>
diff --git a/demo-shell-ng2/public/css/muli-font.css b/demo-shell-ng2/public/css/muli-font.css
deleted file mode 100644
index c237bd6952..0000000000
--- a/demo-shell-ng2/public/css/muli-font.css
+++ /dev/null
@@ -1,126 +0,0 @@
-@font-face {
-    font-family: "Muli";
-    src: url(../fonts/Muli-Light.ttf);
-}
-
-@font-face {
-    font-family: "Muli";
-    src: url(../fonts/Muli-LightItalic.ttf);
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "Muli";
-    src: url(../fonts/Muli-Regular.ttf);
-    font-weight: bold;
-}
-
-@font-face {
-    font-family: "Muli";
-    src: url(../fonts/Muli-Italic.ttf);
-    font-weight: bold;
-    font-style: italic;
-}
-
-html, body {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-h1, h2 {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-h3, h4 {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-h5, h6 {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-    margin: 24px 0 16px
-}
-
-blockquote {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-input {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--display-4, .mdl-typography--display-4-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--display-3, .mdl-typography--display-3-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--display-2, .mdl-typography--display-2-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--display-1, .mdl-typography--display-1-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-
-}
-
-.mdl-typography--headline, .mdl-typography--headline-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--title, .mdl-typography--title-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--subhead, .mdl-typography--subhead-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--body-2-force-preferred-font, .mdl-typography--body-2-force-preferred-font-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-typography--body-1-force-preferred-font, .mdl-typography--body-1-force-preferred-font-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-
-.mdl-typography--caption-force-preferred-font {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif
-}
-
-.mdl-typography--caption-force-preferred-font-color-contrast, .mdl-typography--menu {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif
-}
-
-.mdl-typography--menu-color-contrast, .mdl-typography--button, .mdl-typography--button-color-contrast {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-badge[data-badge]:after {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-button {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-list__item {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-layout__title, .mdl-layout-title {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-snackbar {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
-
-.mdl-snackbar__action {
-    font-family: 'Muli', "Helvetica", "Arial", sans-serif !important;
-}
diff --git a/demo-shell-ng2/public/fonts/Muli-Italic.ttf b/demo-shell-ng2/public/fonts/Muli-Italic.ttf
deleted file mode 100755
index 9d205732ee..0000000000
Binary files a/demo-shell-ng2/public/fonts/Muli-Italic.ttf and /dev/null differ
diff --git a/demo-shell-ng2/public/fonts/Muli-Light.ttf b/demo-shell-ng2/public/fonts/Muli-Light.ttf
deleted file mode 100755
index 8dfff09dff..0000000000
Binary files a/demo-shell-ng2/public/fonts/Muli-Light.ttf and /dev/null differ
diff --git a/demo-shell-ng2/public/fonts/Muli-LightItalic.ttf b/demo-shell-ng2/public/fonts/Muli-LightItalic.ttf
deleted file mode 100755
index a75b8fd274..0000000000
Binary files a/demo-shell-ng2/public/fonts/Muli-LightItalic.ttf and /dev/null differ
diff --git a/demo-shell-ng2/public/fonts/Muli-Regular.ttf b/demo-shell-ng2/public/fonts/Muli-Regular.ttf
deleted file mode 100755
index cf324e4b04..0000000000
Binary files a/demo-shell-ng2/public/fonts/Muli-Regular.ttf and /dev/null differ
diff --git a/ng2-components/config/prebuilt/adf-blue-orange.scss b/ng2-components/config/prebuilt/adf-blue-orange.scss
index 874144cabd..cbf02cad9f 100644
--- a/ng2-components/config/prebuilt/adf-blue-orange.scss
+++ b/ng2-components/config/prebuilt/adf-blue-orange.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($alfresco-ecm-blue);
diff --git a/ng2-components/config/prebuilt/adf-blue-purple.scss b/ng2-components/config/prebuilt/adf-blue-purple.scss
index d86e6e5963..00d3e80b68 100644
--- a/ng2-components/config/prebuilt/adf-blue-purple.scss
+++ b/ng2-components/config/prebuilt/adf-blue-purple.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($alfresco-ecm-blue);
diff --git a/ng2-components/config/prebuilt/adf-cyan-orange.scss b/ng2-components/config/prebuilt/adf-cyan-orange.scss
index b9faadf743..56b8948b5f 100644
--- a/ng2-components/config/prebuilt/adf-cyan-orange.scss
+++ b/ng2-components/config/prebuilt/adf-cyan-orange.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($alfresco-ecm-cyan);
diff --git a/ng2-components/config/prebuilt/adf-cyan-purple.scss b/ng2-components/config/prebuilt/adf-cyan-purple.scss
index ecb3df2255..37dd132237 100644
--- a/ng2-components/config/prebuilt/adf-cyan-purple.scss
+++ b/ng2-components/config/prebuilt/adf-cyan-purple.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($alfresco-ecm-cyan);
diff --git a/ng2-components/config/prebuilt/adf-green-orange.scss b/ng2-components/config/prebuilt/adf-green-orange.scss
index cf547f11c8..3d07dc8ecd 100644
--- a/ng2-components/config/prebuilt/adf-green-orange.scss
+++ b/ng2-components/config/prebuilt/adf-green-orange.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($alfresco-bpm-green);
diff --git a/ng2-components/config/prebuilt/adf-green-purple.scss b/ng2-components/config/prebuilt/adf-green-purple.scss
index c665e62afa..e3ad5b3cca 100644
--- a/ng2-components/config/prebuilt/adf-green-purple.scss
+++ b/ng2-components/config/prebuilt/adf-green-purple.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($alfresco-bpm-green);
diff --git a/ng2-components/config/prebuilt/adf-indigo-pink.scss b/ng2-components/config/prebuilt/adf-indigo-pink.scss
index 44cfc230c6..f7ef96f962 100644
--- a/ng2-components/config/prebuilt/adf-indigo-pink.scss
+++ b/ng2-components/config/prebuilt/adf-indigo-pink.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($mat-indigo);
diff --git a/ng2-components/config/prebuilt/adf-pink-bluegrey.scss b/ng2-components/config/prebuilt/adf-pink-bluegrey.scss
index 636d64e652..c39f1d1f58 100644
--- a/ng2-components/config/prebuilt/adf-pink-bluegrey.scss
+++ b/ng2-components/config/prebuilt/adf-pink-bluegrey.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($mat-pink, 700, 500, 900);
diff --git a/ng2-components/config/prebuilt/adf-purple-green.scss b/ng2-components/config/prebuilt/adf-purple-green.scss
index a3ac95fdcd..f92973fb7b 100644
--- a/ng2-components/config/prebuilt/adf-purple-green.scss
+++ b/ng2-components/config/prebuilt/adf-purple-green.scss
@@ -1,6 +1,11 @@
 @import '~ng2-alfresco-core/styles/theming';
 @import './all-theme';
 
+$custom-typography: mat-typography-config(
+    $font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif'
+);
+@include angular-material-typography($custom-typography);
+
 @include mat-core();
 
 $primary: mat-palette($mat-purple, 700, 500, 800);
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss
index ae49549c19..1b07996fd2 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss
@@ -42,7 +42,6 @@
         text-align: center;
         font-weight: bolder;
         font-size: 18px;
-        font-family: Muli;
         text-transform: uppercase;
         vertical-align: middle;
     }
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss b/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss
index 2e9c81946e..98e7f246ff 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss
@@ -14,7 +14,6 @@ adf-datatable /deep/ .data-cell {
 .adf-empty-list-header {
     height: 32px;
     opacity: 0.26 !important;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 24px;
     line-height: 1.33;
     letter-spacing: -1px;
@@ -24,7 +23,6 @@ adf-datatable /deep/ .data-cell {
 .adf-empty-list-drag_drop {
     height: 56px;
     opacity: 0.54;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 56px;
     line-height: 1;
     letter-spacing: -2px;
@@ -35,7 +33,6 @@ adf-datatable /deep/ .data-cell {
 .adf-empty-list__any-files-here-to-add {
     height: 24px;
     opacity: 0.54;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1.5;
     letter-spacing: -0.4px;
@@ -48,4 +45,4 @@ adf-datatable /deep/ .data-cell {
     height: 161px;
     object-fit: contain;
     margin-top: 17px;
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-activiti-processlist/src/components/processlist.component.css b/ng2-components/ng2-activiti-processlist/src/components/processlist.component.css
index 47491fe0aa..39467dee0c 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/processlist.component.css
+++ b/ng2-components/ng2-activiti-processlist/src/components/processlist.component.css
@@ -20,7 +20,6 @@ adf-datatable >>> .cell-value{
 }
 
 .no-content-message {
-    font-family: Muli;
     font-size: 16px;
     font-weight: bold;
     text-align: center;
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss
index c7d73219e6..513354ee50 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss
@@ -15,7 +15,6 @@
             width: 30px;
             background-color: mat-color($primary);
             border-radius: 50%;
-            font-family: Muli;
             font-size: 16px;
             color: #fff;
             text-align: center;
@@ -27,7 +26,6 @@
             float: left;
             width: calc(100% - 120px);
             padding: 2px 10px;
-            font-family: Muli;
             font-weight: 600;
             color: #595959;
         }
@@ -36,7 +34,6 @@
             float: left;
             width: calc(100% - 10px);
             padding: 2px 10px;
-            font-family: Muli;
             font-style: italic;
             color: #595959;
             white-space: initial;
@@ -46,7 +43,6 @@
             float: left;
             width: calc(100% - 120px);
             padding: 2px 10px;
-            font-family: Muli;
             font-size: 12px;
             color: #595959;
         }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/comments.component.css b/ng2-components/ng2-activiti-tasklist/src/components/comments.component.css
index 53dde03af7..80db60efdb 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/comments.component.css
+++ b/ng2-components/ng2-activiti-tasklist/src/components/comments.component.css
@@ -7,7 +7,6 @@
 .adf-comments-header {
     padding: 10px 20px;
     font-size: 14px;
-    font-family: Muli;
     font-weight: 600;
     border-bottom: 1px solid #e1e1e1;
     color: #a1a1a1;
@@ -29,4 +28,4 @@ adf-comment-list {
     overflow: auto;
     height: calc(100% - 101px);
     width: 100%;
-}
\ No newline at end of file
+}
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 63e0e26692..33d2f6d7cd 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
@@ -55,10 +55,6 @@
         }
     }
 
-    adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-        font-family: 'Muli';
-    }
-
     .people-pic {
         background: mat-color($primary);
         width: 30px;
@@ -68,7 +64,6 @@
         text-align: center;
         font-weight: bolder;
         font-size: 18px;
-        font-family: Muli;
         text-transform: uppercase;
         vertical-align: text-bottom;
     }
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 0fed49c814..5213db8cea 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
@@ -11,7 +11,6 @@
         float: left;
         padding: 10px 0px;
         font-weight: bolder;
-        font-family: Muli;
         opacity: 0.54;
     }
 
@@ -47,16 +46,9 @@
         thead {
             display: none;
         }
-        .people-full-name {
-            font-family: 'Muli';
-        }
         .people-email {
-            font-family: 'Muli';
             opacity: 0.54;
         }
-        .people-edit-label {
-            font-family: 'Muli';
-        }
         .people-pic {
             background: mat-color($primary);
             width: 30px;
@@ -66,7 +58,6 @@
             text-align: center;
             font-weight: bolder;
             font-size: 18px;
-            font-family: Muli;
             text-transform: uppercase;
             vertical-align: text-bottom;
         }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss
index 17d11582bc..570590b18c 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss
@@ -5,7 +5,6 @@
 
     .adf-new-task-heading {
         padding: 12px 20px;
-        font-family: Muli;
         font-weight: bold;
         border-bottom: 1px solid #eee;
         font-size: 18px;
@@ -25,7 +24,6 @@
 
     .adf-new-task-footer {
         padding: 4px;
-        font-family: Muli;
         font-size: 18px;
         border-top: 1px solid #eee;
         float: left;
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
index 0cf8846f89..e68b1748a8 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
@@ -14,7 +14,6 @@ adf-datatable  /deep/ .data-cell {
 .adf-empty-list-header {
     height: 32px;
     opacity: 0.26;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 24px;
     line-height: 1.33;
     letter-spacing: -1px;
@@ -24,7 +23,6 @@ adf-datatable  /deep/ .data-cell {
 .adf-empty-list-drag_drop {
     height: 56px;
     opacity: 0.54;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 56px;
     line-height: 1;
     letter-spacing: -2px;
@@ -35,7 +33,6 @@ adf-datatable  /deep/ .data-cell {
 .adf-empty-list__any-files-here-to-add {
     height: 24px;
     opacity: 0.54;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1.5;
     letter-spacing: -0.4px;
@@ -48,4 +45,4 @@ adf-datatable  /deep/ .data-cell {
     height: 161px;
     object-fit: contain;
     margin-top: 17px;
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/tasklist.component.css b/ng2-components/ng2-activiti-tasklist/src/components/tasklist.component.css
index 28946f5927..a83c1106da 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/tasklist.component.css
+++ b/ng2-components/ng2-activiti-tasklist/src/components/tasklist.component.css
@@ -20,10 +20,9 @@ alfresco-datatable >>> .cell-value{
 }
 
 .no-content-message {
-    font-family: Muli;
     font-size: 16px;
     font-weight: bold;
     text-align: center;
     opacity: 0.54;
     color: #000;
-}
\ No newline at end of file
+}
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 47eead2259..1354fa0d4f 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #2196f3; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #2196f3; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff9800; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #2196f3; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #2196f3;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff9800;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #2196f3;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff9800;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #2196f3; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff9800; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff9800; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #2196f3; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #2196f3; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #2196f3; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff9800; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff9800; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #2196f3; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff9800; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #2196f3; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(187, 222, 251, 0.3); }
-
-.mat-ink-bar {
-  background-color: #2196f3; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff9800; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #2196f3;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #2196f3; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #2196f3;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #2196f3;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 6a541c1bc5..771d915645 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #2196f3; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #2196f3; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #3f51b5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #2196f3; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #2196f3;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #2196f3;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #2196f3; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #3f51b5; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #2196f3; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #2196f3; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #2196f3; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #3f51b5; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #2196f3; }
-  .mat-input-ripple.mat-accent {
-    background-color: #3f51b5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #2196f3; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(187, 222, 251, 0.3); }
-
-.mat-ink-bar {
-  background-color: #2196f3; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(187, 222, 251, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #2196f3; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #3f51b5; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #2196f3;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #2196f3; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #2196f3;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #2196f3;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 6c05218620..f6a7cdad36 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #00bcd4; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #00bcd4; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff9800; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #00bcd4; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #00bcd4;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff9800;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #00bcd4;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff9800;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #00bcd4; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff9800; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff9800; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #00bcd4; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #00bcd4; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #00bcd4; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff9800; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff9800; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #00bcd4; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff9800; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #00bcd4; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(178, 235, 242, 0.3); }
-
-.mat-ink-bar {
-  background-color: #00bcd4; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff9800; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #00bcd4;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #00bcd4; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #00bcd4;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #00bcd4;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 ff30b63849..1f7ffe49c6 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #00bcd4; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #00bcd4; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #3f51b5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #00bcd4; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #00bcd4;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #00bcd4;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #00bcd4; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #3f51b5; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #00bcd4; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #00bcd4; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #00bcd4; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #3f51b5; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #00bcd4; }
-  .mat-input-ripple.mat-accent {
-    background-color: #3f51b5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #00bcd4; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(178, 235, 242, 0.3); }
-
-.mat-ink-bar {
-  background-color: #00bcd4; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(178, 235, 242, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #00bcd4; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #3f51b5; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #00bcd4;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #00bcd4; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #00bcd4;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #00bcd4;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 bca4db51ee..fd19b680ca 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #8bc34a; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff9800; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #8bc34a; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff9800; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #8bc34a; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #8bc34a;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff9800;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #8bc34a;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff9800;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #8bc34a; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff9800; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff9800; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #8bc34a; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #8bc34a; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #8bc34a; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff9800; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff9800; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #8bc34a; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff9800; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #8bc34a; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff9800; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(220, 237, 200, 0.3); }
-
-.mat-ink-bar {
-  background-color: #8bc34a; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 224, 178, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff9800; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff9800; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #8bc34a;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #8bc34a; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #8bc34a;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #8bc34a;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 253afd794b..1b99bb658b 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #8bc34a; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #8bc34a; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #3f51b5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #8bc34a; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #8bc34a;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #8bc34a;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #8bc34a; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #3f51b5; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #8bc34a; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #8bc34a; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #8bc34a; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #3f51b5; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #8bc34a; }
-  .mat-input-ripple.mat-accent {
-    background-color: #3f51b5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #8bc34a; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #3f51b5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(220, 237, 200, 0.3); }
-
-.mat-ink-bar {
-  background-color: #8bc34a; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(220, 237, 200, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #8bc34a; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #3f51b5; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #8bc34a;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #8bc34a; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #8bc34a;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #8bc34a;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 74f0d729a7..a0fdea29b5 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: rgba(0, 0, 0, 0.87); }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(0, 0, 0, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #3f51b5; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #ff4081; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(0, 0, 0, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #fafafa; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #3f51b5; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #ff4081; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #3f51b5; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #b0b0b0; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #e0e0e0;
-  color: black; }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-button-toggle-disabled {
   background-color: #eeeeee;
@@ -710,19 +1082,38 @@
 .mat-chip:not(.mat-basic-chip) {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87); }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #808080;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #3f51b5;
   color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #3f51b5;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #ff4081;
-    color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #ff4081;
+  color: white; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: white; }
@@ -788,24 +1179,73 @@
 
 .mat-expansion-panel {
   background: white;
-  color: black; }
+  color: rgba(0, 0, 0, 0.87); }
 
 .mat-action-row {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(0, 0, 0, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-expansion-panel-header-description {
-  color: rgba(0, 0, 0, 0.54); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-hint {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #3f51b5; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #ff4081; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #ff4081; }
+
+.mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #3f51b5; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #ff4081; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #3f51b5; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(0, 0, 0, 0.38); }
-
-.mat-focused .mat-input-placeholder {
-  color: #3f51b5; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #ff4081; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.42); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #ff4081; }
-
-.mat-input-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
-
-.mat-input-ripple {
-  background-color: #3f51b5; }
-  .mat-input-ripple.mat-accent {
-    background-color: #ff4081; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(0, 0, 0, 0.54); }
 
+.mat-list-item-disabled {
+  background-color: #eeeeee; }
+
 .mat-divider {
   border-top-color: rgba(0, 0, 0, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(0, 0, 0, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-panel {
   background: white; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: rgba(0, 0, 0, 0.87); }
   .mat-menu-item[disabled] {
     color: rgba(0, 0, 0, 0.38); }
-  .mat-menu-item .mat-icon {
-    color: rgba(0, 0, 0, 0.54);
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(0, 0, 0, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(0, 0, 0, 0.04); }
 
 .mat-paginator {
   background: white; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-underline {
-  background-color: rgba(0, 0, 0, 0.12); }
+  background-color: rgba(0, 0, 0, 0.42); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(0, 0, 0, 0.38); }
+  color: rgba(0, 0, 0, 0.54); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: white; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: rgba(0, 0, 0, 0.87); }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(0, 0, 0, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #3f51b5; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #ff4081; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #fafafa;
   color: rgba(0, 0, 0, 0.87); }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: white;
   color: rgba(0, 0, 0, 0.87); }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: white; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(0, 0, 0, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1120,7 +1547,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
-  background-color: black; }
+  background-color: rgba(0, 0, 0, 0.87); }
 
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
 .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(197, 202, 233, 0.3); }
-
-.mat-ink-bar {
-  background-color: #3f51b5; }
-
 .mat-tab-label, .mat-tab-link {
   color: rgba(0, 0, 0, 0.87); }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(0, 0, 0, 0.38); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(255, 128, 171, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #ff4081; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(197, 202, 233, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #3f51b5; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(255, 128, 171, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #ff4081; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: whitesmoke;
   color: rgba(0, 0, 0, 0.87); }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #323232;
+  color: white; }
+
+.mat-simple-snackbar-action {
+  color: #ff4081; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #3f51b5;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #3f51b5; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #3f51b5;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #3f51b5;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 dc64cbbaf9..9548cf2e54 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: white; }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(255, 255, 255, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #c2185b; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #b0bec5; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(255, 255, 255, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #303030; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #c2185b; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #b0bec5; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #c2185b; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #686868; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #212121;
-  color: white; }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-button-toggle-disabled {
   background-color: black;
@@ -708,21 +1080,40 @@
   background-color: rgba(244, 67, 54, 0.26); }
 
 .mat-chip:not(.mat-basic-chip) {
-  background-color: #424242;
+  background-color: #616161;
   color: white; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #212121;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #c2185b;
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
   color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #c2185b;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #b0bec5;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #b0bec5;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: #424242; }
@@ -793,19 +1184,68 @@
 .mat-action-row {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(255, 255, 255, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: white; }
 
-.mat-expansion-panel-header-description {
-  color: rgba(255, 255, 255, 0.7); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-hint {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #c2185b; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #b0bec5; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #b0bec5; }
+
+.mat-form-field-underline {
+  background-color: rgba(255, 255, 255, 0.7); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #c2185b; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #b0bec5; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #c2185b; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(255, 255, 255, 0.3); }
-
-.mat-focused .mat-input-placeholder {
-  color: #c2185b; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #b0bec5; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #b0bec5; }
-
-.mat-input-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
-
-.mat-input-ripple {
-  background-color: #c2185b; }
-  .mat-input-ripple.mat-accent {
-    background-color: #b0bec5; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: white; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: white; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-list-item-disabled {
+  background-color: black; }
+
 .mat-divider {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(255, 255, 255, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-panel {
   background: #424242; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: white; }
   .mat-menu-item[disabled] {
     color: rgba(255, 255, 255, 0.3); }
-  .mat-menu-item .mat-icon {
-    color: white;
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: white; }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(255, 255, 255, 0.04); }
 
 .mat-paginator {
   background: #424242; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
+  background-color: rgba(255, 255, 255, 0.7); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: #424242; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: white; }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(255, 255, 255, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #c2185b; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #b0bec5; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #303030;
   color: white; }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: #424242;
   color: white; }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: #424242; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(189, 189, 189, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(255, 255, 255, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(233, 30, 99, 0.3); }
-
-.mat-ink-bar {
-  background-color: #c2185b; }
-
 .mat-tab-label, .mat-tab-link {
   color: white; }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(255, 255, 255, 0.3); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(233, 30, 99, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #c2185b; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(207, 216, 220, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #b0bec5; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(233, 30, 99, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #c2185b; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(207, 216, 220, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #b0bec5; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: #212121;
   color: white; }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-simple-snackbar-action {
+  color: inherit; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #c2185b;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #c2185b; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #c2185b;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #c2185b;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
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 43a20441f7..821bd9eeaa 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
@@ -18,6 +18,331 @@
  * autocomplete components.
  */
 /* ANIMATION */
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-h6, .mat-typography h6 {
+  font-size: 9.38px;
+  font-weight: 400;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+  .mat-body p, .mat-body-1 p, .mat-typography p {
+    margin: 0 0 12px; }
+
+.mat-small, .mat-caption {
+  font: 400 12px/20px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 56px;
+  letter-spacing: -0.05em; }
+
+.mat-display-3, .mat-typography .mat-display-3 {
+  font: 400 56px/56px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.02em; }
+
+.mat-display-2, .mat-typography .mat-display-2 {
+  font: 400 45px/48px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px;
+  letter-spacing: -0.005em; }
+
+.mat-display-1, .mat-typography .mat-display-1 {
+  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 {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card-title {
+  font-size: 24px;
+  font-weight: 400; }
+
+.mat-card-subtitle,
+.mat-card-content,
+.mat-card-header .mat-card-title {
+  font-size: 14px; }
+
+.mat-checkbox {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-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; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-calendar-body {
+  font-size: 13px; }
+
+.mat-calendar-body-label,
+.mat-calendar-period-button {
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-calendar-table-header th {
+  font-size: 11px;
+  font-weight: 400; }
+
+.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; }
+  .mat-grid-tile-header .mat-line,
+  .mat-grid-tile-footer .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-grid-tile-header .mat-line:nth-child(n+2),
+    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+input.mat-input-element {
+  margin-top: -0.0625em; }
+
+.mat-menu-item {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  padding-top: 16px;
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  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; }
+
+.mat-tab-group {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-toolbar,
+.mat-toolbar h1,
+.mat-toolbar h2,
+.mat-toolbar h3,
+.mat-toolbar h4,
+.mat-toolbar h5,
+.mat-toolbar h6 {
+  font: 500 20px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.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 {
+  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 {
+    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) {
+      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, .mat-selection-list .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-option {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Muli, Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px; }
+
+.mat-simple-snackbar-action {
+  line-height: 1;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: 500; }
+
 .mat-elevation-z0 {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
 
@@ -153,7 +478,7 @@
   font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 64px; }
 
-.mat-button, .mat-raised-button, .mat-icon-button {
+.mat-button, .mat-raised-button, .mat-icon-button, .mat-fab, .mat-mini-fab {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 500; }
@@ -179,9 +504,14 @@
 .mat-checkbox-layout .mat-checkbox-label {
   line-height: 24px; }
 
-.mat-chip:not(.mat-basic-chip) {
+.mat-chip {
   font-size: 13px;
-  line-height: 16px; }
+  line-height: 18px; }
+  .mat-chip .mat-chip-remove.mat-icon {
+    font-size: 18px; }
+
+.mat-table {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-header-cell {
   font-size: 12px;
@@ -208,6 +538,66 @@
 .mat-dialog-title {
   font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
 
+.mat-expansion-panel-header {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  font-weight: 400; }
+
+.mat-expansion-panel-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-form-field {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1.125; }
+
+.mat-form-field-wrapper {
+  padding-bottom: 1.25em; }
+
+.mat-form-field-prefix .mat-icon,
+.mat-form-field-suffix .mat-icon {
+  font-size: 150%;
+  line-height: 1.125; }
+
+.mat-form-field-prefix .mat-icon-button,
+.mat-form-field-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-form-field-prefix .mat-icon-button .mat-icon,
+  .mat-form-field-suffix .mat-icon-button .mat-icon {
+    height: 1.125em;
+    line-height: 1.125; }
+
+.mat-form-field-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-form-field-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-form-field-placeholder {
+  top: 1.28125em; }
+  .mat-form-field-placeholder.mat-form-field-float:not(.mat-form-field-empty),
+  .mat-focused .mat-form-field-placeholder.mat-form-field-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-form-field-underline {
+  bottom: 1.25em; }
+
+.mat-form-field-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.54167em;
+  top: calc(100% - 1.66667em); }
+
 .mat-grid-tile-header,
 .mat-grid-tile-footer {
   font-size: 14px; }
@@ -222,62 +612,14 @@
     .mat-grid-tile-footer .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-input-container {
-  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-input-wrapper {
-  padding-bottom: 1.29688em; }
-
-.mat-input-prefix .mat-icon,
-.mat-input-prefix .mat-datepicker-toggle,
-.mat-input-suffix .mat-icon,
-.mat-input-suffix .mat-datepicker-toggle {
-  font-size: 150%; }
-
-.mat-input-prefix .mat-icon-button,
-.mat-input-suffix .mat-icon-button {
-  height: 1.5em;
-  width: 1.5em; }
-  .mat-input-prefix .mat-icon-button .mat-icon,
-  .mat-input-suffix .mat-icon-button .mat-icon {
-    line-height: 1.5; }
-
-.mat-input-infix {
-  padding: 0.4375em 0;
-  border-top: 0.84375em solid transparent; }
-
-.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
-  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
-  width: 133.33333%; }
-
-.mat-input-placeholder-wrapper {
-  top: -0.84375em;
-  padding-top: 0.84375em; }
-
-.mat-input-placeholder {
-  top: 1.28125em; }
-  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
-    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-    -ms-transform: translateY(-1.28125em) scale(0.75);
-    width: 133.33333%; }
-
-.mat-input-underline {
-  bottom: 1.29688em; }
-
-.mat-input-subscript-wrapper {
-  font-size: 75%;
-  margin-top: 0.60417em;
-  top: calc(100% - 1.72917em); }
+input.mat-input-element {
+  margin-top: -0.0625em; }
 
 .mat-menu-item {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 16px; }
 
-.mat-paginator {
-  font-family: Roboto, "Helvetica Neue", sans-serif;
-  font-size: 12px; }
-
+.mat-paginator,
 .mat-paginator-page-size .mat-select-trigger {
   font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px; }
@@ -286,6 +628,7 @@
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select {
+  padding-top: 16px;
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-select-trigger {
@@ -295,6 +638,7 @@
   font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
 
 .mat-slider-thumb-label-text {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 500; }
 
@@ -325,33 +669,62 @@
 .mat-list-item {
   font-family: Roboto, "Helvetica Neue", sans-serif; }
 
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   font-size: 16px; }
-  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 14px; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
-
-.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item {
-  font-size: 12px; }
-  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  font-size: 16px; }
+  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     box-sizing: border-box; }
-    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
+    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 14px; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
       font-size: 12px; }
 
-.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
-  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
+  font-size: 12px; }
+  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    box-sizing: border-box; }
+    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  font-weight: 500; }
 
 .mat-option {
   font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -372,6 +745,9 @@
 
 .mat-ripple {
   overflow: hidden; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-ripple {
+      display: none; } }
 
 .mat-ripple.mat-ripple-unbounded {
   overflow: visible; }
@@ -418,11 +794,11 @@
       padding-right: 32px; }
 
 .mat-option-ripple {
-  position: absolute;
   top: 0;
   left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  position: absolute;
   pointer-events: none; }
   @media screen and (-ms-high-contrast: active) {
     .mat-option-ripple {
@@ -467,7 +843,6 @@
   overflow: hidden;
   padding: 0;
   position: absolute;
-  text-transform: none;
   width: 1px; }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -524,11 +899,11 @@
   color: white; }
   .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
     background: rgba(255, 255, 255, 0.04); }
-  .mat-option.mat-selected.mat-primary, .mat-primary .mat-option.mat-selected {
+  .mat-primary .mat-option.mat-selected {
     color: #7b1fa2; }
-  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+  .mat-accent .mat-option.mat-selected {
     color: #69f0ae; }
-  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+  .mat-warn .mat-option.mat-selected {
     color: #f44336; }
   .mat-option.mat-selected:not(.mat-option-multiple) {
     background: rgba(255, 255, 255, 0.04); }
@@ -549,25 +924,22 @@
   .mat-pseudo-checkbox::after {
     color: #303030; }
 
-.mat-pseudo-checkbox-checked.mat-primary,
-.mat-pseudo-checkbox-indeterminate.mat-primary,
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #7b1fa2; }
-
-.mat-pseudo-checkbox-checked.mat-accent,
-.mat-pseudo-checkbox-indeterminate.mat-accent,
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
 .mat-accent .mat-pseudo-checkbox-checked,
 .mat-accent .mat-pseudo-checkbox-indeterminate {
   background: #69f0ae; }
 
-.mat-pseudo-checkbox-checked.mat-warn,
-.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-primary .mat-pseudo-checkbox-checked,
+.mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #7b1fa2; }
+
 .mat-warn .mat-pseudo-checkbox-checked,
 .mat-warn .mat-pseudo-checkbox-indeterminate {
   background: #f44336; }
 
-.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
+.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
   background: #686868; }
 
 .mat-app-background {
@@ -653,7 +1025,7 @@
 
 .mat-button-toggle-checked {
   background-color: #212121;
-  color: white; }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-button-toggle-disabled {
   background-color: black;
@@ -708,21 +1080,40 @@
   background-color: rgba(244, 67, 54, 0.26); }
 
 .mat-chip:not(.mat-basic-chip) {
-  background-color: #424242;
+  background-color: #616161;
   color: white; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
+    opacity: 0.54; }
 
-.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
-  background-color: #212121;
+.mat-chip.mat-chip-selected.mat-primary {
+  background-color: #7b1fa2;
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
+    color: rgba(255, 255, 255, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-warn {
+  background-color: #f44336;
   color: white; }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-primary {
-    background-color: #7b1fa2;
-    color: rgba(255, 255, 255, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-accent {
-    background-color: #69f0ae;
-    color: rgba(0, 0, 0, 0.87); }
-  .mat-chip.mat-chip-selected:not(.mat-basic-chip).mat-warn {
-    background-color: #f44336;
-    color: white; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
+    color: white;
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
+    opacity: 0.54; }
+
+.mat-chip.mat-chip-selected.mat-accent {
+  background-color: #69f0ae;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
+    color: rgba(0, 0, 0, 0.87);
+    opacity: 0.4; }
+  .mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
+    opacity: 0.54; }
 
 .mat-table {
   background: #424242; }
@@ -793,19 +1184,68 @@
 .mat-action-row {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
-.mat-expansion-panel-header:focus,
-.mat-expansion-panel-header:hover {
+.mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel-header:not([aria-disabled='true']):hover {
   background: rgba(255, 255, 255, 0.04); }
 
 .mat-expansion-panel-header-title {
   color: white; }
 
-.mat-expansion-panel-header-description {
-  color: rgba(255, 255, 255, 0.7); }
-
+.mat-expansion-panel-header-description,
 .mat-expansion-indicator::after {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-expansion-panel-header[aria-disabled='true'] {
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
+  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
+    color: inherit; }
+
+.mat-form-field {
+  width: 200px; }
+
+.mat-form-field-placeholder {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-hint {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-focused .mat-form-field-placeholder {
+  color: #7b1fa2; }
+  .mat-focused .mat-form-field-placeholder.mat-accent {
+    color: #69f0ae; }
+  .mat-focused .mat-form-field-placeholder.mat-warn {
+    color: #f44336; }
+
+.mat-form-field-autofill-float:-webkit-autofill + .mat-form-field-placeholder .mat-form-field-required-marker,
+.mat-focused .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+  color: #69f0ae; }
+
+.mat-form-field-underline {
+  background-color: rgba(255, 255, 255, 0.7); }
+  .mat-form-field-underline.mat-disabled {
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+    background-size: 4px 1px;
+    background-repeat: repeat-x; }
+
+.mat-form-field-ripple {
+  background-color: #7b1fa2; }
+  .mat-form-field-ripple.mat-accent {
+    background-color: #69f0ae; }
+  .mat-form-field-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-placeholder {
+  color: #f44336; }
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-accent,
+  .mat-form-field-invalid .mat-form-field-placeholder.mat-form-field-float .mat-form-field-required-marker {
+    color: #f44336; }
+
+.mat-form-field-invalid .mat-form-field-ripple {
+  background-color: #f44336; }
+
+.mat-error {
+  color: #f44336; }
+
 .mat-icon.mat-primary {
   color: #7b1fa2; }
 
@@ -815,51 +1255,21 @@
 .mat-icon.mat-warn {
   color: #f44336; }
 
-.mat-input-placeholder {
-  color: rgba(255, 255, 255, 0.3); }
-
-.mat-focused .mat-input-placeholder {
-  color: #7b1fa2; }
-  .mat-focused .mat-input-placeholder.mat-accent {
-    color: #69f0ae; }
-  .mat-focused .mat-input-placeholder.mat-warn {
-    color: #f44336; }
-
 .mat-input-element:disabled {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
-input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
-.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
-  color: #69f0ae; }
-
-.mat-input-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
-
-.mat-input-ripple {
-  background-color: #7b1fa2; }
-  .mat-input-ripple.mat-accent {
-    background-color: #69f0ae; }
-  .mat-input-ripple.mat-warn {
-    background-color: #f44336; }
-
-.mat-input-invalid .mat-input-placeholder {
-  color: #f44336; }
-  .mat-input-invalid .mat-input-placeholder.mat-accent,
-  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
-    color: #f44336; }
-
-.mat-input-invalid .mat-input-ripple {
-  background-color: #f44336; }
-
-.mat-input-error {
-  color: #f44336; }
-
-.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
   color: white; }
 
-.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
+  color: white; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
   color: rgba(255, 255, 255, 0.7); }
 
+.mat-list-item-disabled {
+  background-color: black; }
+
 .mat-divider {
   border-top-color: rgba(255, 255, 255, 0.12); }
 
@@ -868,7 +1278,12 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus {
     background: rgba(255, 255, 255, 0.04); }
 
-.mat-menu-content {
+.mat-list-option {
+  outline: none; }
+  .mat-list-option:hover, .mat-list-option.mat-list-item-focus {
+    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-panel {
   background: #424242; }
 
 .mat-menu-item {
@@ -876,11 +1291,15 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   color: white; }
   .mat-menu-item[disabled] {
     color: rgba(255, 255, 255, 0.3); }
-  .mat-menu-item .mat-icon {
-    color: white;
-    vertical-align: middle; }
-  .mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]) {
-    background: rgba(255, 255, 255, 0.04); }
+
+.mat-menu-item .mat-icon,
+.mat-menu-item-submenu-trigger::after {
+  color: white; }
+
+.mat-menu-item:hover:not([disabled]),
+.mat-menu-item:focus:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]) {
+  background: rgba(255, 255, 255, 0.04); }
 
 .mat-paginator {
   background: #424242; }
@@ -975,15 +1394,20 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 
 .mat-select-trigger,
 .mat-select-arrow {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-underline {
-  background-color: rgba(255, 255, 255, 0.12); }
+  background-color: rgba(255, 255, 255, 0.7); }
+
+[aria-disabled='true'] .mat-select-underline {
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
+  background-size: 4px 1px;
+  background-repeat: repeat-x; }
 
 .mat-select-disabled .mat-select-value,
 .mat-select-arrow,
 .mat-select-trigger {
-  color: rgba(255, 255, 255, 0.3); }
+  color: rgba(255, 255, 255, 0.7); }
 
 .mat-select-content, .mat-select-panel-done-animating {
   background: #424242; }
@@ -991,6 +1415,9 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select-value {
   color: white; }
 
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+  background: rgba(255, 255, 255, 0.12); }
+
 .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-arrow {
   color: #7b1fa2; }
 
@@ -1003,26 +1430,26 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-underline {
   background-color: #69f0ae; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-trigger,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-arrow {
+.mat-select:focus:not(.mat-select-disabled).mat-select-required .mat-select-placeholder::after {
   color: #f44336; }
 
-.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline,
-.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) .mat-select-underline {
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-arrow, .mat-select-invalid .mat-select-trigger, .mat-select-invalid .mat-select-arrow {
+  color: #f44336; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-warn .mat-select-underline, .mat-select-invalid .mat-select-underline {
   background-color: #f44336; }
 
-.mat-sidenav-container {
+.mat-drawer-container {
   background-color: #303030;
   color: white; }
 
-.mat-sidenav {
+.mat-drawer {
   background-color: #424242;
   color: white; }
-  .mat-sidenav.mat-sidenav-push {
+  .mat-drawer.mat-drawer-push {
     background-color: #424242; }
 
-.mat-sidenav-backdrop.mat-sidenav-shown {
+.mat-drawer-backdrop.mat-drawer-shown {
   background-color: rgba(189, 189, 189, 0.6); }
 
 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
@@ -1155,17 +1582,100 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
   border-top: 1px solid rgba(255, 255, 255, 0.12);
   border-bottom: none; }
 
-.mat-tab-label:focus {
-  background-color: rgba(156, 39, 176, 0.3); }
-
-.mat-ink-bar {
-  background-color: #7b1fa2; }
-
 .mat-tab-label, .mat-tab-link {
   color: white; }
   .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
     color: rgba(255, 255, 255, 0.3); }
 
+.mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-tab-group[class*='mat-background-'] .mat-tab-header,
+.mat-tab-nav-bar[class*='mat-background-'] {
+  border-bottom: none;
+  border-top: none; }
+
+.mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
+  background-color: rgba(156, 39, 176, 0.3); }
+
+.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #7b1fa2; }
+
+.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
+  background-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus {
+  background-color: rgba(185, 246, 202, 0.3); }
+
+.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
+  background-color: #69f0ae; }
+
+.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
+  background-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
+  background-color: white; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus {
+  background-color: rgba(156, 39, 176, 0.3); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
+  background-color: #7b1fa2; }
+
+.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
+  color: rgba(255, 255, 255, 0.87); }
+  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.87); }
+
+.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus {
+  background-color: rgba(185, 246, 202, 0.3); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
+  background-color: #69f0ae; }
+
+.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
+    color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.87); }
+
+.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(0, 0, 0, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus {
+  background-color: rgba(255, 205, 210, 0.3); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
+  background-color: #f44336; }
+
+.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
+  color: white; }
+  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
+    color: rgba(255, 255, 255, 0.4); }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
+  border-color: white; }
+
+.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: rgba(255, 255, 255, 0.4); }
+
 .mat-toolbar {
   background: #212121;
   color: white; }
@@ -1182,6 +1692,13 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
 .mat-tooltip {
   background: rgba(97, 97, 97, 0.9); }
 
+.mat-snack-bar-container {
+  background: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-simple-snackbar-action {
+  color: inherit; }
+
 .adf-panel-heading {
   float: left;
   font-size: 14px;
@@ -1812,7 +2329,6 @@ container-widget .mat-grid-tile {
   width: 30px;
   background-color: #7b1fa2;
   border-radius: 50%;
-  font-family: Muli;
   font-size: 16px;
   color: #fff;
   text-align: center;
@@ -1823,7 +2339,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-weight: 600;
   color: #595959; }
 
@@ -1831,7 +2346,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 10px);
   padding: 2px 10px;
-  font-family: Muli;
   font-style: italic;
   color: #595959;
   white-space: initial; }
@@ -1840,7 +2354,6 @@ container-widget .mat-grid-tile {
   float: left;
   width: calc(100% - 120px);
   padding: 2px 10px;
-  font-family: Muli;
   font-size: 12px;
   color: #595959; }
 
@@ -1864,7 +2377,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-heading {
   padding: 12px 20px;
-  font-family: Muli;
   font-weight: bold;
   border-bottom: 1px solid #eee;
   font-size: 18px;
@@ -1882,7 +2394,6 @@ container-widget .mat-grid-tile {
 
 .adf-new-task-footer {
   padding: 4px;
-  font-family: Muli;
   font-size: 18px;
   border-top: 1px solid #eee;
   float: left;
@@ -1975,9 +2486,6 @@ adf-people-list /deep/ adf-datatable /deep/ thead {
     .search-list-action-container > button:hover {
       color: #7b1fa2; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 .people-pic {
   background: #7b1fa2;
   width: 30px;
@@ -1987,7 +2495,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2009,7 +2516,6 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
   float: left;
   padding: 10px 0px;
   font-weight: bolder;
-  font-family: Muli;
   opacity: 0.54; }
 
 .add-people {
@@ -2038,16 +2544,9 @@ adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-nu
 adf-people-list /deep/ adf-datatable /deep/ thead {
   display: none; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-email {
-  font-family: 'Muli';
   opacity: 0.54; }
 
-adf-people-list /deep/ adf-datatable /deep/ .people-edit-label {
-  font-family: 'Muli'; }
-
 adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   background: #7b1fa2;
   width: 30px;
@@ -2057,7 +2556,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic {
   text-align: center;
   font-weight: bolder;
   font-size: 18px;
-  font-family: Muli;
   text-transform: uppercase;
   vertical-align: text-bottom; }
 
@@ -2308,7 +2806,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     overflow: hidden;
     display: flex;
     line-height: 24px;
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: -0.2px;
@@ -2404,8 +2901,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     margin-bottom: 20px; }
     .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
       font-size: 14px; }
-    .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
-      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
     border: none; }
   .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
@@ -2504,7 +2999,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-list-header {
   height: 32px;
   opacity: 0.26 !important;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2518,7 +3012,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-this-space-is-empty {
   height: 32px;
   opacity: 0.26;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 24px;
   line-height: 1.33;
   letter-spacing: -1px;
@@ -2527,7 +3020,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-drag-drop {
   height: 56px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 56px;
   line-height: 1;
   letter-spacing: -2px;
@@ -2537,7 +3029,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
 .adf-empty-folder-any-files-here-to-add {
   height: 24px;
   opacity: 0.54;
-  font-family: Muli, Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.4px;
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss
index eb9f715a77..8c979d7d03 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.scss
@@ -29,7 +29,6 @@ $breadcrumb-chevron-spacer: 2px;
             display: flex;
             line-height: 24px;
 
-            font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
             font-size: 14px;
             font-weight: 600;
             letter-spacing: -0.2px;
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component.scss
index c943090789..349fedd5a6 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component.scss
@@ -48,10 +48,6 @@
                         font-size: 14px;
                     }
 
-                    .mat-select-placeholder,
-                    &.mat-select {
-                        font-family: 'Muli', "Helvetica", "Arial", sans-serif;
-                    }
                 }
 
                 .adf-toolbar .mat-toolbar {
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
index b3551f4bd5..03fca5be07 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
@@ -63,7 +63,6 @@
     .adf-empty-list-header {
         height: 32px;
         opacity: 0.26 !important;
-        font-family: Muli, Helvetica, Arial, sans-serif;
         font-size: 24px;
         line-height: 1.33;
         letter-spacing: -1px;
@@ -83,7 +82,6 @@
         &-this-space-is-empty {
             height: 32px;
             opacity: 0.26;
-            font-family: Muli, Helvetica, Arial, sans-serif;
             font-size: 24px;
             line-height: 1.33;
             letter-spacing: -1px;
@@ -93,7 +91,6 @@
         &-drag-drop {
             height: 56px;
             opacity: 0.54;
-            font-family: Muli, Helvetica, Arial, sans-serif;
             font-size: 56px;
             line-height: 1;
             letter-spacing: -2px;
@@ -104,7 +101,6 @@
         &-any-files-here-to-add {
             height: 24px;
             opacity: 0.54;
-            font-family: Muli, Helvetica, Arial, sans-serif;
             font-size: 16px;
             line-height: 1.5;
             letter-spacing: -0.4px;
diff --git a/ng2-components/ng2-alfresco-search/src/components/search.component.scss b/ng2-components/ng2-alfresco-search/src/components/search.component.scss
index 028b9d597f..9fb2e90e2f 100644
--- a/ng2-components/ng2-alfresco-search/src/components/search.component.scss
+++ b/ng2-components/ng2-alfresco-search/src/components/search.component.scss
@@ -17,7 +17,6 @@
 .no-result-message {
     height: 32px;
     opacity: 0.26;
-    font-family: Muli, Helvetica, Arial, sans-serif;
     font-size: 24px;
     line-height: 1.33;
     letter-spacing: -1px;