diff --git a/demo-shell-ng2/app/app.component.css b/demo-shell-ng2/app/app.component.css
deleted file mode 100644
index 637be069c4..0000000000
--- a/demo-shell-ng2/app/app.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.user-profile {
-    margin-right: 10px;
-}
-
-.app-menu--spacer {
-    flex: 1 1 auto;
-}
diff --git a/demo-shell-ng2/app/app.component.html b/demo-shell-ng2/app/app.component.html
index ae9ee86f7d..14e9ecab5a 100644
--- a/demo-shell-ng2/app/app.component.html
+++ b/demo-shell-ng2/app/app.component.html
@@ -15,6 +15,7 @@
     <a md-button data-automation-id="activiti" href="" routerLink="/activiti">Process Services</a>
     <a md-button data-automation-id="login" href="" routerLink="/login">Login</a>
 
+    <theme-picker></theme-picker>
     <button md-icon-button [mdMenuTriggerFor]="langMenu">
         <md-icon>language</md-icon>
     </button>
diff --git a/demo-shell-ng2/app/app.component.scss b/demo-shell-ng2/app/app.component.scss
new file mode 100644
index 0000000000..66c299f901
--- /dev/null
+++ b/demo-shell-ng2/app/app.component.scss
@@ -0,0 +1,24 @@
+.user-profile {
+    margin-right: 10px;
+}
+
+.app-menu--spacer {
+    flex: 1 1 auto;
+}
+
+.p-10 {
+    padding: 10px;
+}
+
+.m-10 {
+    margin: 10px;
+}
+
+._dialog_overlay {
+    position: static !important;
+}
+
+.md-simple-snackbar-action {
+    border: 0px;
+    cursor: pointer;
+}
diff --git a/demo-shell-ng2/app/app.component.ts b/demo-shell-ng2/app/app.component.ts
index dc7cd55641..c95712a3c2 100644
--- a/demo-shell-ng2/app/app.component.ts
+++ b/demo-shell-ng2/app/app.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { Router } from '@angular/router';
 import {
     AlfrescoAuthenticationService,
@@ -30,7 +30,8 @@ declare var document: any;
 @Component({
     selector: 'adf-app',
     templateUrl: './app.component.html',
-    styleUrls: ['./app.component.css']
+    styleUrls: ['./app.component.scss', './theme.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class AppComponent {
     searchTerm: string = '';
diff --git a/demo-shell-ng2/app/app.module.ts b/demo-shell-ng2/app/app.module.ts
index 4211879eec..c97b9993e2 100644
--- a/demo-shell-ng2/app/app.module.ts
+++ b/demo-shell-ng2/app/app.module.ts
@@ -40,6 +40,9 @@ import { ChartsModule } from 'ng2-charts';
 import { AppComponent } from './app.component';
 import { routing } from './app.routes';
 import { CustomEditorsModule } from './components/activiti/custom-editor/custom-editor.component';
+import { FormListDemoComponent } from './components/form/form-list-demo.component';
+import { StyleManager } from './components/theme-picker/style-manager/style-manager';
+import { ThemePickerModule } from './components/theme-picker/theme-picker';
 import { MaterialModule } from './material.module';
 import { DebugAppConfigService } from './services/debug-app-config.service';
 
@@ -48,7 +51,6 @@ import { RecentComponent } from './components/files/recent.component';
 import { SharedLinksComponent } from './components/files/shared-links.component';
 import { SitesComponent } from './components/files/sites.component';
 import { TrashcanComponent } from './components/files/trashcan.component';
-import { FormListDemoComponent } from './components/form/form-list-demo.component';
 
 import {
     AboutComponent,
@@ -102,7 +104,8 @@ if (process.env.ENV === 'production') {
         DiagramsModule.forRoot(),
         CustomEditorsModule,
         Editor3DModule.forRoot(),
-        ChartsModule
+        ChartsModule,
+        ThemePickerModule
     ],
     declarations: [
         AppComponent,
diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
index 3b2456b1db..6a1f146f69 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
+++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
@@ -6,7 +6,7 @@
                     <div class="list-buttons">
                         <button md-raised-button data-automation-id="btn-start-task" (click)="navigateStartTask()">
                             <md-icon>add</md-icon>
-                            <span>START TASK</span>
+                            <span>{{'PS-TAB.START-TASK' | translate}}</span>
                         </button>
                     </div>
                     <adf-accordion>
@@ -63,7 +63,7 @@
                     </activiti-task-details>
                     <hr>
                     <div *ngIf="currentTaskId">
-                        Task Audit log
+                        {{'PS-TAB.AUDIT-LOG' | translate}}
                         <button
                             adf-task-audit
                             [task-id]="currentTaskId"
@@ -148,7 +148,7 @@
                     </activiti-process-instance-details>
                     <hr>
                     <div *ngIf="currentProcessInstanceId">
-                        Process Audit log
+                        {{'PS-TAB.START-PROCESS' | translate}}
                         <button adf-process-audit
                                 [process-id]="currentProcessInstanceId"
                                 [download]="true" md-icon-button
diff --git a/demo-shell-ng2/app/components/activiti/activiti-show-diagram.component.html b/demo-shell-ng2/app/components/activiti/activiti-show-diagram.component.html
index 6e7793c395..fb812041e8 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-show-diagram.component.html
+++ b/demo-shell-ng2/app/components/activiti/activiti-show-diagram.component.html
@@ -1,6 +1,4 @@
 <div>
-    <button (click)="onClickBack()" class="mdl-button mdl-button--icon">
-        <i class="material-icons">keyboard_backspace</i>
-    </button>
+    <button md-mini-fab  (click)="onClickBack()" ><md-icon>keyboard_backspace</md-icon></button>
     <activiti-diagram [processInstanceId]="processDefinitionId"></activiti-diagram>
 </div>
diff --git a/demo-shell-ng2/app/components/activiti/form-node-viewer.component.ts b/demo-shell-ng2/app/components/activiti/form-node-viewer.component.ts
index f0cf0af407..e89d01bd17 100644
--- a/demo-shell-ng2/app/components/activiti/form-node-viewer.component.ts
+++ b/demo-shell-ng2/app/components/activiti/form-node-viewer.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { AfterViewChecked, Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs/Rx';
 
@@ -26,7 +26,7 @@ declare var componentHandler;
     templateUrl: './form-node-viewer.component.html',
     styleUrls: ['./form-node-viewer.component.css']
 })
-export class FormNodeViewerComponent implements OnInit, OnDestroy, AfterViewChecked {
+export class FormNodeViewerComponent implements OnInit, OnDestroy {
 
     nodeId: string;
 
@@ -45,11 +45,4 @@ export class FormNodeViewerComponent implements OnInit, OnDestroy, AfterViewChec
         this.sub.unsubscribe();
     }
 
-    ngAfterViewChecked() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-    }
-
 }
diff --git a/demo-shell-ng2/app/components/activiti/form-viewer.component.ts b/demo-shell-ng2/app/components/activiti/form-viewer.component.ts
index 26b0c7d7c1..6c1768129a 100644
--- a/demo-shell-ng2/app/components/activiti/form-viewer.component.ts
+++ b/demo-shell-ng2/app/components/activiti/form-viewer.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { AfterViewChecked, Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs/Rx';
 
@@ -26,7 +26,7 @@ declare var componentHandler;
     templateUrl: './form-viewer.component.html',
     styleUrls: ['./form-viewer.component.css']
 })
-export class FormViewerComponent implements OnInit, OnDestroy, AfterViewChecked {
+export class FormViewerComponent implements OnInit, OnDestroy {
 
     taskId: string;
 
@@ -45,11 +45,4 @@ export class FormViewerComponent implements OnInit, OnDestroy, AfterViewChecked
         this.sub.unsubscribe();
     }
 
-    ngAfterViewChecked() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-    }
-
 }
diff --git a/demo-shell-ng2/app/components/files/files.component.css b/demo-shell-ng2/app/components/files/files.component.css
index 12d4d9c3c2..8bacbc541a 100644
--- a/demo-shell-ng2/app/components/files/files.component.css
+++ b/demo-shell-ng2/app/components/files/files.component.css
@@ -45,7 +45,7 @@ adf-document-list >>> adf-datatable tr.is-selected .image-table-cell::before {
     top: 50%;
     left: 50%;
     margin-top: -16px;
-    margin-left: -14px;
+    margin-left: -28px;
     border-radius: 100%;
     background: #00bcd4;
 }
diff --git a/demo-shell-ng2/app/components/files/files.component.html b/demo-shell-ng2/app/components/files/files.component.html
index 60d0e7553b..3e57b097aa 100644
--- a/demo-shell-ng2/app/components/files/files.component.html
+++ b/demo-shell-ng2/app/components/files/files.component.html
@@ -225,39 +225,39 @@
 
 <div class="container">
     <section *ngIf="!useViewerDialog">
-        <md-slide-toggle [(ngModel)]="useInlineViewer">Use inline viewer (no overlay)</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="useInlineViewer">Use inline viewer (no overlay)</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="useViewerDialog">Use File Viewer dialog</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="useViewerDialog">Use File Viewer dialog</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="multiselect">Multiselect (with checkboxes)</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="multiselect">Multiselect (with checkboxes)</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="useDropdownBreadcrumb">Dropdown breadcrumb</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="useDropdownBreadcrumb">Dropdown breadcrumb</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="multipleFileUpload">Multiple File Upload</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="multipleFileUpload">Multiple File Upload</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="folderUpload">Folder upload</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="folderUpload">Folder upload</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="acceptedFilesTypeShow">Custom extensions filter</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="acceptedFilesTypeShow">Custom extensions filter</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="versioning">Enable versioning</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="versioning">Enable versioning</md-slide-toggle>
     </section>
 
     <section>
-        <md-slide-toggle [(ngModel)]="disableWithNoPermission">Disable upload button when user has no permissions</md-slide-toggle>
+        <md-slide-toggle [color]="'primary'" [(ngModel)]="disableWithNoPermission">Disable upload button when user has no permissions</md-slide-toggle>
     </section>
 
     <h5>Upload</h5>
diff --git a/demo-shell-ng2/app/components/form/form-list-demo.component.ts b/demo-shell-ng2/app/components/form/form-list-demo.component.ts
index caafd6c30f..8a412b04b1 100644
--- a/demo-shell-ng2/app/components/form/form-list-demo.component.ts
+++ b/demo-shell-ng2/app/components/form/form-list-demo.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { AfterViewInit, Component, ViewChild } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
 import { FormModel, FormService } from 'ng2-activiti-form';
 import { ActivitiForm } from 'ng2-activiti-form';
 
@@ -30,8 +30,8 @@ declare var componentHandler;
             <activiti-form [form]="form" [data]="restoredData">
             </activiti-form>
         </div>
-        <button class="mdl-button mdl-js-button" (click)="store()">STORE</button>
-        <button class="mdl-button mdl-js-button" (click)="restore()">RESTORE</button>
+        <button md-button (click)="store()" color="primary">{{'FORM-LIST.STORE' | translate }}</button>
+        <button md-button (click)="restore()" color="primary">{{'FORM-LIST.RESTORE' | translate }}</button>
     `,
     styles: [`
         .form-container {
@@ -44,9 +44,9 @@ declare var componentHandler;
         }
     `]
 })
-export class FormListDemoComponent implements AfterViewInit {
+export class FormListDemoComponent {
 
-     @ViewChild(ActivitiForm)
+    @ViewChild(ActivitiForm)
     activitiForm: ActivitiForm;
 
     formList: any [] = [];
@@ -65,13 +65,6 @@ export class FormListDemoComponent implements AfterViewInit {
         });
     }
 
-    ngAfterViewInit() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-    }
-
     onRowDblClick(event: CustomEvent) {
         let rowForm = event.detail.value.obj;
 
diff --git a/demo-shell-ng2/app/components/home/home.component.css b/demo-shell-ng2/app/components/home/home.component.css
index 657b2ea930..c2f3fabcdf 100644
--- a/demo-shell-ng2/app/components/home/home.component.css
+++ b/demo-shell-ng2/app/components/home/home.component.css
@@ -1,52 +1,29 @@
-.home-cards {
+.adf-home-card {
     float: left;
     margin: 10px 10px 10px 10px;
-}
-
-.mdl-card__supporting-text {
+    width: 290px;
     display: block;
     overflow-y: auto;
     height: 400px;
 }
 
-.demo-card-square.mdl-card {
-    width: 320px;
-    height: 380px;
-}
-
-.demo-card-square > .mdl-card__title {
-    color: #fff;
-    background-color: rgb(158, 158, 158);
-}
-
-.mdl-card__title {
+.adf-home-card-title {
+    padding: 24px;
     cursor: pointer;
-    height: 70px;
+    height: 55px;
+    margin: -63px -24px 18px -25px !important;
 }
 
-.home--card__icon {
-    padding-top: 2px;
-    margin-right: 4px;
-}
-
-.home--card__text {
+.adf-home-card__text {
     font-size: 16px;
     line-height: 18px;
 }
 
-.home--feature-list {
+.adf-home-feature-list {
     list-style: none;
     padding-left: 0;
 }
 
-.home--feature-list__icon {
-    float: left;
-}
-
-.home--feature-list__text {
-    padding-top: 2px;
-}
-
 span.home--feature-list__text:before {
     content: '';
     padding-left: 4px;
diff --git a/demo-shell-ng2/app/components/home/home.component.html b/demo-shell-ng2/app/components/home/home.component.html
index 73059f63a4..af4342dcdc 100644
--- a/demo-shell-ng2/app/components/home/home.component.html
+++ b/demo-shell-ng2/app/components/home/home.component.html
@@ -1,187 +1,187 @@
 <!-- DOCUMENT LIST-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-        <div class="mdl-card__title mdl-card--expand" routerLink="/files">
-            <h2 class="mdl-card__title-text">
-                <i class="material-icons home--card__icon">dvr</i>
-                <span class="home--card__text">DocumentList - Content Services</span>
+<md-card class="adf-home-card">
+        <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/files">
+            <h2 >
+                <md-icon>dvr</md-icon>
+                <span class="adf-home-card__text">DocumentList - Content Services</span>
             </h2>
-        </div>
-    <div class="mdl-card__supporting-text">
+        </md-card-title>
+    <md-card-content>
         Demonstrates multiple Alfresco Content Services components used together to display the files of your Content Services instance:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with the Rest Api and core services</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">dvr</i>
-                <span class="home--feature-list__text">Document List</span>
+                <md-icon>dvr</md-icon>
+                <span class="adf-home-feature-list__text">Document List</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-documentlist" target="_blank">ng2-alfresco-documentlist</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">file_upload</i>
-                <span class="home--feature-list__text">Upload</span>
+                <md-icon>file_upload</md-icon>
+                <span class="adf-home-feature-list__text">Upload</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-upload" target="_blank">ng2-alfresco-upload</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">view_module</i>
-                <span class="home--feature-list__text">DataTable</span>
+                <md-icon>view_module</md-icon>
+                <span class="adf-home-feature-list__text">DataTable</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-datatable" target="_blank">ng2-alfresco-datatable</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
 
 
 <!-- Process Services-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-        <div class="mdl-card__title mdl-card--expand" routerLink="/activiti">
-            <h2 class="mdl-card__title-text">
-                <i class="material-icons home--card__icon">apps</i>
-                <span class="home--card__text">Process Services</span>
+<md-card class="adf-home-card">
+        <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/activiti">
+            <h2 >
+                <md-icon>apps</md-icon>
+                <span class="adf-home-card__text">Process Services</span>
             </h2>
-        </div>
-    <div class="mdl-card__supporting-text">
+        </md-card-title>
+    <md-card-content>
         Demonstrates multiple Alfresco Process Services components used together to show your Process Services process and tasks:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with the Rest Api and core services</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">view_module</i>
-                <span class="home--feature-list__text">App List</span>
+                <md-icon>view_module</md-icon>
+                <span class="adf-home-feature-list__text">App List</span>
                 <a href="https://www.npmjs.com/package/ng2-activiti-tasklist" target="_blank">ng2-activiti-apps</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">view_headline</i>
-                <span class="home--feature-list__text">Task List</span>
+                <md-icon>view_headline</md-icon>
+                <span class="adf-home-feature-list__text">Task List</span>
                 <a href="https://www.npmjs.com/package/ng2-activiti-tasklist" target="_blank">ng2-activiti-tasklist</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">view_headline</i>
-                <span class="home--feature-list__text">Process List</span>
+                <md-icon>view_headline</md-icon>
+                <span class="adf-home-feature-list__text">Process List</span>
                 <a href="https://www.npmjs.com/package/ng2-activiti-processlist" target="_blank">ng2-activiti-processlist</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">view_quilt</i>
-                <span class="home--feature-list__text">Form</span>
+                <md-icon>view_quilt</md-icon>
+                <span class="adf-home-feature-list__text">Form</span>
                 <a href="https://www.npmjs.com/package/ng2-activiti-form" target="_blank">ng2-activiti-form</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">pie_chart</i>
-                <span class="home--feature-list__text">Analytics</span>
+                <md-icon>pie_chart</md-icon>
+                <span class="adf-home-feature-list__text">Analytics</span>
                 <a href="https://www.npmjs.com/package/ng2-activiti-analytics" target="_blank">ng2-activiti-analytics</a>,
                 <a href="https://www.npmjs.com/package/ng2-activiti-diagrams" target="_blank">ng2-activiti-diagrams</a>
             </li>
             <li>
-                <i class="material-icons home--feature-list__icon">view_module</i>
-                <span class="home--feature-list__text">DataTable</span>
+                <md-icon>view_module</md-icon>
+                <span class="adf-home-feature-list__text">DataTable</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-datatable" target="_blank">ng2-alfresco-datatable</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
 
 
 <!-- DATATABLE-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-        <div class="mdl-card__title mdl-card--expand" routerLink="/datatable">
-            <h2 class="mdl-card__title-text">
-                <i class="material-icons home--card__icon">view_module</i>
-                <span class="home--card__text">DataTable - Content Services & Process Services</span>
+<md-card class="adf-home-card">
+        <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/datatable">
+            <h2 >
+                <md-icon>view_module</md-icon>
+                <span class="adf-home-card__text">DataTable - Content Services & Process Services</span>
             </h2>
-        </div>
-    <div class="mdl-card__supporting-text">
+        </md-card-title>
+    <md-card-content>
         Basic table component:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with the Rest Api and core services</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
 
 <!-- UPLOADER-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-        <div class="mdl-card__title mdl-card--expand" routerLink="/uploader">
-            <h2 class="mdl-card__title-text">
-                <i class="material-icons home--card__icon">file_upload</i>
-                <span class="home--card__text">Uploader - Content Services</span>
+<md-card class="adf-home-card">
+        <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/uploader">
+            <h2 >
+                <md-icon>file_upload</md-icon>
+                <span class="adf-home-card__text">Uploader - Content Services</span>
             </h2>
-        </div>
-    <div class="mdl-card__supporting-text">
+        </md-card-title>
+    <md-card-content>
         Basic table uploader component for the Content Services & Process Services:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with the Rest Api and core services</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
 
 <!-- LOGIN-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-        <div class="mdl-card__title mdl-card--expand" routerLink="/login">
-            <h2 class="mdl-card__title-text">
-                <i class="material-icons home--card__icon">account_circle</i>
-                <span class="home--card__text">Login - Content Services & Process Services</span>
+<md-card class="adf-home-card">
+        <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/login">
+            <h2 >
+                <md-icon>account_circle</md-icon>
+                <span class="adf-home-card__text">Login - Content Services & Process Services</span>
             </h2>
-        </div>
-    <div class="mdl-card__supporting-text">
+        </md-card-title>
+    <md-card-content>
         Login component for the Content Services and Process Services:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with the Rest Api and core services</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
 
 <!-- WEBSCRIPT-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-    <div class="mdl-card__title mdl-card--expand" routerLink="/webscript">
-        <h2 class="mdl-card__title-text">
-            <i class="material-icons home--card__icon">extension</i>
-            <span class="home--card__text">Webscript - Content Services</span>
+<md-card class="adf-home-card">
+    <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/webscript">
+        <h2 >
+            <md-icon>extension</md-icon>
+            <span class="adf-home-card__text">Webscript - Content Services</span>
         </h2>
-    </div>
-    <div class="mdl-card__supporting-text">
+    </md-card-title>
+    <md-card-content>
         Displays and creates webscripts in your Content Services instance:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with the Rest Api and core services</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
 
 <!-- TAG-->
-<div class="demo-card-square mdl-card mdl-shadow--2dp home-cards">
-        <div class="mdl-card__title mdl-card--expand" routerLink="/tag">
-            <h2 class="mdl-card__title-text">
-                <i class="material-icons home--card__icon">local_offer</i>
-                <span class="home--card__text">Tag - Content Services</span>
+<md-card class="adf-home-card">
+        <md-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/tag">
+            <h2 >
+                <md-icon>local_offer</md-icon>
+                <span class="adf-home-card__text">Tag - Content Services</span>
             </h2>
-        </div>
-    <div class="mdl-card__supporting-text">
+        </md-card-title>
+    <md-card-content>
         Displays and adds tags to the node of your Content Services instance:
-        <ul class="home--feature-list">
+        <ul class="adf-home-feature-list">
             <li>
-                <i class="material-icons home--feature-list__icon">brightness_1</i>
-                <span class="home--feature-list__text">Communication with Rest</span>
+                <md-icon>brightness_1</md-icon>
+                <span class="adf-home-feature-list__text">Communication with Rest</span>
                 <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
             </li>
         </ul>
-    </div>
-</div>
+    </md-card-content>
+</md-card>
diff --git a/demo-shell-ng2/app/components/login/login-demo.component.css b/demo-shell-ng2/app/components/login/login-demo.component.css
index da3d5298f5..b167ae7bbb 100644
--- a/demo-shell-ng2/app/components/login/login-demo.component.css
+++ b/demo-shell-ng2/app/components/login/login-demo.component.css
@@ -3,6 +3,8 @@
     right: 10px;
     top: 10px;
     z-index: 1;
+    background-color: rgb(68,138,255);
+    color: rgb(255,255,255);
 }
 
 .settings {
diff --git a/demo-shell-ng2/app/components/login/login-demo.component.html b/demo-shell-ng2/app/components/login/login-demo.component.html
index 05c0f2bbcb..bdb67cda16 100644
--- a/demo-shell-ng2/app/components/login/login-demo.component.html
+++ b/demo-shell-ng2/app/components/login/login-demo.component.html
@@ -2,38 +2,47 @@
 
 <div class="settings">
     <p class="toggle">
-        <label for="switch1" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-            <input type="checkbox" id="switch1" [checked]="isECM" class="mdl-switch__input"
-                   (click)="toggleECM()">
-            <span class="mdl-switch__label">Content Services</span>
-        </label>
+        <md-slide-toggle
+            id="switch1"
+            [color]="'primary'"
+            (click)="toggleECM()"
+            [checked]="isECM">
+            Content Services
+        </md-slide-toggle>
     </p>
     <p class="toggle">
-        <label for="switch2" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-            <input type="checkbox" id="switch2" [checked]="isBPM" class="mdl-switch__input"
-                   (click)="toggleBPM()">
-            <span class="mdl-switch__label">Process Services</span>
-        </label>
+        <md-slide-toggle
+            id="switch2"
+            [color]="'primary'"
+            (click)="toggleBPM()"
+            [checked]="isBPM">
+            Process Services
+        </md-slide-toggle>
     </p>
     <p class="toggle">
-        <label for="switch3" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-            <input type="checkbox" id="switch3" class="mdl-switch__input" [checked]="!disableCsrf" (click)="toggleCSRF()">
-            <span class="mdl-switch__label">CSRF</span>
-        </label>
+        <md-slide-toggle
+            id="switch3"
+            [color]="'primary'"
+            (click)="toggleCSRF()"
+            [checked]="!disableCsrf">
+            CSRF
+        </md-slide-toggle>
     </p>
     <p class="toggle">
-        <label for="switch4" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-            <input type="checkbox" id="switch4" class="mdl-switch__input" [checked]="showFooter" (click)="toggleFooter()">
-            <span class="mdl-switch__label">Login footer</span>
-        </label>
+        <md-slide-toggle
+            id="switch4"
+            [color]="'primary'"
+            (click)="toggleFooter()"
+            [checked]="showFooter">
+            Login footer
+        </md-slide-toggle>
     </p>
 </div>
 
 <!--SETTING BUTTON-->
-<a class="mdl-navigation__link setting-button" data-automation-id="settings" href="" routerLink="/settings">
-    <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
-        <i class="material-icons">settings</i>
-    </button>
+
+<a md-fab class="setting-button" data-automation-id="settings" href="" routerLink="/settings" >
+    <md-icon>settings</md-icon>
 </a>
 
 <alfresco-login #alfrescologin
@@ -47,30 +56,40 @@
                 (onError)="onError($event)">
     <div class="mobile-settings">
         <p>
-            <label for="switch1-mobile" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-                <input type="checkbox" id="switch1-mobile" [checked]="isECM" class="mdl-switch__input"
-                       (click)="toggleECM()">
-                <span class="mdl-switch__label">Content Services</span>
-            </label>
+            <md-slide-toggle
+                id="switch1-mobile"
+                [color]="'primary'"
+                (click)="toggleECM()"
+                [checked]="isECM">
+                Content Services
+            </md-slide-toggle>
         </p>
         <p>
-            <label for="switch2-mobile" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-                <input type="checkbox" id="switch2-mobile" [checked]="isBPM" class="mdl-switch__input"
-                       (click)="toggleBPM()">
-                <span class="mdl-switch__label">Process Services</span>
-            </label>
+            <md-slide-toggle
+                id="switch2-mobile"
+                [color]="'primary'"
+                (click)="toggleBPM()"
+                [checked]="isBPM">
+                Process Services
+            </md-slide-toggle>
         </p>
         <p>
-            <label for="switch3-mobile" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-                <input type="checkbox" id="switch3-mobile" class="mdl-switch__input" [checked]="!disableCsrf" (click)="toggleCSRF()">
-                <span class="mdl-switch__label">CSRF</span>
-            </label>
+            <md-slide-toggle
+                id="switch3-mobile"
+                [color]="'primary'"
+                (click)="toggleCSRF()"
+                [checked]="!disableCsrf">
+                CSRF
+            </md-slide-toggle>
         </p>
         <p>
-            <label for="switch4-mobile" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
-                <input type="checkbox" id="switch4-mobile" class="mdl-switch__input" [checked]="showFooter" (click)="toggleFooter()">
-                <span class="mdl-switch__label">Login footer</span>
-            </label>
+            <md-slide-toggle
+                id="switch4-mobile"
+                [color]="'primary'"
+                (click)="toggleFooter()"
+                [checked]="showFooter">
+                Login footer
+            </md-slide-toggle>
         </p>
     </div>
 </alfresco-login>
diff --git a/demo-shell-ng2/app/components/search/search-bar.component.html b/demo-shell-ng2/app/components/search/search-bar.component.html
index 8b1cbfbc7e..1a7d13a90c 100644
--- a/demo-shell-ng2/app/components/search/search-bar.component.html
+++ b/demo-shell-ng2/app/components/search/search-bar.component.html
@@ -11,5 +11,5 @@
 <alfresco-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed"
                  [fileNodeId]="fileNodeId"
                  [overlayMode]="true">
-    <div class="mdl-spinner mdl-js-spinner is-active"></div>
+    <md-spinner></md-spinner>
 </alfresco-viewer>
diff --git a/demo-shell-ng2/app/components/search/search.component.html b/demo-shell-ng2/app/components/search/search.component.html
index 9363980b54..5f73bf6081 100644
--- a/demo-shell-ng2/app/components/search/search.component.html
+++ b/demo-shell-ng2/app/components/search/search.component.html
@@ -9,6 +9,6 @@
     <alfresco-viewer [(showViewer)]="fileShowed"
                      [fileNodeId]="fileNodeId"
                      [overlayMode]="true">
-        <div class="mdl-spinner mdl-js-spinner is-active"></div>
+        <md-spinner></md-spinner>
     </alfresco-viewer>
 </div>
diff --git a/demo-shell-ng2/app/components/settings/settings.component.css b/demo-shell-ng2/app/components/settings/settings.component.css
index abbadd4496..df2ab9e208 100644
--- a/demo-shell-ng2/app/components/settings/settings.component.css
+++ b/demo-shell-ng2/app/components/settings/settings.component.css
@@ -1,35 +1,20 @@
-.setting-card.mdl-card {
+.adf-setting-container {
+    display: table;
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+.adf-setting-card {
+    width: 400px;
+}
+
+.full-width {
     width: 100%;
-    height: 100%;
 }
 
-.setting-card > .mdl-card__title {
-    color: #fff;
-    background: bottom right 15% no-repeat #1fbcd2;
-}
-
-.setting-card-padding {
+.adf-setting-card-padding {
     width: 50%;
     display: table-cell;
     vertical-align: middle;
     margin: 0;
 }
-
-.setting-container {
-    display: table;
-    border-collapse: collapse;
-    border-spacing: 0;
-    width: 100%;
-}
-
-.icon-margin {
-    margin-right: 9px;
-}
-
-.table-row {
-    display: table-row;
-}
-
-.adf-setting-input-padding {
-    padding-top: 0px !important;
-}
diff --git a/demo-shell-ng2/app/components/settings/settings.component.html b/demo-shell-ng2/app/components/settings/settings.component.html
index a500fdc361..9e66b624ac 100644
--- a/demo-shell-ng2/app/components/settings/settings.component.html
+++ b/demo-shell-ng2/app/components/settings/settings.component.html
@@ -1,63 +1,61 @@
-<div class="setting-container">
-    <div class="table-row">
-        <div class="setting-card-padding"></div>
-        <div class="setting-card mdl-card mdl-shadow--2dp">
-            <div class="mdl-card__title mdl-card--expand">
-                <h2 class="mdl-card__title-text">SETTINGS</h2>
-            </div>
-            <div class="mdl-card__actions mdl-card--border">
-                <div class="mdl-card__supporting-text">
-                    Content Services host URL configuration
-                </div>
-                <nav class="mdl-navigation">
-                    <i class="icon material-icons icon-margin">link</i>
-                    <div class="mdl-textfield mdl-js-textfield adf-setting-input-padding">
-                        <input
-                            data-automation-id="ecmHost"
-                            class="mdl-textfield__input"
-                            tabindex="1"
-                            type="text"
-                            tabindex="1"
-                            (change)="onChangeECMHost($event)"
-                            pattern="^(http|https):\/\/.*[^/]$"
-                            id="ecmHost"
-                            value="{{ecmHost}}"
-                            placeholder="http(s)://host|ip:port(/path)">
-                        <label class="mdl-textfield__label" for="ecmHost">ECM Host</label>
-                        <span class="mdl-textfield__error">ECM host is not valid! http(s)://host|ip:port(/path)</span>
-                    </div>
-                </nav>
+<div class="adf-setting-container">
+    <div class="adf-setting-card-padding"></div>
+    <md-toolbar color="primary" >
+        <h3>{{'SETTINGS.TITLE' | translate}}</h3>
+    </md-toolbar>
 
-                <div class="mdl-card__supporting-text">
-                    Process Services host URL configuration
-                </div>
-                <nav class="mdl-navigation">
-                    <i class="icon material-icons icon-margin">link</i>
-                    <div class="mdl-textfield mdl-js-textfield adf-setting-input-padding">
-                        <input
-                            data-automation-id="bpmHost"
-                            class="mdl-textfield__input"
-                            type="text"
-                            (change)="onChangeBPMHost($event)"
-                            tabindex="2"
-                            pattern="^(http|https):\/\/.*[^/]$"
-                            id="bpmHost"
-                            value="{{bpmHost}}"
-                            placeholder="http(s)://host|ip:port(/path)">
-                        <label class="mdl-textfield__label" for="bpmHost">BPM Host</label>
-                        <span class="mdl-textfield__error">BPM host is not valid! http(s)://host|ip:port(/path)</span>
-                    </div>
-                </nav>
-            </div>
-            <div class="mdl-card__actions mdl-card--border">
-                <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" onclick="window.history.back()">
-                    Back
-                </a>
-                <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" onclick="window.location.href = '/'">
-                    Apply
-                </a>
-            </div>
-        </div>
-        <div class="setting-card-padding"></div>
-    </div>
+    <md-card class="adf-setting-card">
+        <md-card-content>
+
+            <md-card-subtitle>{{'SETTINGS.CS-HOST' | translate }}</md-card-subtitle>
+
+            <md-input-container class="full-width">
+                <md-icon mdPrefix>link</md-icon>
+                <input mdInput
+                       [formControl]="urlFormControlEcm"
+                       data-automation-id="ecmHost"
+                       type="text"
+                       (change)="onChangeECMHost($event)"
+                       tabindex="2"
+                       id="ecmHost"
+                       value="{{ecmHost}}"
+                       placeholder="http(s)://host|ip:port(/path)">
+                <md-error *ngIf="urlFormControlEcm.hasError('pattern')">
+                    ECM host is not valid! http(s)://host|ip:port(/path)
+                </md-error>
+            </md-input-container>
+            <p>
+            <p>
+            <md-card-subtitle>{{'SETTINGS.BP-HOST' | translate }}</md-card-subtitle>
+
+            <md-input-container class="full-width">
+                <md-icon mdPrefix>link</md-icon>
+                <input mdInput
+                       [formControl]="urlFormControlBpm"
+                       data-automation-id="bpmHost"
+                       type="text"
+                       (change)="onChangeBPMHost($event)"
+                       tabindex="2"
+                       id="bpmHost"
+                       value="{{bpmHost}}"
+                       placeholder="http(s)://host|ip:port(/path)">
+                <md-error *ngIf="urlFormControlBpm.hasError('pattern')">
+                    BPM host is not valid! http(s)://host|ip:port(/path)
+                </md-error>
+            </md-input-container>
+
+        </md-card-content>
+        <md-card-actions>
+
+            <button md-button onclick="window.history.back()" color="primary">
+                {{'SETTINGS.BACK' | translate }}
+            </button>
+
+            <button md-button onclick="window.location.href = '/'" color="primary">
+                {{'SETTINGS.APPLY' | translate }}
+            </button>
+
+        </md-card-actions>
+    </md-card>
+    <div class="adf-setting-card-padding"></div>
 </div>
diff --git a/demo-shell-ng2/app/components/settings/settings.component.ts b/demo-shell-ng2/app/components/settings/settings.component.ts
index 0c440b3a63..17a24a28b3 100644
--- a/demo-shell-ng2/app/components/settings/settings.component.ts
+++ b/demo-shell-ng2/app/components/settings/settings.component.ts
@@ -15,7 +15,8 @@
  * limitations under the License.
  */
 
-import { AfterViewChecked, Component } from '@angular/core';
+import { Component } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
 import { AlfrescoSettingsService, LogService, StorageService } from 'ng2-alfresco-core';
 
 declare var componentHandler: any;
@@ -25,10 +26,14 @@ declare var componentHandler: any;
     templateUrl: 'settings.component.html',
     styleUrls: ['settings.component.css']
 })
-export class SettingsComponent implements AfterViewChecked {
+export class SettingsComponent {
+
+    HOST_REGEX: string = '^(http|https):\/\/.*[^/]$';
 
     ecmHost: string;
     bpmHost: string;
+    urlFormControlEcm = new FormControl('', [Validators.required, Validators.pattern(this.HOST_REGEX)]);
+    urlFormControlBpm = new FormControl('', [Validators.required, Validators.pattern(this.HOST_REGEX)]);
 
     constructor(private settingsService: AlfrescoSettingsService,
                 private storage: StorageService,
@@ -37,13 +42,6 @@ export class SettingsComponent implements AfterViewChecked {
         this.bpmHost = storage.getItem('bpmHost') || this.settingsService.bpmHost;
     }
 
-    ngAfterViewChecked() {
-        // workaround for MDL issues with dynamic components
-        if (componentHandler) {
-            componentHandler.upgradeAllRegistered();
-        }
-    }
-
     public onChangeECMHost(event: KeyboardEvent): void {
         let value = (<HTMLInputElement>event.target).value.trim();
         if (value && this.isValidUrl(value)) {
diff --git a/demo-shell-ng2/app/components/social/social.component.html b/demo-shell-ng2/app/components/social/social.component.html
new file mode 100644
index 0000000000..7bd1e17bff
--- /dev/null
+++ b/demo-shell-ng2/app/components/social/social.component.html
@@ -0,0 +1,16 @@
+<label for="nodeId"><b>Insert Node Id</b></label><br>
+<input id="nodeId" type="text" size="48" [(ngModel)]="nodeId"><br>
+<md-grid-list cols="2" rowHeight="100px">
+    <md-grid-tile>
+        <md-list>
+            <md-list-item> <div class="adf-social-title" >Like component</div> </md-list-item>
+            <md-list-item> <adf-like [nodeId]="nodeId"></adf-like></md-list-item>
+        </md-list>
+    </md-grid-tile>
+    <md-grid-tile>
+        <md-list>
+            <md-list-item> <div class="adf-social-title" >Rating component</div> </md-list-item>
+            <md-list-item> <adf-rating [nodeId]="nodeId"></adf-rating></md-list-item>
+        </md-list>
+    </md-grid-tile>
+</md-grid-list>
diff --git a/demo-shell-ng2/app/components/social/social.component.scss b/demo-shell-ng2/app/components/social/social.component.scss
new file mode 100644
index 0000000000..7ba46a48a3
--- /dev/null
+++ b/demo-shell-ng2/app/components/social/social.component.scss
@@ -0,0 +1,3 @@
+.adf-social-title{
+
+}
diff --git a/demo-shell-ng2/app/components/social/social.component.ts b/demo-shell-ng2/app/components/social/social.component.ts
index af40a06f6c..683a212d5b 100644
--- a/demo-shell-ng2/app/components/social/social.component.ts
+++ b/demo-shell-ng2/app/components/social/social.component.ts
@@ -19,19 +19,8 @@ import { Component } from '@angular/core';
 
 @Component({
     selector: 'alfresco-social-demo',
-    template: `
-                <label for="nodeId"><b>Insert Node Id</b></label><br>
-                <input id="nodeId" type="text" size="48"  [(ngModel)]="nodeId"><br>
-                    <div class="mdl-grid">
-                      <div class="mdl-cell mdl-cell--4-col">
-                        Like component
-                        <adf-like [nodeId]="nodeId"></adf-like></div>
-                      <div class="mdl-cell mdl-cell--4-col">
-                        Rating component
-                        <adf-rating [nodeId]="nodeId"></adf-rating>
-                     </div>
-                    </div>
-    `
+    templateUrl: 'social.component.html',
+    styleUrls: ['social.component.scss']
 })
 export class SocialComponent {
 
diff --git a/demo-shell-ng2/app/components/tag/tag.component.html b/demo-shell-ng2/app/components/tag/tag.component.html
index ce25c1a179..2f05dc8641 100644
--- a/demo-shell-ng2/app/components/tag/tag.component.html
+++ b/demo-shell-ng2/app/components/tag/tag.component.html
@@ -1,13 +1,19 @@
 <label for="nodeId"><b>Insert Node Id</b></label><br>
 <input id="nodeId" type="text" size="48" [(ngModel)]="nodeId"><br>
 <div class="adf-tag-example-area">
-    <alfresco-tag-node-actions-list [nodeId]="nodeId"></alfresco-tag-node-actions-list>
+    <md-card>
+        <alfresco-tag-node-actions-list [nodeId]="nodeId"></alfresco-tag-node-actions-list>
+    </md-card>
 </div>
 <div class="adf-tag-example-area">
-    <div class="adf-tag-example-title">List Tags Content Services</div>
-    <alfresco-tag-list></alfresco-tag-list>
+    <md-card>
+        <div class="adf-tag-example-title">List Tags Content Services</div>
+        <alfresco-tag-list></alfresco-tag-list>
+    </md-card>
 </div>
 <div class="adf-tag-example-area">
-    <div class="adf-tag-example-title">Tag list By Node ID</div>
-    <alfresco-tag-node-list [nodeId]="nodeId"></alfresco-tag-node-list>
+    <md-card>
+        <div class="adf-tag-example-title">Tag list By Node ID</div>
+        <alfresco-tag-node-list [nodeId]="nodeId"></alfresco-tag-node-list>
+    </md-card>
 </div>
diff --git a/demo-shell-ng2/app/components/tag/tag.component.css b/demo-shell-ng2/app/components/tag/tag.component.scss
similarity index 100%
rename from demo-shell-ng2/app/components/tag/tag.component.css
rename to demo-shell-ng2/app/components/tag/tag.component.scss
diff --git a/demo-shell-ng2/app/components/tag/tag.component.ts b/demo-shell-ng2/app/components/tag/tag.component.ts
index 5c8d8db133..e80e075858 100644
--- a/demo-shell-ng2/app/components/tag/tag.component.ts
+++ b/demo-shell-ng2/app/components/tag/tag.component.ts
@@ -20,7 +20,7 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'alfresco-tag-demo',
     templateUrl: 'tag.component.html',
-    styleUrls: ['tag.component.css']
+    styleUrls: ['tag.component.scss']
 })
 export class TagComponent {
 
diff --git a/demo-shell-ng2/app/components/theme-picker/style-manager/style-manager.ts b/demo-shell-ng2/app/components/theme-picker/style-manager/style-manager.ts
new file mode 100644
index 0000000000..ccc36294b0
--- /dev/null
+++ b/demo-shell-ng2/app/components/theme-picker/style-manager/style-manager.ts
@@ -0,0 +1,45 @@
+import {Injectable} from '@angular/core';
+
+/**
+ * Class for managing stylesheets. Stylesheets are loaded into named slots so that they can be
+ * removed or changed later.
+ */
+@Injectable()
+export class StyleManager {
+  /**
+   * Set the stylesheet with the specified key.
+   */
+  setStyle(key: string, href: string) {
+    getLinkElementForKey(key).setAttribute('href', href);
+  }
+
+  /**
+   * Remove the stylesheet with the specified key.
+   */
+  removeStyle(key: string) {
+    const existingLinkElement = getExistingLinkElementByKey(key);
+    if (existingLinkElement) {
+      document.head.removeChild(existingLinkElement);
+    }
+  }
+}
+
+function getLinkElementForKey(key: string) {
+  return getExistingLinkElementByKey(key) || createLinkElementWithKey(key);
+}
+
+function getExistingLinkElementByKey(key: string) {
+  return document.head.querySelector(`link[rel="stylesheet"].${getClassNameForKey(key)}`);
+}
+
+function createLinkElementWithKey(key: string) {
+  const linkEl = document.createElement('link');
+  linkEl.setAttribute('rel', 'stylesheet');
+  linkEl.classList.add(getClassNameForKey(key));
+  document.head.appendChild(linkEl);
+  return linkEl;
+}
+
+function getClassNameForKey(key: string) {
+  return `style-manager-${key}`;
+}
diff --git a/demo-shell-ng2/app/components/theme-picker/theme-picker.css b/demo-shell-ng2/app/components/theme-picker/theme-picker.css
new file mode 100644
index 0000000000..2309306b76
--- /dev/null
+++ b/demo-shell-ng2/app/components/theme-picker/theme-picker.css
@@ -0,0 +1,26 @@
+.docs-theme-picker-menu .md-menu-content {
+    padding: 8px;
+}
+
+.docs-theme-picker-menu [md-menu-item] {
+    flex: 0 0 auto;
+    padding: 0;
+    overflow: hidden;
+}
+
+
+.docs-theme-picker-menu .docs-theme-picker-primary {
+    width: 25px;
+    height: 25px;
+}
+
+.docs-theme-picker-menu .docs-theme-picker-accent {
+     position: absolute;
+     bottom: 6px;
+     width: 100%;
+     height: 6px;
+ }
+
+.docs-theme-chosen-icon{
+    border-radius: 13px;
+}
diff --git a/demo-shell-ng2/app/components/theme-picker/theme-picker.html b/demo-shell-ng2/app/components/theme-picker/theme-picker.html
new file mode 100644
index 0000000000..dbb86fea32
--- /dev/null
+++ b/demo-shell-ng2/app/components/theme-picker/theme-picker.html
@@ -0,0 +1,17 @@
+<button md-icon-button [md-menu-trigger-for]="themeMenu" mdTooltip="Select a theme!">
+    <md-icon>format_color_fill</md-icon>
+</button>
+
+<md-menu class="docs-theme-picker-menu" #themeMenu="mdMenu" x-position="before">
+    <md-list-item *ngFor="let theme of themes"  md-menu-item (click)="installTheme(theme)" >
+        <md-icon md-list-icon [mdTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
+                 [style.background]="theme.primary"
+                 *ngIf="currentTheme === theme">check_circle
+        </md-icon>
+        <md-icon md-list-icon [mdTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
+                 [style.background]="theme.primary"
+                 *ngIf="currentTheme !== theme">invert_colors
+        </md-icon>
+        {{theme.name}}
+    </md-list-item>
+</md-menu>
diff --git a/demo-shell-ng2/app/components/theme-picker/theme-picker.ts b/demo-shell-ng2/app/components/theme-picker/theme-picker.ts
new file mode 100644
index 0000000000..519f6c9ef0
--- /dev/null
+++ b/demo-shell-ng2/app/components/theme-picker/theme-picker.ts
@@ -0,0 +1,131 @@
+import {CommonModule} from '@angular/common';
+import {ChangeDetectionStrategy, Component, NgModule, ViewEncapsulation} from '@angular/core';
+import {
+    MdButtonModule, MdGridListModule, MdIconModule, MdMenuModule,
+    MdTooltipModule
+} from '@angular/material';
+import {StyleManager} from './style-manager/style-manager';
+import {DocsSiteTheme, ThemeStorage} from './theme-storage/theme-storage';
+
+@Component({
+    selector: 'theme-picker',
+    templateUrl: 'theme-picker.html',
+    styleUrls: ['theme-picker.css'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {'aria-hidden': 'true'}
+})
+export class ThemePickerComponent {
+    currentTheme;
+
+    themes = [
+        {
+            primary: '#ff9800',
+            accent: '#3f51b5',
+            name: 'Developer Theme',
+            href: '',
+            isDefault: true
+        },
+        {
+            primary: '#00bcd4',
+            accent: '#ff9800',
+            name: 'ECM Cyan Orange',
+            href: 'adf-cyan-orange.css',
+            isDark: false
+        },
+        {
+            primary: '#00bcd4',
+            accent: '#3f51b5',
+            name: 'ECM Cyan Purple',
+            href: 'adf-cyan-purple.css',
+            isDark: false
+        },
+        {
+            primary: '#8bc34a',
+            accent: '#ff9800',
+            name: 'BPM Green Orange',
+            href: 'adf-green-orange.css',
+            isDark: false
+        },
+        {
+            primary: '#8bc34a',
+            accent: '#3f51b5',
+            name: 'BPM Green Purple',
+            href: 'adf-green-purple.css',
+            isDark: false
+        },
+        {
+            primary: '#3f51b5',
+            accent: '#ff4081',
+            name: 'Indigo Pink',
+            href: 'adf-indigo-pink.css',
+            isDark: false
+        },
+        {
+            primary: '#c2185b',
+            accent: '#b0bec5',
+            name: 'Pink Bluegrey Dark',
+            href: 'adf-pink-bluegrey.css',
+            isDark: false
+        },
+        {
+            primary: '#7b1fa2',
+            accent: '#69f0ae',
+            name: 'Purple Green Dark',
+            href: 'adf-purple-green.css',
+            isDark: false
+        },
+        {
+            primary: '#2196f3',
+            accent: '#ff9800',
+            name: 'ECM Blue Orange',
+            href: 'adf-blue-orange.css',
+            isDark: false
+        },
+        {
+            primary: '#2196f3',
+            accent: '#3f51b5',
+            name: 'ECM Blue Purple',
+            href: 'adf-blue-purple.css',
+            isDark: false
+        }
+    ];
+
+    constructor(public styleManager: StyleManager,
+                private _themeStorage: ThemeStorage) {
+
+    }
+
+    installTheme(theme: DocsSiteTheme) {
+        if (theme.isDefault === true) {
+            this.styleManager.setStyle('theme', ``);
+        } else {
+            this.currentTheme = this._getCurrentThemeFromHref(theme.href);
+
+            this.styleManager.setStyle('theme', `prebuilt-themes/${theme.href}`);
+
+            if (this.currentTheme) {
+                this._themeStorage.storeTheme(this.currentTheme);
+            }
+        }
+    }
+
+    private _getCurrentThemeFromHref(href: string): DocsSiteTheme {
+        return this.themes.find(theme => theme.href === href);
+    }
+}
+
+@NgModule({
+    imports: [
+        MdButtonModule,
+        MdIconModule,
+        MdMenuModule,
+        MdGridListModule,
+        MdTooltipModule,
+        CommonModule
+    ],
+    exports: [ThemePickerComponent],
+    declarations: [ThemePickerComponent],
+    providers: [StyleManager, ThemeStorage]
+})
+export class ThemePickerModule {
+}
diff --git a/demo-shell-ng2/app/components/theme-picker/theme-storage/theme-storage.ts b/demo-shell-ng2/app/components/theme-picker/theme-storage/theme-storage.ts
new file mode 100644
index 0000000000..2e03c9bf8b
--- /dev/null
+++ b/demo-shell-ng2/app/components/theme-picker/theme-storage/theme-storage.ts
@@ -0,0 +1,39 @@
+import {EventEmitter, Injectable} from '@angular/core';
+
+export interface DocsSiteTheme {
+  href: string;
+  name: string;
+  accent: string;
+  primary: string;
+  isDark?: boolean;
+  isDefault?: boolean;
+}
+
+@Injectable()
+export class ThemeStorage {
+  static storageKey = 'docs-theme-storage-current';
+
+  public onThemeUpdate: EventEmitter<DocsSiteTheme> = new EventEmitter<DocsSiteTheme>();
+
+  public storeTheme(theme: DocsSiteTheme) {
+    try {
+      window.localStorage[ThemeStorage.storageKey] = JSON.stringify(theme);
+    } catch (e) { }
+
+    this.onThemeUpdate.emit(theme);
+  }
+
+  public getStoredTheme(): DocsSiteTheme {
+    try {
+      return JSON.parse(window.localStorage[ThemeStorage.storageKey] || null);
+    } catch (e) {
+      return null;
+    }
+  }
+
+  public clearStorage() {
+    try {
+      window.localStorage.removeItem(ThemeStorage.storageKey);
+    } catch (e) { }
+  }
+}
diff --git a/demo-shell-ng2/app/theme.scss b/demo-shell-ng2/app/theme.scss
new file mode 100644
index 0000000000..3191a1b844
--- /dev/null
+++ b/demo-shell-ng2/app/theme.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import 'colors';
+@import 'all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-accent-orange);
+$accent:  mat-palette($alfresco-accent-purple);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/demo-shell-ng2/app/vendor.ts b/demo-shell-ng2/app/vendor.ts
index c7d4a05717..6a4f03e0d1 100644
--- a/demo-shell-ng2/app/vendor.ts
+++ b/demo-shell-ng2/app/vendor.ts
@@ -33,9 +33,6 @@ import 'ng2-alfresco-userinfo';
 import 'ng2-alfresco-viewer';
 import 'ng2-alfresco-webscript';
 
-// Load the Angular Material 2 stylesheet
-import '@angular/material/prebuilt-themes/indigo-pink.css';
-
 // Polyfill(s) for dialogs
 require('script-loader!dialog-polyfill/dialog-polyfill');
 import 'dialog-polyfill/dialog-polyfill.css';
@@ -45,7 +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/app.css';
 import '../public/css/muli-font.css';
 
 import 'ng2-activiti-form/stencils/runtime.adf';
diff --git a/demo-shell-ng2/config/webpack.common.js b/demo-shell-ng2/config/webpack.common.js
index d20e1b62e7..a16ca8ba34 100644
--- a/demo-shell-ng2/config/webpack.common.js
+++ b/demo-shell-ng2/config/webpack.common.js
@@ -65,7 +65,6 @@ module.exports = {
             },
             {
                 test: /\.scss$/,
-                include: [helpers.root('app'), helpers.root('../ng2-components')],
                 use: [{
                     loader: "to-string-loader"
                 }, {
@@ -75,8 +74,7 @@ module.exports = {
                     options: {
                         includePaths: [path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core/styles')]
                     }
-                }],
-                exclude: [/node_modules/, /bundles/, /dist/, /demo/]
+                }]
             },
             {
                 test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
diff --git a/demo-shell-ng2/config/webpack.dev.js b/demo-shell-ng2/config/webpack.dev.js
index a68ab03c17..29ff7add58 100644
--- a/demo-shell-ng2/config/webpack.dev.js
+++ b/demo-shell-ng2/config/webpack.dev.js
@@ -103,6 +103,13 @@ module.exports = webpackMerge(commonConfig, {
                     to: `assets/${lib}/i18n/`
                 }
             })
+        ]),
+        new CopyWebpackPlugin([
+            {
+                context: `../ng2-components/ng2-alfresco-core/prebuilt-themes/`,
+                from: '**/*.css',
+                to: 'prebuilt-themes'
+            }
         ])
     ]
 });
diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index 2518de7a14..cf982e3d69 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -22,6 +22,10 @@
     <![endif]-->
 
     <style>
+        body, html {
+            height: 100%;
+        }
+
         .loader-container {
             display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
             display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
@@ -49,7 +53,7 @@
     </style>
 </head>
 <!-- 3. Display the application -->
-<body>
+<body class="adf-background-color">
 <adf-app>
     <div id="loader-container" class="loader-container">
         <div class="loader-item">
diff --git a/demo-shell-ng2/public/css/angular-material.css b/demo-shell-ng2/public/css/angular-material.css
deleted file mode 100644
index f1b23116c4..0000000000
--- a/demo-shell-ng2/public/css/angular-material.css
+++ /dev/null
@@ -1,2 +0,0 @@
-
-.md-ripple-background,.md-ripple-foreground{background-color:rgba(0,0,0,.0588);position:absolute}.md-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.md-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.md-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.md-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.md-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.md-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.md-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.md-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.md-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.md-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.md-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.md-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.md-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.md-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.md-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.md-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.md-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.md-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.md-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.md-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.md-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.md-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.md-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.md-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.md-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}[md-ripple]{overflow:hidden}[md-ripple].mdRippleUnbounded{overflow:visible}.md-ripple-background{opacity:0;transition:opacity .3s linear;left:0;top:0;right:0;bottom:0}.mdRippleUnbounded .md-ripple-background{display:none}.md-ripple-background.md-ripple-active,.mdRippleFocused .md-ripple-background{opacity:1}.md-ripple-foreground{border-radius:50%;pointer-events:none;opacity:.25;transition:opacity,transform 0s cubic-bezier(0,0,.2,1)}.md-ripple-foreground.md-ripple-fade-in{opacity:1}.md-ripple-foreground.md-ripple-fade-out{opacity:0}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-transform:none;width:1px}.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.48}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.6)}.cdk-overlay-transparent-backdrop{background:0 0}.mdRippleFocused .md-ripple-background{background-color:rgba(255,215,64,.1)}[md-button].md-button-focus.md-primary .md-button-focus-overlay,[md-fab].md-button-focus.md-primary .md-button-focus-overlay,[md-icon-button].md-button-focus.md-primary .md-button-focus-overlay,[md-mini-fab].md-button-focus.md-primary .md-button-focus-overlay,[md-raised-button].md-button-focus.md-primary .md-button-focus-overlay{background-color:rgba(103,58,183,.12)}[md-button].md-button-focus.md-accent .md-button-focus-overlay,[md-fab].md-button-focus.md-accent .md-button-focus-overlay,[md-icon-button].md-button-focus.md-accent .md-button-focus-overlay,[md-mini-fab].md-button-focus.md-accent .md-button-focus-overlay,[md-raised-button].md-button-focus.md-accent .md-button-focus-overlay{background-color:rgba(255,215,64,.12)}[md-button].md-button-focus.md-warn .md-button-focus-overlay,[md-fab].md-button-focus.md-warn .md-button-focus-overlay,[md-icon-button].md-button-focus.md-warn .md-button-focus-overlay,[md-mini-fab].md-button-focus.md-warn .md-button-focus-overlay,[md-raised-button].md-button-focus.md-warn .md-button-focus-overlay{background-color:rgba(244,67,54,.12)}[md-button],[md-icon-button]{background:0 0}[md-button].md-primary,[md-icon-button].md-primary{color:#ffa520}[md-button].md-accent,[md-icon-button].md-accent{color:#ffd740}[md-button].md-warn,[md-icon-button].md-warn{color:#f44336}[md-button].md-accent[disabled],[md-button].md-primary[disabled],[md-button].md-warn[disabled],[md-button][disabled][disabled],[md-icon-button].md-accent[disabled],[md-icon-button].md-primary[disabled],[md-icon-button].md-warn[disabled],[md-icon-button][disabled][disabled]{color:rgba(0,0,0,.38)}[md-button]:hover.md-primary .md-button-focus-overlay,[md-icon-button]:hover.md-primary .md-button-focus-overlay{background-color:rgba(103,58,183,.12)}[md-button]:hover.md-accent .md-button-focus-overlay,[md-icon-button]:hover.md-accent .md-button-focus-overlay{background-color:rgba(255,215,64,.12)}[md-button]:hover.md-warn .md-button-focus-overlay,[md-icon-button]:hover.md-warn .md-button-focus-overlay{background-color:rgba(244,67,54,.12)}[md-fab],[md-mini-fab],[md-raised-button]{background-color:#fafafa}[md-fab].md-primary,[md-mini-fab].md-primary,[md-raised-button].md-primary{color:rgba(255,255,255,.87);background-color:#ffa520}[md-fab].md-accent,[md-mini-fab].md-accent,[md-raised-button].md-accent{color:rgba(0,0,0,.87);background-color:#ffd740}[md-fab].md-warn,[md-mini-fab].md-warn,[md-raised-button].md-warn{color:#fff;background-color:#f44336}[md-fab].md-accent[disabled],[md-fab].md-primary[disabled],[md-fab].md-warn[disabled],[md-fab][disabled][disabled],[md-mini-fab].md-accent[disabled],[md-mini-fab].md-primary[disabled],[md-mini-fab].md-warn[disabled],[md-mini-fab][disabled][disabled],[md-raised-button].md-accent[disabled],[md-raised-button].md-primary[disabled],[md-raised-button].md-warn[disabled],[md-raised-button][disabled][disabled]{color:rgba(0,0,0,.38);background-color:rgba(0,0,0,.12)}[md-fab],[md-mini-fab]{background-color:#ffd740;color:rgba(0,0,0,.87)}.md-button-toggle-checked .md-button-toggle-label-content{background-color:#e0e0e0}.md-button-toggle-disabled .md-button-toggle-label-content{background-color:rgba(0,0,0,.38)}md-card{background:#fff;color:#000}md-card-subtitle{color:rgba(0,0,0,.54)}.md-checkbox-frame{border-color:rgba(0,0,0,.54)}.md-checkbox-checkmark{fill:#fafafa}.md-checkbox-checkmark-path{stroke:#fafafa!important}.md-checkbox-mixedmark{background-color:#fafafa}.md-checkbox-checked.md-primary .md-checkbox-background,.md-checkbox-indeterminate.md-primary .md-checkbox-background{background-color:#ffa520}.md-checkbox-checked.md-accent .md-checkbox-background,.md-checkbox-indeterminate.md-accent .md-checkbox-background{background-color:#1fbcd2}.md-checkbox-checked.md-warn .md-checkbox-background,.md-checkbox-indeterminate.md-warn .md-checkbox-background{background-color:#f44336}.md-checkbox-disabled.md-checkbox-checked .md-checkbox-background,.md-checkbox-disabled.md-checkbox-indeterminate .md-checkbox-background{background-color:#b0b0b0}.md-checkbox-disabled:not(.md-checkbox-checked) .md-checkbox-frame{border-color:#b0b0b0}.md-checkbox:not(.md-checkbox-disabled).md-primary .md-checkbox-ripple .md-ripple-foreground{background-color:rgba(103,58,183,.26)}.md-checkbox:not(.md-checkbox-disabled).md-accent .md-checkbox-ripple .md-ripple-foreground{background-color:rgba(255,215,64,.26)}.md-checkbox:not(.md-checkbox-disabled).md-warn .md-checkbox-ripple .md-ripple-foreground{background-color:rgba(244,67,54,.26)}.md-chip:not(.md-basic-chip){background-color:#e0e0e0;color:rgba(0,0,0,.87)}.md-chip.md-chip-selected:not(.md-basic-chip){background-color:grey;color:rgba(255,255,255,.87)}.md-chip.md-chip-selected:not(.md-basic-chip).md-primary{background-color:#ffa520;color:rgba(255,255,255,.87)}.md-chip.md-chip-selected:not(.md-basic-chip).md-accent{background-color:#1fbcd2;color:#ffffff}.md-chip.md-chip-selected:not(.md-basic-chip).md-warn{background-color:#f44336;color:#fff}md-dialog-container{background:#fff}md-icon.md-primary{color:#ffa520}md-icon.md-accent{color:#ffd740}md-icon.md-warn{color:#f44336}.md-input-placeholder{color:rgba(0,0,0,.38)}.md-input-placeholder.md-focused{color:#ffa520}.md-input-placeholder.md-focused.md-accent{color:#ffd740}.md-input-placeholder.md-focused.md-warn{color:#f44336}.md-input-placeholder.md-float.md-focused .md-placeholder-required,input.md-input-element:-webkit-autofill+.md-input-placeholder .md-placeholder-required{color:#ffd740}[md-menu-item] md-icon,md-list [md-subheader],md-nav-list [md-subheader]{color:rgba(0,0,0,.54)}.md-input-underline{border-color:rgba(0,0,0,.12)}.md-input-underline .md-input-ripple{background-color:#ffa520}.md-input-underline .md-input-ripple.md-accent{background-color:#ffd740}.md-input-underline .md-input-ripple.md-warn{background-color:#f44336}md-list a[md-list-item],md-list md-list-item,md-nav-list a[md-list-item],md-nav-list md-list-item{color:#000}md-divider{border-top-color:rgba(0,0,0,.12)}md-nav-list .md-list-item.md-list-item-focus,md-nav-list .md-list-item:hover{background:rgba(0,0,0,.04)}.md-menu-content{background:#fff}[md-menu-item]{background:0 0;color:rgba(0,0,0,.87)}[md-menu-item][disabled]{color:rgba(0,0,0,.38)}[md-menu-item]:focus:not([disabled]),[md-menu-item]:hover:not([disabled]){background:rgba(0,0,0,.04)}.md-progress-bar-background{background:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27#d1c4e9%27%2F%3E%3C%2Fsvg%3E)}.md-progress-bar-buffer{background-color:#d1c4e9}.md-progress-bar-fill::after{background-color:#5e35b1}md-progress-bar.md-accent .md-progress-bar-background{background:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27#ffecb3%27%2F%3E%3C%2Fsvg%3E)}md-progress-bar.md-accent .md-progress-bar-buffer{background-color:#ffecb3}md-progress-bar.md-accent .md-progress-bar-fill::after{background-color:#ffb300}md-progress-bar.md-warn .md-progress-bar-background{background:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27#ffcdd2%27%2F%3E%3C%2Fsvg%3E)}md-progress-bar.md-warn .md-progress-bar-buffer{background-color:#ffcdd2}md-progress-bar.md-warn .md-progress-bar-fill::after{background-color:#e53935}md-progress-circle path,md-progress-spinner path,md-spinner path{stroke:#5e35b1}md-progress-circle.md-accent path,md-progress-spinner.md-accent path,md-spinner.md-accent path{stroke:#ffb300}md-progress-circle.md-warn path,md-progress-spinner.md-warn path,md-spinner.md-warn path{stroke:#e53935}.md-radio-outer-circle{border-color:rgba(0,0,0,.54)}.md-radio-checked .md-radio-outer-circle{border-color:#ffd740}.md-radio-disabled .md-radio-outer-circle{border-color:rgba(0,0,0,.38)}.md-radio-inner-circle{background-color:#ffd740}.md-radio-disabled .md-radio-inner-circle{background-color:rgba(0,0,0,.38)}.md-radio-ripple .md-ripple-foreground{background-color:rgba(255,215,64,.26)}.md-radio-disabled .md-radio-ripple .md-ripple-foreground{background-color:rgba(0,0,0,.38)}.md-select-trigger{color:rgba(0,0,0,.38);border-bottom:1px solid rgba(0,0,0,.12)}md-select:focus:not(.md-select-disabled) .md-select-trigger{color:#ffa520;border-bottom:1px solid #ffa520}md-select.ng-invalid.ng-touched:not(.md-select-disabled) .md-select-trigger{color:#f44336;border-bottom:1px solid #f44336}.md-select-arrow{color:rgba(0,0,0,.38)}md-select:focus:not(.md-select-disabled) .md-select-arrow{color:#ffa520}md-select.ng-invalid.ng-touched:not(.md-select-disabled) .md-select-arrow{color:#f44336}.md-select-content{background:#fff}md-option.md-selected,md-option:focus:not(.md-option-disabled),md-option:hover:not(.md-option-disabled){background:rgba(0,0,0,.04)}.md-select-value{color:rgba(0,0,0,.87)}.md-select-disabled .md-select-value{color:rgba(0,0,0,.38)}md-option.md-selected{color:#ffa520}md-option.md-option-disabled{color:rgba(0,0,0,.38)}.md-sidenav-container,.md-slider-thumb-label-text,md-sidenav,md-toolbar{color:rgba(0,0,0,.87)}.md-sidenav-container{background-color:#fafafa}md-sidenav,md-sidenav.md-sidenav-push{background-color:#fff}.md-sidenav-backdrop.md-sidenav-shown{background-color:rgba(0,0,0,.6)}md-slide-toggle.md-checked:not(.md-disabled) .md-slide-toggle-thumb{background-color:#1fbcd2}md-slide-toggle.md-checked:not(.md-disabled) .md-slide-toggle-bar{background-color:rgba(255,193,7,.5)}md-slide-toggle.md-slide-toggle-focused:not(.md-checked) .md-ink-ripple{background-color:rgba(0,0,0,.12)}md-slide-toggle.md-slide-toggle-focused .md-ink-ripple{background-color:rgba(255,193,7,.26)}md-slide-toggle.md-primary.md-checked:not(.md-disabled) .md-slide-toggle-thumb{background-color:#ffa520}md-slide-toggle.md-primary.md-checked:not(.md-disabled) .md-slide-toggle-bar{background-color:rgba(103,58,183,.5)}md-slide-toggle.md-primary.md-slide-toggle-focused:not(.md-checked) .md-ink-ripple{background-color:rgba(0,0,0,.12)}md-slide-toggle.md-primary.md-slide-toggle-focused .md-ink-ripple{background-color:rgba(103,58,183,.26)}md-slide-toggle.md-warn.md-checked:not(.md-disabled) .md-slide-toggle-thumb{background-color:#f44336}md-slide-toggle.md-warn.md-checked:not(.md-disabled) .md-slide-toggle-bar{background-color:rgba(244,67,54,.5)}md-slide-toggle.md-warn.md-slide-toggle-focused:not(.md-checked) .md-ink-ripple{background-color:rgba(0,0,0,.12)}md-slide-toggle.md-warn.md-slide-toggle-focused .md-ink-ripple{background-color:rgba(244,67,54,.26)}.md-disabled .md-slide-toggle-thumb{background-color:#bdbdbd}.md-disabled .md-slide-toggle-bar{background-color:rgba(0,0,0,.1)}.md-slide-toggle-thumb{background-color:#fafafa}.md-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.md-slider-track{background-color:rgba(0,0,0,.26)}.md-slider-thumb,.md-slider-thumb-label,.md-slider-track-fill{background-color:#ffd740}.md-tab-header,[md-tab-nav-bar]{border-bottom:1px solid #e0e0e0}.md-tab-label:focus{background-color:rgba(209,196,233,.3)}md-ink-bar{background-color:#ffa520}md-toolbar{background:#f5f5f5}md-toolbar.md-primary{background:#ffa520;color:rgba(255,255,255,.87)}md-toolbar.md-accent{background:#ffd740;color:rgba(0,0,0,.87)}md-toolbar.md-warn{background:#f44336;color:#fff}.md-tooltip{background:rgba(97,97,97,.9)}
diff --git a/demo-shell-ng2/public/css/app.css b/demo-shell-ng2/public/css/app.css
deleted file mode 100644
index 14ec8fe808..0000000000
--- a/demo-shell-ng2/public/css/app.css
+++ /dev/null
@@ -1,90 +0,0 @@
-/* Utils */
-body, html {
-    height: 100%;
-}
-
-.p-10 {
-    padding: 10px;
-}
-
-.m-10 {
-    margin: 10px;
-}
-
-.loader-container {
-    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
-    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
-    display: -webkit-flex; /* NEW - Chrome */
-    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
-    -webkit-box-flex-direction: row;
-    -moz-box-flex-direction: row;
-    -webkit-flex-direction: row;
-    flex-direction: row;
-    height: 100%;
-}
-
-.loader-item {
-    margin: auto;
-    max-height: 100px;
-    max-width: 300px;
-}
-
-.loader-text {
-    white-space: nowrap;
-    text-align: center;
-    position: relative;
-}
-
-._dialog_overlay {
-    position: static !important;
-}
-
-.main_header_adf .mdl-layout__drawer-button {
-    right: 0 !important;
-    left: initial !important;
-    left: auto;
-}
-
-.mdl-layout__header {
-    color: rgb(255, 255, 255);
-    background-color: rgb(31, 188, 210);
-}
-
-.mdl-layout__header .material-icons {
-    color: rgb(255, 255, 255);
-}
-
-.mdl-layout__header-row .mdl-navigation__link {
-    color: rgb(255, 255, 255);
-}
-
-.md-simple-snackbar-action {
-    border: 0px;
-    cursor: pointer;
-}
-
-.adf-flag-icon-gb {
-    background-image: url(./flags/gb.svg);
-}
-
-.adf-flag-icon-it {
-    background-image: url(./flags/it.svg);
-}
-
-.adf-flag-icon-ru {
-    background-image: url(./flags/ru.svg);
-}
-
-.adf-flag-icon:before {
-    content: "\00a0";
-}
-
-.adf-flag-icon {
-    background-size: contain;
-    background-position: 50%;
-    background-repeat: no-repeat;
-    position: relative;
-    display: inline-block;
-    width: 1.33333333em;
-    line-height: 1em;
-}
diff --git a/demo-shell-ng2/public/css/flags/gb.svg b/demo-shell-ng2/public/css/flags/gb.svg
deleted file mode 100644
index a331748371..0000000000
--- a/demo-shell-ng2/public/css/flags/gb.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640">
-  <defs>
-    <clipPath id="a">
-      <path fill-opacity=".67" d="M-85.333 0h682.67v512h-682.67z"/>
-    </clipPath>
-  </defs>
-  <g clip-path="url(#a)" transform="translate(80) scale(.94)">
-    <g stroke-width="1pt">
-      <path fill="#006" d="M-256 0H768.02v512.01H-256z"/>
-      <path d="M-256 0v57.244l909.535 454.768H768.02V454.77L-141.515 0H-256zM768.02 0v57.243L-141.515 512.01H-256v-57.243L653.535 0H768.02z" fill="#fff"/>
-      <path d="M170.675 0v512.01h170.67V0h-170.67zM-256 170.67v170.67H768.02V170.67H-256z" fill="#fff"/>
-      <path d="M-256 204.804v102.402H768.02V204.804H-256zM204.81 0v512.01h102.4V0h-102.4zM-256 512.01L85.34 341.34h76.324l-341.34 170.67H-256zM-256 0L85.34 170.67H9.016L-256 38.164V0zm606.356 170.67L691.696 0h76.324L426.68 170.67h-76.324zM768.02 512.01L426.68 341.34h76.324L768.02 473.848v38.162z" fill="#c00"/>
-    </g>
-  </g>
-</svg>
diff --git a/demo-shell-ng2/public/css/flags/it.svg b/demo-shell-ng2/public/css/flags/it.svg
deleted file mode 100644
index eab92e6156..0000000000
--- a/demo-shell-ng2/public/css/flags/it.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1">
-  <g fill-rule="evenodd" stroke-width="1pt">
-    <path fill="#fff" d="M0 0h640v479.997H0z"/>
-    <path fill="#005700" d="M0 0h213.331v479.997H0z"/>
-    <path fill="#fc0000" d="M426.663 0h213.331v479.997H426.663z"/>
-  </g>
-</svg>
diff --git a/demo-shell-ng2/public/css/flags/ru.svg b/demo-shell-ng2/public/css/flags/ru.svg
deleted file mode 100644
index ea2e10b0c1..0000000000
--- a/demo-shell-ng2/public/css/flags/ru.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1">
-  <g fill-rule="evenodd" stroke-width="1pt">
-    <path fill="#fff" d="M0 0h640v480H0z"/>
-    <path fill="#01017e" d="M0 160.003h640V480H0z"/>
-    <path fill="#fe0101" d="M0 319.997h640V480H0z"/>
-  </g>
-</svg>
diff --git a/demo-shell-ng2/public/css/material.orange-blue.min.css b/demo-shell-ng2/public/css/material.orange-blue.min.css
deleted file mode 100644
index ea17be0461..0000000000
--- a/demo-shell-ng2/public/css/material.orange-blue.min.css
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * material-design-lite - Material Design Components in CSS, JS and HTML
- * @version v1.3.0
- * @license Apache-2.0
- * @copyright 2015 Google, Inc.
- * @link https://github.com/google/material-design-lite
- */
-@charset "UTF-8";html{color:rgba(0,0,0,.87)}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,.mdl-accordion,.mdl-button,.mdl-card,.mdl-checkbox,.mdl-dropdown-menu,.mdl-icon-toggle,.mdl-item,.mdl-radio,.mdl-slider,.mdl-switch,.mdl-tabs__tab{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{width:100%;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{width:100%;min-height:100%}main{display:block}*[hidden]{display:none!important}html,body{font-family:"Helvetica","Arial",sans-serif;font-size:14px;font-weight:400;line-height:20px}h1,h2,h3,h4,h5,h6,p{padding:0}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.35;letter-spacing:-.02em;opacity:.54;font-size:.6em}h1{font-size:56px;line-height:1.35;letter-spacing:-.02em;margin:24px 0}h1,h2{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400}h2{font-size:45px;line-height:48px}h2,h3{margin:24px 0}h3{font-size:34px;line-height:40px}h3,h4{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400}h4{font-size:24px;line-height:32px;-moz-osx-font-smoothing:grayscale;margin:24px 0 16px}h5{font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}h5,h6{font-family:"Roboto","Helvetica","Arial",sans-serif;margin:24px 0 16px}h6{font-size:16px;letter-spacing:.04em}h6,p{font-weight:400;line-height:24px}p{font-size:14px;letter-spacing:0;margin:0 0 16px}a{color:rgb(68,138,255);font-weight:500}blockquote{font-family:"Roboto","Helvetica","Arial",sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;line-height:1.35;letter-spacing:.08em}blockquote:before{position:absolute;left:-.5em;content:'“'}blockquote:after{content:'”';margin-left:-.05em}mark{background-color:#f4ff81}dt{font-weight:700}address{font-size:12px;line-height:1;font-style:normal}address,ul,ol{font-weight:400;letter-spacing:0}ul,ol{font-size:14px;line-height:24px}.mdl-typography--display-4,.mdl-typography--display-4-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:112px;font-weight:300;line-height:1;letter-spacing:-.04em}.mdl-typography--display-4-color-contrast{opacity:.54}.mdl-typography--display-3,.mdl-typography--display-3-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:-.02em}.mdl-typography--display-3-color-contrast{opacity:.54}.mdl-typography--display-2,.mdl-typography--display-2-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-2-color-contrast{opacity:.54}.mdl-typography--display-1,.mdl-typography--display-1-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--display-1-color-contrast{opacity:.54}.mdl-typography--headline,.mdl-typography--headline-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale}.mdl-typography--headline-color-contrast{opacity:.87}.mdl-typography--title,.mdl-typography--title-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}.mdl-typography--title-color-contrast{opacity:.87}.mdl-typography--subhead,.mdl-typography--subhead-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.04em}.mdl-typography--subhead-color-contrast{opacity:.87}.mdl-typography--body-2,.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:700;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{opacity:.87}.mdl-typography--body-1,.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{opacity:.87}.mdl-typography--body-2-force-preferred-font,.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--body-1-force-preferred-font,.mdl-typography--body-1-force-preferred-font-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--caption,.mdl-typography--caption-force-preferred-font{font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.mdl-typography--caption-force-preferred-font{font-family:"Roboto","Helvetica","Arial",sans-serif}.mdl-typography--caption-color-contrast,.mdl-typography--caption-force-preferred-font-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:.54}.mdl-typography--caption-force-preferred-font-color-contrast,.mdl-typography--menu{font-family:"Roboto","Helvetica","Arial",sans-serif}.mdl-typography--menu{font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--menu-color-contrast{opacity:.87}.mdl-typography--menu-color-contrast,.mdl-typography--button,.mdl-typography--button-color-contrast{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--button,.mdl-typography--button-color-contrast{text-transform:uppercase}.mdl-typography--button-color-contrast{opacity:.87}.mdl-typography--text-left{text-align:left}.mdl-typography--text-right{text-align:right}.mdl-typography--text-center{text-align:center}.mdl-typography--text-justify{text-align:justify}.mdl-typography--text-nowrap{white-space:nowrap}.mdl-typography--text-lowercase{text-transform:lowercase}.mdl-typography--text-uppercase{text-transform:uppercase}.mdl-typography--text-capitalize{text-transform:capitalize}.mdl-typography--font-thin{font-weight:200!important}.mdl-typography--font-light{font-weight:300!important}.mdl-typography--font-regular{font-weight:400!important}.mdl-typography--font-medium{font-weight:500!important}.mdl-typography--font-bold{font-weight:700!important}.mdl-typography--font-black{font-weight:900!important}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.mdl-color-text--red{color:#f44336 !important}.mdl-color--red{background-color:#f44336 !important}.mdl-color-text--red-50{color:#ffebee !important}.mdl-color--red-50{background-color:#ffebee !important}.mdl-color-text--red-100{color:#ffcdd2 !important}.mdl-color--red-100{background-color:#ffcdd2 !important}.mdl-color-text--red-200{color:#ef9a9a !important}.mdl-color--red-200{background-color:#ef9a9a !important}.mdl-color-text--red-300{color:#e57373 !important}.mdl-color--red-300{background-color:#e57373 !important}.mdl-color-text--red-400{color:#ef5350 !important}.mdl-color--red-400{background-color:#ef5350 !important}.mdl-color-text--red-500{color:#f44336 !important}.mdl-color--red-500{background-color:#f44336 !important}.mdl-color-text--red-600{color:#e53935 !important}.mdl-color--red-600{background-color:#e53935 !important}.mdl-color-text--red-700{color:#d32f2f !important}.mdl-color--red-700{background-color:#d32f2f !important}.mdl-color-text--red-800{color:#c62828 !important}.mdl-color--red-800{background-color:#c62828 !important}.mdl-color-text--red-900{color:#b71c1c !important}.mdl-color--red-900{background-color:#b71c1c !important}.mdl-color-text--red-A100{color:#ff8a80 !important}.mdl-color--red-A100{background-color:#ff8a80 !important}.mdl-color-text--red-A200{color:#ff5252 !important}.mdl-color--red-A200{background-color:#ff5252 !important}.mdl-color-text--red-A400{color:#ff1744 !important}.mdl-color--red-A400{background-color:#ff1744 !important}.mdl-color-text--red-A700{color:#d50000 !important}.mdl-color--red-A700{background-color:#d50000 !important}.mdl-color-text--pink{color:#e91e63 !important}.mdl-color--pink{background-color:#e91e63 !important}.mdl-color-text--pink-50{color:#fce4ec !important}.mdl-color--pink-50{background-color:#fce4ec !important}.mdl-color-text--pink-100{color:#f8bbd0 !important}.mdl-color--pink-100{background-color:#f8bbd0 !important}.mdl-color-text--pink-200{color:#f48fb1 !important}.mdl-color--pink-200{background-color:#f48fb1 !important}.mdl-color-text--pink-300{color:#f06292 !important}.mdl-color--pink-300{background-color:#f06292 !important}.mdl-color-text--pink-400{color:#ec407a !important}.mdl-color--pink-400{background-color:#ec407a !important}.mdl-color-text--pink-500{color:#e91e63 !important}.mdl-color--pink-500{background-color:#e91e63 !important}.mdl-color-text--pink-600{color:#d81b60 !important}.mdl-color--pink-600{background-color:#d81b60 !important}.mdl-color-text--pink-700{color:#c2185b !important}.mdl-color--pink-700{background-color:#c2185b !important}.mdl-color-text--pink-800{color:#ad1457 !important}.mdl-color--pink-800{background-color:#ad1457 !important}.mdl-color-text--pink-900{color:#880e4f !important}.mdl-color--pink-900{background-color:#880e4f !important}.mdl-color-text--pink-A100{color:#ff80ab !important}.mdl-color--pink-A100{background-color:#ff80ab !important}.mdl-color-text--pink-A200{color:#ff4081 !important}.mdl-color--pink-A200{background-color:#ff4081 !important}.mdl-color-text--pink-A400{color:#f50057 !important}.mdl-color--pink-A400{background-color:#f50057 !important}.mdl-color-text--pink-A700{color:#c51162 !important}.mdl-color--pink-A700{background-color:#c51162 !important}.mdl-color-text--purple{color:#9c27b0 !important}.mdl-color--purple{background-color:#9c27b0 !important}.mdl-color-text--purple-50{color:#f3e5f5 !important}.mdl-color--purple-50{background-color:#f3e5f5 !important}.mdl-color-text--purple-100{color:#e1bee7 !important}.mdl-color--purple-100{background-color:#e1bee7 !important}.mdl-color-text--purple-200{color:#ce93d8 !important}.mdl-color--purple-200{background-color:#ce93d8 !important}.mdl-color-text--purple-300{color:#ba68c8 !important}.mdl-color--purple-300{background-color:#ba68c8 !important}.mdl-color-text--purple-400{color:#ab47bc !important}.mdl-color--purple-400{background-color:#ab47bc !important}.mdl-color-text--purple-500{color:#9c27b0 !important}.mdl-color--purple-500{background-color:#9c27b0 !important}.mdl-color-text--purple-600{color:#8e24aa !important}.mdl-color--purple-600{background-color:#8e24aa !important}.mdl-color-text--purple-700{color:#7b1fa2 !important}.mdl-color--purple-700{background-color:#7b1fa2 !important}.mdl-color-text--purple-800{color:#6a1b9a !important}.mdl-color--purple-800{background-color:#6a1b9a !important}.mdl-color-text--purple-900{color:#4a148c !important}.mdl-color--purple-900{background-color:#4a148c !important}.mdl-color-text--purple-A100{color:#ea80fc !important}.mdl-color--purple-A100{background-color:#ea80fc !important}.mdl-color-text--purple-A200{color:#e040fb !important}.mdl-color--purple-A200{background-color:#e040fb !important}.mdl-color-text--purple-A400{color:#d500f9 !important}.mdl-color--purple-A400{background-color:#d500f9 !important}.mdl-color-text--purple-A700{color:#a0f !important}.mdl-color--purple-A700{background-color:#a0f !important}.mdl-color-text--deep-purple{color:#673ab7 !important}.mdl-color--deep-purple{background-color:#673ab7 !important}.mdl-color-text--deep-purple-50{color:#ede7f6 !important}.mdl-color--deep-purple-50{background-color:#ede7f6 !important}.mdl-color-text--deep-purple-100{color:#d1c4e9 !important}.mdl-color--deep-purple-100{background-color:#d1c4e9 !important}.mdl-color-text--deep-purple-200{color:#b39ddb !important}.mdl-color--deep-purple-200{background-color:#b39ddb !important}.mdl-color-text--deep-purple-300{color:#9575cd !important}.mdl-color--deep-purple-300{background-color:#9575cd !important}.mdl-color-text--deep-purple-400{color:#7e57c2 !important}.mdl-color--deep-purple-400{background-color:#7e57c2 !important}.mdl-color-text--deep-purple-500{color:#673ab7 !important}.mdl-color--deep-purple-500{background-color:#673ab7 !important}.mdl-color-text--deep-purple-600{color:#5e35b1 !important}.mdl-color--deep-purple-600{background-color:#5e35b1 !important}.mdl-color-text--deep-purple-700{color:#512da8 !important}.mdl-color--deep-purple-700{background-color:#512da8 !important}.mdl-color-text--deep-purple-800{color:#4527a0 !important}.mdl-color--deep-purple-800{background-color:#4527a0 !important}.mdl-color-text--deep-purple-900{color:#311b92 !important}.mdl-color--deep-purple-900{background-color:#311b92 !important}.mdl-color-text--deep-purple-A100{color:#b388ff !important}.mdl-color--deep-purple-A100{background-color:#b388ff !important}.mdl-color-text--deep-purple-A200{color:#7c4dff !important}.mdl-color--deep-purple-A200{background-color:#7c4dff !important}.mdl-color-text--deep-purple-A400{color:#651fff !important}.mdl-color--deep-purple-A400{background-color:#651fff !important}.mdl-color-text--deep-purple-A700{color:#6200ea !important}.mdl-color--deep-purple-A700{background-color:#6200ea !important}.mdl-color-text--indigo{color:#3f51b5 !important}.mdl-color--indigo{background-color:#3f51b5 !important}.mdl-color-text--indigo-50{color:#e8eaf6 !important}.mdl-color--indigo-50{background-color:#e8eaf6 !important}.mdl-color-text--indigo-100{color:#c5cae9 !important}.mdl-color--indigo-100{background-color:#c5cae9 !important}.mdl-color-text--indigo-200{color:#9fa8da !important}.mdl-color--indigo-200{background-color:#9fa8da !important}.mdl-color-text--indigo-300{color:#7986cb !important}.mdl-color--indigo-300{background-color:#7986cb !important}.mdl-color-text--indigo-400{color:#5c6bc0 !important}.mdl-color--indigo-400{background-color:#5c6bc0 !important}.mdl-color-text--indigo-500{color:#3f51b5 !important}.mdl-color--indigo-500{background-color:#3f51b5 !important}.mdl-color-text--indigo-600{color:#3949ab !important}.mdl-color--indigo-600{background-color:#3949ab !important}.mdl-color-text--indigo-700{color:#303f9f !important}.mdl-color--indigo-700{background-color:#303f9f !important}.mdl-color-text--indigo-800{color:#283593 !important}.mdl-color--indigo-800{background-color:#283593 !important}.mdl-color-text--indigo-900{color:#1a237e !important}.mdl-color--indigo-900{background-color:#1a237e !important}.mdl-color-text--indigo-A100{color:#8c9eff !important}.mdl-color--indigo-A100{background-color:#8c9eff !important}.mdl-color-text--indigo-A200{color:#536dfe !important}.mdl-color--indigo-A200{background-color:#536dfe !important}.mdl-color-text--indigo-A400{color:#3d5afe !important}.mdl-color--indigo-A400{background-color:#3d5afe !important}.mdl-color-text--indigo-A700{color:#304ffe !important}.mdl-color--indigo-A700{background-color:#304ffe !important}.mdl-color-text--blue{color:#2196f3 !important}.mdl-color--blue{background-color:#2196f3 !important}.mdl-color-text--blue-50{color:#e3f2fd !important}.mdl-color--blue-50{background-color:#e3f2fd !important}.mdl-color-text--blue-100{color:#bbdefb !important}.mdl-color--blue-100{background-color:#bbdefb !important}.mdl-color-text--blue-200{color:#90caf9 !important}.mdl-color--blue-200{background-color:#90caf9 !important}.mdl-color-text--blue-300{color:#64b5f6 !important}.mdl-color--blue-300{background-color:#64b5f6 !important}.mdl-color-text--blue-400{color:#42a5f5 !important}.mdl-color--blue-400{background-color:#42a5f5 !important}.mdl-color-text--blue-500{color:#2196f3 !important}.mdl-color--blue-500{background-color:#2196f3 !important}.mdl-color-text--blue-600{color:#1e88e5 !important}.mdl-color--blue-600{background-color:#1e88e5 !important}.mdl-color-text--blue-700{color:#1976d2 !important}.mdl-color--blue-700{background-color:#1976d2 !important}.mdl-color-text--blue-800{color:#1565c0 !important}.mdl-color--blue-800{background-color:#1565c0 !important}.mdl-color-text--blue-900{color:#0d47a1 !important}.mdl-color--blue-900{background-color:#0d47a1 !important}.mdl-color-text--blue-A100{color:#82b1ff !important}.mdl-color--blue-A100{background-color:#82b1ff !important}.mdl-color-text--blue-A200{color:#448aff !important}.mdl-color--blue-A200{background-color:#448aff !important}.mdl-color-text--blue-A400{color:#2979ff !important}.mdl-color--blue-A400{background-color:#2979ff !important}.mdl-color-text--blue-A700{color:#2962ff !important}.mdl-color--blue-A700{background-color:#2962ff !important}.mdl-color-text--light-blue{color:#03a9f4 !important}.mdl-color--light-blue{background-color:#03a9f4 !important}.mdl-color-text--light-blue-50{color:#e1f5fe !important}.mdl-color--light-blue-50{background-color:#e1f5fe !important}.mdl-color-text--light-blue-100{color:#b3e5fc !important}.mdl-color--light-blue-100{background-color:#b3e5fc !important}.mdl-color-text--light-blue-200{color:#81d4fa !important}.mdl-color--light-blue-200{background-color:#81d4fa !important}.mdl-color-text--light-blue-300{color:#4fc3f7 !important}.mdl-color--light-blue-300{background-color:#4fc3f7 !important}.mdl-color-text--light-blue-400{color:#29b6f6 !important}.mdl-color--light-blue-400{background-color:#29b6f6 !important}.mdl-color-text--light-blue-500{color:#03a9f4 !important}.mdl-color--light-blue-500{background-color:#03a9f4 !important}.mdl-color-text--light-blue-600{color:#039be5 !important}.mdl-color--light-blue-600{background-color:#039be5 !important}.mdl-color-text--light-blue-700{color:#0288d1 !important}.mdl-color--light-blue-700{background-color:#0288d1 !important}.mdl-color-text--light-blue-800{color:#0277bd !important}.mdl-color--light-blue-800{background-color:#0277bd !important}.mdl-color-text--light-blue-900{color:#01579b !important}.mdl-color--light-blue-900{background-color:#01579b !important}.mdl-color-text--light-blue-A100{color:#80d8ff !important}.mdl-color--light-blue-A100{background-color:#80d8ff !important}.mdl-color-text--light-blue-A200{color:#40c4ff !important}.mdl-color--light-blue-A200{background-color:#40c4ff !important}.mdl-color-text--light-blue-A400{color:#00b0ff !important}.mdl-color--light-blue-A400{background-color:#00b0ff !important}.mdl-color-text--light-blue-A700{color:#0091ea !important}.mdl-color--light-blue-A700{background-color:#0091ea !important}.mdl-color-text--cyan{color:#00bcd4 !important}.mdl-color--cyan{background-color:#00bcd4 !important}.mdl-color-text--cyan-50{color:#e0f7fa !important}.mdl-color--cyan-50{background-color:#e0f7fa !important}.mdl-color-text--cyan-100{color:#b2ebf2 !important}.mdl-color--cyan-100{background-color:#b2ebf2 !important}.mdl-color-text--cyan-200{color:#80deea !important}.mdl-color--cyan-200{background-color:#80deea !important}.mdl-color-text--cyan-300{color:#4dd0e1 !important}.mdl-color--cyan-300{background-color:#4dd0e1 !important}.mdl-color-text--cyan-400{color:#26c6da !important}.mdl-color--cyan-400{background-color:#26c6da !important}.mdl-color-text--cyan-500{color:#00bcd4 !important}.mdl-color--cyan-500{background-color:#00bcd4 !important}.mdl-color-text--cyan-600{color:#00acc1 !important}.mdl-color--cyan-600{background-color:#00acc1 !important}.mdl-color-text--cyan-700{color:#0097a7 !important}.mdl-color--cyan-700{background-color:#0097a7 !important}.mdl-color-text--cyan-800{color:#00838f !important}.mdl-color--cyan-800{background-color:#00838f !important}.mdl-color-text--cyan-900{color:#006064 !important}.mdl-color--cyan-900{background-color:#006064 !important}.mdl-color-text--cyan-A100{color:#84ffff !important}.mdl-color--cyan-A100{background-color:#84ffff !important}.mdl-color-text--cyan-A200{color:#18ffff !important}.mdl-color--cyan-A200{background-color:#18ffff !important}.mdl-color-text--cyan-A400{color:#00e5ff !important}.mdl-color--cyan-A400{background-color:#00e5ff !important}.mdl-color-text--cyan-A700{color:#00b8d4 !important}.mdl-color--cyan-A700{background-color:#00b8d4 !important}.mdl-color-text--teal{color:#009688 !important}.mdl-color--teal{background-color:#009688 !important}.mdl-color-text--teal-50{color:#e0f2f1 !important}.mdl-color--teal-50{background-color:#e0f2f1 !important}.mdl-color-text--teal-100{color:#b2dfdb !important}.mdl-color--teal-100{background-color:#b2dfdb !important}.mdl-color-text--teal-200{color:#80cbc4 !important}.mdl-color--teal-200{background-color:#80cbc4 !important}.mdl-color-text--teal-300{color:#4db6ac !important}.mdl-color--teal-300{background-color:#4db6ac !important}.mdl-color-text--teal-400{color:#26a69a !important}.mdl-color--teal-400{background-color:#26a69a !important}.mdl-color-text--teal-500{color:#009688 !important}.mdl-color--teal-500{background-color:#009688 !important}.mdl-color-text--teal-600{color:#00897b !important}.mdl-color--teal-600{background-color:#00897b !important}.mdl-color-text--teal-700{color:#00796b !important}.mdl-color--teal-700{background-color:#00796b !important}.mdl-color-text--teal-800{color:#00695c !important}.mdl-color--teal-800{background-color:#00695c !important}.mdl-color-text--teal-900{color:#004d40 !important}.mdl-color--teal-900{background-color:#004d40 !important}.mdl-color-text--teal-A100{color:#a7ffeb !important}.mdl-color--teal-A100{background-color:#a7ffeb !important}.mdl-color-text--teal-A200{color:#64ffda !important}.mdl-color--teal-A200{background-color:#64ffda !important}.mdl-color-text--teal-A400{color:#1de9b6 !important}.mdl-color--teal-A400{background-color:#1de9b6 !important}.mdl-color-text--teal-A700{color:#00bfa5 !important}.mdl-color--teal-A700{background-color:#00bfa5 !important}.mdl-color-text--green{color:#4caf50 !important}.mdl-color--green{background-color:#4caf50 !important}.mdl-color-text--green-50{color:#e8f5e9 !important}.mdl-color--green-50{background-color:#e8f5e9 !important}.mdl-color-text--green-100{color:#c8e6c9 !important}.mdl-color--green-100{background-color:#c8e6c9 !important}.mdl-color-text--green-200{color:#a5d6a7 !important}.mdl-color--green-200{background-color:#a5d6a7 !important}.mdl-color-text--green-300{color:#81c784 !important}.mdl-color--green-300{background-color:#81c784 !important}.mdl-color-text--green-400{color:#66bb6a !important}.mdl-color--green-400{background-color:#66bb6a !important}.mdl-color-text--green-500{color:#4caf50 !important}.mdl-color--green-500{background-color:#4caf50 !important}.mdl-color-text--green-600{color:#43a047 !important}.mdl-color--green-600{background-color:#43a047 !important}.mdl-color-text--green-700{color:#388e3c !important}.mdl-color--green-700{background-color:#388e3c !important}.mdl-color-text--green-800{color:#2e7d32 !important}.mdl-color--green-800{background-color:#2e7d32 !important}.mdl-color-text--green-900{color:#1b5e20 !important}.mdl-color--green-900{background-color:#1b5e20 !important}.mdl-color-text--green-A100{color:#b9f6ca !important}.mdl-color--green-A100{background-color:#b9f6ca !important}.mdl-color-text--green-A200{color:#69f0ae !important}.mdl-color--green-A200{background-color:#69f0ae !important}.mdl-color-text--green-A400{color:#00e676 !important}.mdl-color--green-A400{background-color:#00e676 !important}.mdl-color-text--green-A700{color:#00c853 !important}.mdl-color--green-A700{background-color:#00c853 !important}.mdl-color-text--light-green{color:#8bc34a !important}.mdl-color--light-green{background-color:#8bc34a !important}.mdl-color-text--light-green-50{color:#f1f8e9 !important}.mdl-color--light-green-50{background-color:#f1f8e9 !important}.mdl-color-text--light-green-100{color:#dcedc8 !important}.mdl-color--light-green-100{background-color:#dcedc8 !important}.mdl-color-text--light-green-200{color:#c5e1a5 !important}.mdl-color--light-green-200{background-color:#c5e1a5 !important}.mdl-color-text--light-green-300{color:#aed581 !important}.mdl-color--light-green-300{background-color:#aed581 !important}.mdl-color-text--light-green-400{color:#9ccc65 !important}.mdl-color--light-green-400{background-color:#9ccc65 !important}.mdl-color-text--light-green-500{color:#8bc34a !important}.mdl-color--light-green-500{background-color:#8bc34a !important}.mdl-color-text--light-green-600{color:#7cb342 !important}.mdl-color--light-green-600{background-color:#7cb342 !important}.mdl-color-text--light-green-700{color:#689f38 !important}.mdl-color--light-green-700{background-color:#689f38 !important}.mdl-color-text--light-green-800{color:#558b2f !important}.mdl-color--light-green-800{background-color:#558b2f !important}.mdl-color-text--light-green-900{color:#33691e !important}.mdl-color--light-green-900{background-color:#33691e !important}.mdl-color-text--light-green-A100{color:#ccff90 !important}.mdl-color--light-green-A100{background-color:#ccff90 !important}.mdl-color-text--light-green-A200{color:#b2ff59 !important}.mdl-color--light-green-A200{background-color:#b2ff59 !important}.mdl-color-text--light-green-A400{color:#76ff03 !important}.mdl-color--light-green-A400{background-color:#76ff03 !important}.mdl-color-text--light-green-A700{color:#64dd17 !important}.mdl-color--light-green-A700{background-color:#64dd17 !important}.mdl-color-text--lime{color:#cddc39 !important}.mdl-color--lime{background-color:#cddc39 !important}.mdl-color-text--lime-50{color:#f9fbe7 !important}.mdl-color--lime-50{background-color:#f9fbe7 !important}.mdl-color-text--lime-100{color:#f0f4c3 !important}.mdl-color--lime-100{background-color:#f0f4c3 !important}.mdl-color-text--lime-200{color:#e6ee9c !important}.mdl-color--lime-200{background-color:#e6ee9c !important}.mdl-color-text--lime-300{color:#dce775 !important}.mdl-color--lime-300{background-color:#dce775 !important}.mdl-color-text--lime-400{color:#d4e157 !important}.mdl-color--lime-400{background-color:#d4e157 !important}.mdl-color-text--lime-500{color:#cddc39 !important}.mdl-color--lime-500{background-color:#cddc39 !important}.mdl-color-text--lime-600{color:#c0ca33 !important}.mdl-color--lime-600{background-color:#c0ca33 !important}.mdl-color-text--lime-700{color:#afb42b !important}.mdl-color--lime-700{background-color:#afb42b !important}.mdl-color-text--lime-800{color:#9e9d24 !important}.mdl-color--lime-800{background-color:#9e9d24 !important}.mdl-color-text--lime-900{color:#827717 !important}.mdl-color--lime-900{background-color:#827717 !important}.mdl-color-text--lime-A100{color:#f4ff81 !important}.mdl-color--lime-A100{background-color:#f4ff81 !important}.mdl-color-text--lime-A200{color:#eeff41 !important}.mdl-color--lime-A200{background-color:#eeff41 !important}.mdl-color-text--lime-A400{color:#c6ff00 !important}.mdl-color--lime-A400{background-color:#c6ff00 !important}.mdl-color-text--lime-A700{color:#aeea00 !important}.mdl-color--lime-A700{background-color:#aeea00 !important}.mdl-color-text--yellow{color:#ffeb3b !important}.mdl-color--yellow{background-color:#ffeb3b !important}.mdl-color-text--yellow-50{color:#fffde7 !important}.mdl-color--yellow-50{background-color:#fffde7 !important}.mdl-color-text--yellow-100{color:#fff9c4 !important}.mdl-color--yellow-100{background-color:#fff9c4 !important}.mdl-color-text--yellow-200{color:#fff59d !important}.mdl-color--yellow-200{background-color:#fff59d !important}.mdl-color-text--yellow-300{color:#fff176 !important}.mdl-color--yellow-300{background-color:#fff176 !important}.mdl-color-text--yellow-400{color:#ffee58 !important}.mdl-color--yellow-400{background-color:#ffee58 !important}.mdl-color-text--yellow-500{color:#ffeb3b !important}.mdl-color--yellow-500{background-color:#ffeb3b !important}.mdl-color-text--yellow-600{color:#fdd835 !important}.mdl-color--yellow-600{background-color:#fdd835 !important}.mdl-color-text--yellow-700{color:#fbc02d !important}.mdl-color--yellow-700{background-color:#fbc02d !important}.mdl-color-text--yellow-800{color:#f9a825 !important}.mdl-color--yellow-800{background-color:#f9a825 !important}.mdl-color-text--yellow-900{color:#f57f17 !important}.mdl-color--yellow-900{background-color:#f57f17 !important}.mdl-color-text--yellow-A100{color:#ffff8d !important}.mdl-color--yellow-A100{background-color:#ffff8d !important}.mdl-color-text--yellow-A200{color:#ff0 !important}.mdl-color--yellow-A200{background-color:#ff0 !important}.mdl-color-text--yellow-A400{color:#ffea00 !important}.mdl-color--yellow-A400{background-color:#ffea00 !important}.mdl-color-text--yellow-A700{color:#ffd600 !important}.mdl-color--yellow-A700{background-color:#ffd600 !important}.mdl-color-text--amber{color:#ffc107 !important}.mdl-color--amber{background-color:#ffc107 !important}.mdl-color-text--amber-50{color:#fff8e1 !important}.mdl-color--amber-50{background-color:#fff8e1 !important}.mdl-color-text--amber-100{color:#ffecb3 !important}.mdl-color--amber-100{background-color:#ffecb3 !important}.mdl-color-text--amber-200{color:#ffe082 !important}.mdl-color--amber-200{background-color:#ffe082 !important}.mdl-color-text--amber-300{color:#ffd54f !important}.mdl-color--amber-300{background-color:#ffd54f !important}.mdl-color-text--amber-400{color:#ffca28 !important}.mdl-color--amber-400{background-color:#ffca28 !important}.mdl-color-text--amber-500{color:#ffc107 !important}.mdl-color--amber-500{background-color:#ffc107 !important}.mdl-color-text--amber-600{color:#ffb300 !important}.mdl-color--amber-600{background-color:#ffb300 !important}.mdl-color-text--amber-700{color:#ffa000 !important}.mdl-color--amber-700{background-color:#ffa000 !important}.mdl-color-text--amber-800{color:#ff8f00 !important}.mdl-color--amber-800{background-color:#ff8f00 !important}.mdl-color-text--amber-900{color:#ff6f00 !important}.mdl-color--amber-900{background-color:#ff6f00 !important}.mdl-color-text--amber-A100{color:#ffe57f !important}.mdl-color--amber-A100{background-color:#ffe57f !important}.mdl-color-text--amber-A200{color:#ffd740 !important}.mdl-color--amber-A200{background-color:#ffd740 !important}.mdl-color-text--amber-A400{color:#ffc400 !important}.mdl-color--amber-A400{background-color:#ffc400 !important}.mdl-color-text--amber-A700{color:#ffab00 !important}.mdl-color--amber-A700{background-color:#ffab00 !important}.mdl-color-text--orange{color:#ff9800 !important}.mdl-color--orange{background-color:#ff9800 !important}.mdl-color-text--orange-50{color:#fff3e0 !important}.mdl-color--orange-50{background-color:#fff3e0 !important}.mdl-color-text--orange-100{color:#ffe0b2 !important}.mdl-color--orange-100{background-color:#ffe0b2 !important}.mdl-color-text--orange-200{color:#ffcc80 !important}.mdl-color--orange-200{background-color:#ffcc80 !important}.mdl-color-text--orange-300{color:#ffb74d !important}.mdl-color--orange-300{background-color:#ffb74d !important}.mdl-color-text--orange-400{color:#ffa726 !important}.mdl-color--orange-400{background-color:#ffa726 !important}.mdl-color-text--orange-500{color:#ff9800 !important}.mdl-color--orange-500{background-color:#ff9800 !important}.mdl-color-text--orange-600{color:#fb8c00 !important}.mdl-color--orange-600{background-color:#fb8c00 !important}.mdl-color-text--orange-700{color:#f57c00 !important}.mdl-color--orange-700{background-color:#f57c00 !important}.mdl-color-text--orange-800{color:#ef6c00 !important}.mdl-color--orange-800{background-color:#ef6c00 !important}.mdl-color-text--orange-900{color:#e65100 !important}.mdl-color--orange-900{background-color:#e65100 !important}.mdl-color-text--orange-A100{color:#ffd180 !important}.mdl-color--orange-A100{background-color:#ffd180 !important}.mdl-color-text--orange-A200{color:#ffab40 !important}.mdl-color--orange-A200{background-color:#ffab40 !important}.mdl-color-text--orange-A400{color:#ff9100 !important}.mdl-color--orange-A400{background-color:#ff9100 !important}.mdl-color-text--orange-A700{color:#ff6d00 !important}.mdl-color--orange-A700{background-color:#ff6d00 !important}.mdl-color-text--deep-orange{color:#ff5722 !important}.mdl-color--deep-orange{background-color:#ff5722 !important}.mdl-color-text--deep-orange-50{color:#fbe9e7 !important}.mdl-color--deep-orange-50{background-color:#fbe9e7 !important}.mdl-color-text--deep-orange-100{color:#ffccbc !important}.mdl-color--deep-orange-100{background-color:#ffccbc !important}.mdl-color-text--deep-orange-200{color:#ffab91 !important}.mdl-color--deep-orange-200{background-color:#ffab91 !important}.mdl-color-text--deep-orange-300{color:#ff8a65 !important}.mdl-color--deep-orange-300{background-color:#ff8a65 !important}.mdl-color-text--deep-orange-400{color:#ff7043 !important}.mdl-color--deep-orange-400{background-color:#ff7043 !important}.mdl-color-text--deep-orange-500{color:#ff5722 !important}.mdl-color--deep-orange-500{background-color:#ff5722 !important}.mdl-color-text--deep-orange-600{color:#f4511e !important}.mdl-color--deep-orange-600{background-color:#f4511e !important}.mdl-color-text--deep-orange-700{color:#e64a19 !important}.mdl-color--deep-orange-700{background-color:#e64a19 !important}.mdl-color-text--deep-orange-800{color:#d84315 !important}.mdl-color--deep-orange-800{background-color:#d84315 !important}.mdl-color-text--deep-orange-900{color:#bf360c !important}.mdl-color--deep-orange-900{background-color:#bf360c !important}.mdl-color-text--deep-orange-A100{color:#ff9e80 !important}.mdl-color--deep-orange-A100{background-color:#ff9e80 !important}.mdl-color-text--deep-orange-A200{color:#ff6e40 !important}.mdl-color--deep-orange-A200{background-color:#ff6e40 !important}.mdl-color-text--deep-orange-A400{color:#ff3d00 !important}.mdl-color--deep-orange-A400{background-color:#ff3d00 !important}.mdl-color-text--deep-orange-A700{color:#dd2c00 !important}.mdl-color--deep-orange-A700{background-color:#dd2c00 !important}.mdl-color-text--brown{color:#795548 !important}.mdl-color--brown{background-color:#795548 !important}.mdl-color-text--brown-50{color:#efebe9 !important}.mdl-color--brown-50{background-color:#efebe9 !important}.mdl-color-text--brown-100{color:#d7ccc8 !important}.mdl-color--brown-100{background-color:#d7ccc8 !important}.mdl-color-text--brown-200{color:#bcaaa4 !important}.mdl-color--brown-200{background-color:#bcaaa4 !important}.mdl-color-text--brown-300{color:#a1887f !important}.mdl-color--brown-300{background-color:#a1887f !important}.mdl-color-text--brown-400{color:#8d6e63 !important}.mdl-color--brown-400{background-color:#8d6e63 !important}.mdl-color-text--brown-500{color:#795548 !important}.mdl-color--brown-500{background-color:#795548 !important}.mdl-color-text--brown-600{color:#6d4c41 !important}.mdl-color--brown-600{background-color:#6d4c41 !important}.mdl-color-text--brown-700{color:#5d4037 !important}.mdl-color--brown-700{background-color:#5d4037 !important}.mdl-color-text--brown-800{color:#4e342e !important}.mdl-color--brown-800{background-color:#4e342e !important}.mdl-color-text--brown-900{color:#3e2723 !important}.mdl-color--brown-900{background-color:#3e2723 !important}.mdl-color-text--grey{color:#9e9e9e !important}.mdl-color--grey{background-color:#9e9e9e !important}.mdl-color-text--grey-50{color:#fafafa !important}.mdl-color--grey-50{background-color:#fafafa !important}.mdl-color-text--grey-100{color:#f5f5f5 !important}.mdl-color--grey-100{background-color:#f5f5f5 !important}.mdl-color-text--grey-200{color:#eee !important}.mdl-color--grey-200{background-color:#eee !important}.mdl-color-text--grey-300{color:#e0e0e0 !important}.mdl-color--grey-300{background-color:#e0e0e0 !important}.mdl-color-text--grey-400{color:#bdbdbd !important}.mdl-color--grey-400{background-color:#bdbdbd !important}.mdl-color-text--grey-500{color:#9e9e9e !important}.mdl-color--grey-500{background-color:#9e9e9e !important}.mdl-color-text--grey-600{color:#757575 !important}.mdl-color--grey-600{background-color:#757575 !important}.mdl-color-text--grey-700{color:#616161 !important}.mdl-color--grey-700{background-color:#616161 !important}.mdl-color-text--grey-800{color:#424242 !important}.mdl-color--grey-800{background-color:#424242 !important}.mdl-color-text--grey-900{color:#212121 !important}.mdl-color--grey-900{background-color:#212121 !important}.mdl-color-text--blue-grey{color:#607d8b !important}.mdl-color--blue-grey{background-color:#607d8b !important}.mdl-color-text--blue-grey-50{color:#eceff1 !important}.mdl-color--blue-grey-50{background-color:#eceff1 !important}.mdl-color-text--blue-grey-100{color:#cfd8dc !important}.mdl-color--blue-grey-100{background-color:#cfd8dc !important}.mdl-color-text--blue-grey-200{color:#b0bec5 !important}.mdl-color--blue-grey-200{background-color:#b0bec5 !important}.mdl-color-text--blue-grey-300{color:#90a4ae !important}.mdl-color--blue-grey-300{background-color:#90a4ae !important}.mdl-color-text--blue-grey-400{color:#78909c !important}.mdl-color--blue-grey-400{background-color:#78909c !important}.mdl-color-text--blue-grey-500{color:#607d8b !important}.mdl-color--blue-grey-500{background-color:#607d8b !important}.mdl-color-text--blue-grey-600{color:#546e7a !important}.mdl-color--blue-grey-600{background-color:#546e7a !important}.mdl-color-text--blue-grey-700{color:#455a64 !important}.mdl-color--blue-grey-700{background-color:#455a64 !important}.mdl-color-text--blue-grey-800{color:#37474f !important}.mdl-color--blue-grey-800{background-color:#37474f !important}.mdl-color-text--blue-grey-900{color:#263238 !important}.mdl-color--blue-grey-900{background-color:#263238 !important}.mdl-color--black{background-color:#000 !important}.mdl-color-text--black{color:#000 !important}.mdl-color--white{background-color:#fff !important}.mdl-color-text--white{color:#fff !important}.mdl-color--primary{background-color:rgb(255,152,0)!important}.mdl-color--primary-contrast{background-color:rgb(66,66,66)!important}.mdl-color--primary-dark{background-color:rgb(245,124,0)!important}.mdl-color--accent{background-color:rgb(68,138,255)!important}.mdl-color--accent-contrast{background-color:rgb(255,255,255)!important}.mdl-color-text--primary{color:rgb(255,152,0)!important}.mdl-color-text--primary-contrast{color:rgb(66,66,66)!important}.mdl-color-text--primary-dark{color:rgb(245,124,0)!important}.mdl-color-text--accent{color:rgb(68,138,255)!important}.mdl-color-text--accent-contrast{color:rgb(255,255,255)!important}.mdl-ripple{background:#000;border-radius:50%;height:50px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;overflow:hidden}.mdl-ripple.is-animating{transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}.mdl-ripple.is-visible{opacity:.3}.mdl-animation--default,.mdl-animation--fast-out-slow-in{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-animation--linear-out-slow-in{transition-timing-function:cubic-bezier(0,0,.2,1)}.mdl-animation--fast-out-linear-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.mdl-badge{position:relative;white-space:nowrap;margin-right:24px}.mdl-badge:not([data-badge]){margin-right:auto}.mdl-badge[data-badge]:after{content:attr(data-badge);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:-11px;right:-24px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:600;font-size:12px;width:22px;height:22px;border-radius:50%;background:rgb(68,138,255);color:rgb(255,255,255)}.mdl-button .mdl-badge[data-badge]:after{top:-10px;right:-5px}.mdl-badge.mdl-badge--no-background[data-badge]:after{color:rgb(68,138,255);background:rgba(255,255,255,.2);box-shadow:0 0 1px gray}.mdl-badge.mdl-badge--overlap{margin-right:10px}.mdl-badge.mdl-badge--overlap:after{right:-10px}.mdl-button{background:0 0;border:none;border-radius:2px;color:#000;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle}.mdl-button::-moz-focus-inner{border:0}.mdl-button:hover{background-color:rgba(158,158,158,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:rgb(255,152,0)}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type="submit"]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-button--raised:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:rgb(255,152,0);color:rgb(66,66,66)}.mdl-button--raised.mdl-button--colored:hover{background-color:rgb(255,152,0)}.mdl-button--raised.mdl-button--colored:active{background-color:rgb(255,152,0)}.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color:rgb(255,152,0)}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:rgb(66,66,66)}.mdl-button--fab{border-radius:50%;font-size:24px;height:56px;margin:auto;min-width:56px;width:56px;padding:0;overflow:hidden;background:rgba(158,158,158,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);position:relative;line-height:normal}.mdl-button--fab .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--fab.mdl-button--mini-fab{height:40px;min-width:40px;width:40px}.mdl-button--fab .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button--fab:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:rgb(68,138,255);color:rgb(255,255,255)}.mdl-button--fab.mdl-button--colored:hover{background-color:rgb(68,138,255)}.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:rgb(68,138,255)}.mdl-button--fab.mdl-button--colored:active{background-color:rgb(68,138,255)}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:rgb(255,255,255)}.mdl-button--icon{border-radius:50%;font-size:24px;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;padding:0;overflow:hidden;color:inherit;line-height:normal}.mdl-button--icon .material-icons{position:absolute;top:50%;left:50%;-webkit-transform:translate(-12px,-12px);transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon{height:24px;min-width:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon .material-icons{top:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple{background-color:transparent}.mdl-button--primary.mdl-button--primary{color:rgb(255,152,0)}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:rgb(66,66,66)}.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{color:rgb(66,66,66);background-color:rgb(255,152,0)}.mdl-button--accent.mdl-button--accent{color:rgb(68,138,255)}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:rgb(255,255,255)}.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{color:rgb(255,255,255);background-color:rgb(68,138,255)}.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26);cursor:default;background-color:transparent}.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26);box-shadow:none}.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled{color:rgba(0,0,0,.26)}.mdl-button .material-icons{vertical-align:middle}.mdl-card{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:16px;font-weight:400;min-height:200px;overflow:hidden;width:330px;z-index:1;position:relative;background:#fff;border-radius:2px;box-sizing:border-box}.mdl-card__media{background-color:rgb(68,138,255);background-repeat:repeat;background-position:50% 50%;background-size:cover;background-origin:padding-box;background-attachment:scroll;box-sizing:border-box}.mdl-card__title{-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch;line-height:normal;padding:16px;-webkit-perspective-origin:165px 56px;perspective-origin:165px 56px;-webkit-transform-origin:165px 56px;transform-origin:165px 56px;box-sizing:border-box}.mdl-card__title.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.mdl-card__title-text{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:inherit;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24px;font-weight:300;line-height:normal;overflow:hidden;-webkit-transform-origin:149px 48px;transform-origin:149px 48px;margin:0}.mdl-card__subtitle-text{font-size:14px;color:rgba(0,0,0,.54);margin:0}.mdl-card__supporting-text{color:rgba(0,0,0,.54);font-size:1rem;line-height:18px;overflow:hidden;padding:16px;width:90%}.mdl-card__supporting-text.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.mdl-card__actions{font-size:16px;line-height:normal;width:100%;background-color:transparent;padding:8px;box-sizing:border-box}.mdl-card__actions.mdl-card--border{border-top:1px solid rgba(0,0,0,.1)}.mdl-card--expand{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-card__menu{position:absolute;right:16px;top:16px}.mdl-checkbox{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0}.mdl-checkbox.is-upgraded{padding-left:24px}.mdl-checkbox__input{line-height:24px}.mdl-checkbox.is-upgraded .mdl-checkbox__input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-checkbox__box-outline{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;overflow:hidden;border:2px solid rgba(0,0,0,.54);border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid rgb(255,152,0)}fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,.mdl-checkbox.is-disabled .mdl-checkbox__box-outline{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__focus-helper{position:absolute;top:3px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background-color:transparent}.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 8px rgba(255,152,0,.26);background-color:rgba(255,152,0,.26)}.mdl-checkbox__tick-outline{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");background:0 0;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:rgb(255,152,0)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")}fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline{background:rgba(0,0,0,.26)url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")}.mdl-checkbox__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,.mdl-checkbox.is-disabled .mdl-checkbox__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__ripple-container{position:absolute;z-index:2;top:-6px;left:-10px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-checkbox__ripple-container .mdl-ripple{background:rgb(255,152,0)}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container{cursor:auto}fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple{background:0 0}.mdl-chip{height:32px;font-family:"Roboto","Helvetica","Arial",sans-serif;line-height:32px;padding:0 12px;border:0;border-radius:16px;background-color:#dedede;display:inline-block;color:rgba(0,0,0,.87);margin:2px 0;font-size:0;white-space:nowrap}.mdl-chip__text{font-size:13px;vertical-align:middle;display:inline-block}.mdl-chip__action{height:24px;width:24px;background:0 0;opacity:.54;cursor:pointer;padding:0;margin:0 0 0 4px;font-size:13px;text-decoration:none;color:rgba(0,0,0,.87);border:none;outline:none}.mdl-chip__action,.mdl-chip__contact{display:inline-block;vertical-align:middle;overflow:hidden;text-align:center}.mdl-chip__contact{height:32px;width:32px;border-radius:16px;margin-right:8px;font-size:18px;line-height:32px}.mdl-chip:focus{outline:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-chip:active{background-color:#d6d6d6}.mdl-chip--deletable{padding-right:4px}.mdl-chip--contact{padding-left:0}.mdl-data-table{position:relative;border:1px solid rgba(0,0,0,.12);border-collapse:collapse;white-space:nowrap;font-size:13px;background-color:#fff}.mdl-data-table thead{padding-bottom:3px}.mdl-data-table thead .mdl-data-table__select{margin-top:0}.mdl-data-table tbody tr{position:relative;height:48px;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color}.mdl-data-table tbody tr.is-selected{background-color:#e0e0e0}.mdl-data-table tbody tr:hover{background-color:#eee}.mdl-data-table td{text-align:right}.mdl-data-table th{padding:0 18px 12px 18px;text-align:right}.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{padding-left:24px}.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{padding-right:24px}.mdl-data-table td{position:relative;height:48px;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:12px 18px;box-sizing:border-box}.mdl-data-table td,.mdl-data-table td .mdl-data-table__select{vertical-align:middle}.mdl-data-table th{position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;height:48px;font-size:12px;color:rgba(0,0,0,.54);padding-bottom:8px;box-sizing:border-box}.mdl-data-table th.mdl-data-table__header--sorted-ascending,.mdl-data-table th.mdl-data-table__header--sorted-descending{color:rgba(0,0,0,.87)}.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,.mdl-data-table th.mdl-data-table__header--sorted-descending:before{font-family:'Material Icons';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;-moz-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-size:16px;content:"\e5d8";margin-right:5px;vertical-align:sub}.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,.mdl-data-table th.mdl-data-table__header--sorted-descending:hover{cursor:pointer}.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before{color:rgba(0,0,0,.26)}.mdl-data-table th.mdl-data-table__header--sorted-descending:before{content:"\e5db"}.mdl-data-table__select{width:16px}.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric{text-align:left}.mdl-dialog{border:none;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2);width:280px}.mdl-dialog__title{padding:24px 24px 0;margin:0;font-size:2.5rem}.mdl-dialog__actions{padding:8px 8px 8px 24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.mdl-dialog__actions>*{margin-right:8px;height:36px}.mdl-dialog__actions>*:first-child{margin-right:0}.mdl-dialog__actions--full-width{padding:0 0 8px}.mdl-dialog__actions--full-width>*{height:48px;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;padding-right:16px;margin-right:0;text-align:right}.mdl-dialog__content{padding:20px 24px 24px;color:rgba(0,0,0,.54)}.mdl-mega-footer{padding:16px 40px;color:#9e9e9e;background-color:#424242}.mdl-mega-footer--top-section:after,.mdl-mega-footer--middle-section:after,.mdl-mega-footer--bottom-section:after,.mdl-mega-footer__top-section:after,.mdl-mega-footer__middle-section:after,.mdl-mega-footer__bottom-section:after{content:'';display:block;clear:both}.mdl-mega-footer--left-section,.mdl-mega-footer__left-section,.mdl-mega-footer--right-section,.mdl-mega-footer__right-section{margin-bottom:16px}.mdl-mega-footer--right-section a,.mdl-mega-footer__right-section a{display:block;margin-bottom:16px;color:inherit;text-decoration:none}@media screen and (min-width:760px){.mdl-mega-footer--left-section,.mdl-mega-footer__left-section{float:left}.mdl-mega-footer--right-section,.mdl-mega-footer__right-section{float:right}.mdl-mega-footer--right-section a,.mdl-mega-footer__right-section a{display:inline-block;margin-left:16px;line-height:36px;vertical-align:middle}}.mdl-mega-footer--social-btn,.mdl-mega-footer__social-btn{width:36px;height:36px;padding:0;margin:0;background-color:#9e9e9e;border:none}.mdl-mega-footer--drop-down-section,.mdl-mega-footer__drop-down-section{display:block;position:relative}@media screen and (min-width:760px){.mdl-mega-footer--drop-down-section,.mdl-mega-footer__drop-down-section{width:33%}.mdl-mega-footer--drop-down-section:nth-child(1),.mdl-mega-footer--drop-down-section:nth-child(2),.mdl-mega-footer__drop-down-section:nth-child(1),.mdl-mega-footer__drop-down-section:nth-child(2){float:left}.mdl-mega-footer--drop-down-section:nth-child(3),.mdl-mega-footer__drop-down-section:nth-child(3){float:right}.mdl-mega-footer--drop-down-section:nth-child(3):after,.mdl-mega-footer__drop-down-section:nth-child(3):after{clear:right}.mdl-mega-footer--drop-down-section:nth-child(4),.mdl-mega-footer__drop-down-section:nth-child(4){clear:right;float:right}.mdl-mega-footer--middle-section:after,.mdl-mega-footer__middle-section:after{content:'';display:block;clear:both}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:0}}@media screen and (min-width:1024px){.mdl-mega-footer--drop-down-section,.mdl-mega-footer--drop-down-section:nth-child(3),.mdl-mega-footer--drop-down-section:nth-child(4),.mdl-mega-footer__drop-down-section,.mdl-mega-footer__drop-down-section:nth-child(3),.mdl-mega-footer__drop-down-section:nth-child(4){width:24%;float:left}}.mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{position:absolute;width:100%;height:55.8px;padding:32px;margin:-16px 0 0;cursor:pointer;z-index:1;opacity:0}.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after{font-family:'Material Icons';content:'\E5CE'}.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list{display:none}.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after{font-family:'Material Icons';content:'\E5CF'}.mdl-mega-footer--heading,.mdl-mega-footer__heading{position:relative;width:100%;padding-right:39.8px;margin-bottom:16px;box-sizing:border-box;font-size:14px;line-height:23.8px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#e0e0e0}.mdl-mega-footer--heading:after,.mdl-mega-footer__heading:after{content:'';position:absolute;top:0;right:0;display:block;width:23.8px;height:23.8px;background-size:cover}.mdl-mega-footer--link-list,.mdl-mega-footer__link-list{list-style:none;padding:0;margin:0 0 32px}.mdl-mega-footer--link-list:after,.mdl-mega-footer__link-list:after{clear:both;display:block;content:''}.mdl-mega-footer--link-list li,.mdl-mega-footer__link-list li{font-size:14px;font-weight:400;letter-spacing:0;line-height:20px}.mdl-mega-footer--link-list a,.mdl-mega-footer__link-list a{color:inherit;text-decoration:none;white-space:nowrap}@media screen and (min-width:760px){.mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{display:none}.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after{content:''}.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list{display:block}.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after{content:''}}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:16px;margin-bottom:16px}.mdl-logo{margin-bottom:16px;color:#fff}.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li{float:left;margin-bottom:0;margin-right:16px}@media screen and (min-width:760px){.mdl-logo{float:left;margin-bottom:0;margin-right:16px}}.mdl-mini-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:32px 16px;color:#9e9e9e;background-color:#424242}.mdl-mini-footer:after{content:'';display:block}.mdl-mini-footer .mdl-logo{line-height:36px}.mdl-mini-footer--link-list,.mdl-mini-footer__link-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;list-style:none;margin:0;padding:0}.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{margin-bottom:0;margin-right:16px}@media screen and (min-width:760px){.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{line-height:36px}}.mdl-mini-footer--link-list a,.mdl-mini-footer__link-list a{color:inherit;text-decoration:none;white-space:nowrap}.mdl-mini-footer--left-section,.mdl-mini-footer__left-section{display:inline-block;-webkit-order:0;-ms-flex-order:0;order:0}.mdl-mini-footer--right-section,.mdl-mini-footer__right-section{display:inline-block;-webkit-order:1;-ms-flex-order:1;order:1}.mdl-mini-footer--social-btn,.mdl-mini-footer__social-btn{width:36px;height:36px;padding:0;margin:0;background-color:#9e9e9e;border:none}.mdl-icon-toggle{position:relative;z-index:1;vertical-align:middle;display:inline-block;height:32px;margin:0;padding:0}.mdl-icon-toggle__input{line-height:32px}.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-icon-toggle__label{display:inline-block;position:relative;cursor:pointer;height:32px;width:32px;min-width:32px;color:#616161;border-radius:50%;padding:0;margin-left:0;margin-right:0;text-align:center;background-color:transparent;will-change:background-color;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.mdl-icon-toggle__label.material-icons{line-height:32px;font-size:24px}.mdl-icon-toggle.is-checked .mdl-icon-toggle__label{color:rgb(255,152,0)}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label{color:rgba(0,0,0,.26);cursor:auto;transition:none}.mdl-icon-toggle.is-focused .mdl-icon-toggle__label{background-color:rgba(0,0,0,.12)}.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label{background-color:rgba(255,152,0,.26)}.mdl-icon-toggle__ripple-container{position:absolute;z-index:2;top:-2px;left:-2px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-icon-toggle__ripple-container .mdl-ripple{background:#616161}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container{cursor:auto}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple{background:0 0}.mdl-list{display:block;padding:8px 0;list-style:none}.mdl-list__item{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;min-height:48px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:16px;cursor:default;color:rgba(0,0,0,.87);overflow:hidden}.mdl-list__item,.mdl-list__item .mdl-list__item-primary-content{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mdl-list__item .mdl-list__item-primary-content{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-decoration:none}.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon{margin-right:32px}.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar{margin-right:16px}.mdl-list__item .mdl-list__item-secondary-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-left:16px}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label{display:inline}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;color:rgba(0,0,0,.54)}.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header{padding:0 0 0 16px}.mdl-list__item-icon,.mdl-list__item-icon.material-icons{height:24px;width:24px;font-size:24px;box-sizing:border-box;color:#757575}.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons{height:40px;width:40px;box-sizing:border-box;border-radius:50%;background-color:#757575;font-size:40px;color:#fff}.mdl-list__item--two-line{height:72px}.mdl-list__item--two-line .mdl-list__item-primary-content{height:36px;line-height:20px;display:block}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar{float:left}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon{float:left;margin-top:6px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content{height:36px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;color:rgba(0,0,0,.54);display:block;padding:0}.mdl-list__item--three-line{height:88px}.mdl-list__item--three-line .mdl-list__item-primary-content{height:52px;line-height:20px;display:block}.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon{float:left}.mdl-list__item--three-line .mdl-list__item-secondary-content{height:52px}.mdl-list__item--three-line .mdl-list__item-text-body{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;height:52px;color:rgba(0,0,0,.54);display:block;padding:0}.mdl-menu__container{display:block;margin:0;padding:0;border:none;position:absolute;overflow:visible;height:0;width:0;visibility:hidden;z-index:-1}.mdl-menu__container.is-visible,.mdl-menu__container.is-animating{z-index:999;visibility:visible}.mdl-menu__outline{display:block;background:#fff;margin:0;padding:0;border:none;border-radius:2px;position:absolute;top:0;left:0;overflow:hidden;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 0;transform-origin:0 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);z-index:-1}.mdl-menu__container.is-visible .mdl-menu__outline{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:999}.mdl-menu__outline.mdl-menu--bottom-right{-webkit-transform-origin:100% 0;transform-origin:100% 0}.mdl-menu__outline.mdl-menu--top-left{-webkit-transform-origin:0 100%;transform-origin:0 100%}.mdl-menu__outline.mdl-menu--top-right{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.mdl-menu{position:absolute;list-style:none;top:0;left:0;height:auto;width:auto;min-width:124px;padding:8px 0;margin:0;opacity:0;clip:rect(0 0 0 0);z-index:-1}.mdl-menu__container.is-visible .mdl-menu{opacity:1;z-index:999}.mdl-menu.is-animating{transition:opacity .2s cubic-bezier(.4,0,.2,1),clip .3s cubic-bezier(.4,0,.2,1)}.mdl-menu.mdl-menu--bottom-right{left:auto;right:0}.mdl-menu.mdl-menu--top-left{top:auto;bottom:0}.mdl-menu.mdl-menu--top-right{top:auto;left:auto;bottom:0;right:0}.mdl-menu.mdl-menu--unaligned{top:auto;left:auto}.mdl-menu__item{display:block;border:none;color:rgba(0,0,0,.87);background-color:transparent;text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;position:relative;overflow:hidden;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-menu__container.is-visible .mdl-menu__item{opacity:1}.mdl-menu__item::-moz-focus-inner{border:0}.mdl-menu__item--full-bleed-divider{border-bottom:1px solid rgba(0,0,0,.12)}.mdl-menu__item[disabled],.mdl-menu__item[data-mdl-disabled]{color:#bdbdbd;background-color:transparent;cursor:auto}.mdl-menu__item[disabled]:hover,.mdl-menu__item[data-mdl-disabled]:hover{background-color:transparent}.mdl-menu__item[disabled]:focus,.mdl-menu__item[data-mdl-disabled]:focus{background-color:transparent}.mdl-menu__item[disabled] .mdl-ripple,.mdl-menu__item[data-mdl-disabled] .mdl-ripple{background:0 0}.mdl-menu__item:hover{background-color:#eee}.mdl-menu__item:focus{outline:none;background-color:#eee}.mdl-menu__item:active{background-color:#e0e0e0}.mdl-menu__item--ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-progress{display:block;position:relative;height:4px;width:500px;max-width:100%}.mdl-progress>.bar{display:block;position:absolute;top:0;bottom:0;width:0%;transition:width .2s cubic-bezier(.4,0,.2,1)}.mdl-progress>.progressbar{background-color:rgb(255,152,0);z-index:1;left:0}.mdl-progress>.bufferbar{background-image:linear-gradient(to right,rgba(66,66,66,.7),rgba(66,66,66,.7)),linear-gradient(to right,rgb(255,152,0),rgb(255,152,0));z-index:0;left:0}.mdl-progress>.auxbar{right:0}@supports (-webkit-appearance:none){.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(66,66,66,.7),rgba(66,66,66,.7)),linear-gradient(to right,rgb(255,152,0),rgb(255,152,0));-webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=")}}.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(66,66,66,.9),rgba(66,66,66,.9)),linear-gradient(to right,rgb(255,152,0),rgb(255,152,0))}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{-webkit-animation-name:indeterminate1;animation-name:indeterminate1}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1,.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-color:rgb(255,152,0);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-image:none;-webkit-animation-name:indeterminate2;animation-name:indeterminate2}@-webkit-keyframes indeterminate1{0%{left:0%;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@keyframes indeterminate1{0%{left:0%;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@-webkit-keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}@keyframes indeterminate2{0%,50%{left:0%;width:0%}75%{left:0%;width:25%}100%{left:100%;width:0%}}.mdl-navigation{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;box-sizing:border-box}.mdl-navigation__link{color:#424242;text-decoration:none;margin:0;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;opacity:.87}.mdl-navigation__link .material-icons{vertical-align:middle}.mdl-layout{width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.mdl-layout.is-small-screen .mdl-layout--large-screen-only{display:none}.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only{display:none}.mdl-layout__container{position:absolute;width:100%;height:100%}.mdl-layout__title,.mdl-layout-title{display:block;position:relative;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:20px;line-height:1;letter-spacing:.02em;font-weight:400;box-sizing:border-box}.mdl-layout-spacer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.mdl-layout__drawer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;height:100%;max-height:100%;position:absolute;top:0;left:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-sizing:border-box;border-right:1px solid #e0e0e0;background:#fafafa;-webkit-transform:translateX(-250px);transform:translateX(-250px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;color:#424242;overflow:visible;overflow-y:auto;z-index:5}.mdl-layout__drawer.is-visible{-webkit-transform:translateX(0);transform:translateX(0)}.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content{overflow:hidden}.mdl-layout__drawer>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:64px;padding-left:40px}@media screen and (max-width:1024px){.mdl-layout__drawer>.mdl-layout__title,.mdl-layout__drawer>.mdl-layout-title{line-height:56px;padding-left:16px}}.mdl-layout__drawer .mdl-navigation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding-top:16px}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:16px 40px;margin:0;color:#757575}@media screen and (max-width:1024px){.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:16px}}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{background-color:#e0e0e0}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{background-color:#e0e0e0;color:#000}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__drawer{-webkit-transform:translateX(0);transform:translateX(0)}}.mdl-layout__drawer-button{display:block;position:absolute;height:48px;width:48px;border:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;text-align:center;cursor:pointer;font-size:26px;line-height:56px;font-family:Helvetica,Arial,sans-serif;margin:8px 12px;top:0;left:0;color:rgb(66,66,66);z-index:4}.mdl-layout__header .mdl-layout__drawer-button{position:absolute;color:rgb(66,66,66);background-color:inherit}@media screen and (max-width:1024px){.mdl-layout__header .mdl-layout__drawer-button{margin:4px}}@media screen and (max-width:1024px){.mdl-layout__drawer-button{margin:4px;color:rgba(0,0,0,.5)}}@media screen and (min-width:1025px){.mdl-layout__drawer-button{line-height:54px}.mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,.mdl-layout--no-drawer-button .mdl-layout__drawer-button{display:none}}.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;margin:0;padding:0;border:none;min-height:64px;max-height:1000px;z-index:3;background-color:rgb(255,152,0);color:rgb(66,66,66);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:max-height,box-shadow}@media screen and (max-width:1024px){.mdl-layout__header{min-height:56px}}.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header{margin-left:240px;width:calc(100% - 240px)}@media screen and (min-width:1025px){.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row{padding-left:40px}}.mdl-layout__header>.mdl-layout-icon{position:absolute;left:40px;top:16px;height:32px;width:32px;overflow:hidden;z-index:3;display:block}@media screen and (max-width:1024px){.mdl-layout__header>.mdl-layout-icon{left:16px;top:12px}}.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon{display:none}.mdl-layout__header.is-compact{max-height:64px}@media screen and (max-width:1024px){.mdl-layout__header.is-compact{max-height:56px}}.mdl-layout__header.is-compact.has-tabs{height:112px}@media screen and (max-width:1024px){.mdl-layout__header.is-compact.has-tabs{min-height:104px}}@media screen and (max-width:1024px){.mdl-layout__header{display:none}.mdl-layout--fixed-header>.mdl-layout__header{display:-webkit-flex;display:-ms-flexbox;display:flex}}.mdl-layout__header--transparent.mdl-layout__header--transparent{background-color:transparent;box-shadow:none}.mdl-layout__header--seamed,.mdl-layout__header--scroll{box-shadow:none}.mdl-layout__header--waterfall{box-shadow:none;overflow:hidden}.mdl-layout__header--waterfall.is-casting-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.mdl-layout__header-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:64px;margin:0;padding:0 40px 0 80px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:40px}@media screen and (min-width:1025px){.mdl-layout--no-desktop-drawer-button .mdl-layout__header-row{padding-left:40px}}@media screen and (max-width:1024px){.mdl-layout__header-row{height:56px;padding:0 16px 0 72px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:16px}}.mdl-layout__header-row>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.mdl-layout__header--scroll .mdl-layout__header-row{width:100%}.mdl-layout__header-row .mdl-navigation{margin:0;padding:0;height:64px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:1024px){.mdl-layout__header-row .mdl-navigation{height:56px}}.mdl-layout__header-row .mdl-navigation__link{display:block;color:rgb(66,66,66);line-height:64px;padding:0 24px}@media screen and (max-width:1024px){.mdl-layout__header-row .mdl-navigation__link{line-height:56px;padding:0 16px}}.mdl-layout__obfuscator{background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%;z-index:4;visibility:hidden;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-layout__obfuscator.is-visible{background-color:rgba(0,0,0,.5);visibility:visible}@supports (pointer-events:auto){.mdl-layout__obfuscator{background-color:rgba(0,0,0,.5);opacity:0;transition-property:opacity;visibility:visible;pointer-events:none}.mdl-layout__obfuscator.is-visible{pointer-events:auto;opacity:1}}.mdl-layout__content{-ms-flex:0 1 auto;position:relative;display:inline-block;overflow-y:auto;overflow-x:hidden;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:1;-webkit-overflow-scrolling:touch}.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:240px}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow:visible}@media screen and (max-width:1024px){.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:0}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow-y:auto;overflow-x:hidden}}.mdl-layout__tab-bar{height:96px;margin:0;width:calc(100% - 112px);padding:0 0 0 56px;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:rgb(255,152,0);overflow-y:hidden;overflow-x:scroll}.mdl-layout__tab-bar::-webkit-scrollbar{display:none}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{padding-left:16px;width:calc(100% - 32px)}@media screen and (min-width:1025px){.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar{padding-left:16px;width:calc(100% - 32px)}}@media screen and (max-width:1024px){.mdl-layout__tab-bar{width:calc(100% - 60px);padding:0 0 0 60px}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{width:calc(100% - 8px);padding-left:4px}}.mdl-layout--fixed-tabs .mdl-layout__tab-bar{padding:0;overflow:hidden;width:100%}.mdl-layout__tab-bar-container{position:relative;height:48px;width:100%;border:none;margin:0;z-index:2;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.mdl-layout__container>.mdl-layout__tab-bar-container{position:absolute;top:0;left:0}.mdl-layout__tab-bar-button{display:inline-block;position:absolute;top:0;height:48px;width:56px;z-index:4;text-align:center;background-color:rgb(255,152,0);color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button{width:16px}.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons{position:relative;left:-4px}@media screen and (max-width:1024px){.mdl-layout__tab-bar-button{width:60px}}.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button{display:none}.mdl-layout__tab-bar-button .material-icons{line-height:48px}.mdl-layout__tab-bar-button.is-active{color:rgb(66,66,66)}.mdl-layout__tab-bar-left-button{left:0}.mdl-layout__tab-bar-right-button{right:0}.mdl-layout__tab{margin:0;border:none;padding:0 24px;float:left;position:relative;display:block;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-decoration:none;height:48px;line-height:48px;text-align:center;font-weight:500;font-size:14px;text-transform:uppercase;color:rgba(66,66,66,.6);overflow:hidden}@media screen and (max-width:1024px){.mdl-layout__tab{padding:0 12px}}.mdl-layout--fixed-tabs .mdl-layout__tab{float:none;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0}.mdl-layout.is-upgraded .mdl-layout__tab.is-active{color:rgb(66,66,66)}.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:rgb(68,138,255);-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-layout__tab .mdl-layout__tab-ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple{background-color:rgb(66,66,66)}.mdl-layout__tab-panel{display:block}.mdl-layout.is-upgraded .mdl-layout__tab-panel{display:none}.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active{display:block}.mdl-radio{position:relative;font-size:16px;line-height:24px;display:inline-block;vertical-align:middle;box-sizing:border-box;height:24px;margin:0;padding-left:0}.mdl-radio.is-upgraded{padding-left:24px}.mdl-radio__button{line-height:24px}.mdl-radio.is-upgraded .mdl-radio__button{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-radio__outer-circle{position:absolute;top:4px;left:0;display:inline-block;box-sizing:border-box;width:16px;height:16px;margin:0;cursor:pointer;border:2px solid rgba(0,0,0,.54);border-radius:50%;z-index:2}.mdl-radio.is-checked .mdl-radio__outer-circle{border:2px solid rgb(255,152,0)}.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,.mdl-radio.is-disabled .mdl-radio__outer-circle{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-radio__inner-circle{position:absolute;z-index:1;margin:0;top:8px;left:4px;box-sizing:border-box;width:8px;height:8px;cursor:pointer;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:scale(0,0);transform:scale(0,0);border-radius:50%;background:rgb(255,152,0)}.mdl-radio.is-checked .mdl-radio__inner-circle{-webkit-transform:scale(1,1);transform:scale(1,1)}fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,.mdl-radio.is-disabled .mdl-radio__inner-circle{background:rgba(0,0,0,.26);cursor:auto}.mdl-radio.is-focused .mdl-radio__inner-circle{box-shadow:0 0 0 10px rgba(0,0,0,.1)}.mdl-radio__label{cursor:pointer}fieldset[disabled] .mdl-radio .mdl-radio__label,.mdl-radio.is-disabled .mdl-radio__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-radio__ripple-container{position:absolute;z-index:2;top:-9px;left:-13px;box-sizing:border-box;width:42px;height:42px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-radio__ripple-container .mdl-ripple{background:rgb(255,152,0)}fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,.mdl-radio.is-disabled .mdl-radio__ripple-container{cursor:auto}fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple{background:0 0}_:-ms-input-placeholder,:root .mdl-slider.mdl-slider.is-upgraded{-ms-appearance:none;height:32px;margin:0}.mdl-slider{width:calc(100% - 40px);margin:0 20px}.mdl-slider.is-upgraded{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;padding:0;color:rgb(255,152,0);-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;z-index:1;cursor:pointer}.mdl-slider.is-upgraded::-moz-focus-outer{border:0}.mdl-slider.is-upgraded::-ms-tooltip{display:none}.mdl-slider.is-upgraded::-webkit-slider-runnable-track{background:0 0}.mdl-slider.is-upgraded::-moz-range-track{background:0 0;border:none}.mdl-slider.is-upgraded::-ms-track{background:0 0;color:transparent;height:2px;width:100%;border:none}.mdl-slider.is-upgraded::-ms-fill-lower{padding:0;background:linear-gradient(to right,transparent,transparent 16px,rgb(255,152,0)16px,rgb(255,152,0)0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left,transparent,transparent 16px,rgba(0,0,0,.26)16px,rgba(0,0,0,.26)0)}.mdl-slider.is-upgraded::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:rgb(255,152,0);border:none;transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1)}.mdl-slider.is-upgraded::-moz-range-thumb{-moz-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background-image:none;background:rgb(255,152,0);border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(255,152,0,.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(255,152,0,.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background-image:none;background:rgb(255,152,0);-webkit-transform:scale(1.5);transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background-image:none;background:rgb(255,152,0);transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:rgb(255,152,0);transform:scale(.375);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,rgb(255,152,0)0%,rgb(255,152,0)37.5%,rgba(255,152,0,.26)37.5%,rgba(255,152,0,.26)100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:rgb(255,152,0);transform:scale(.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(0,0,0,.26);background:0 0}.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,0,0,.12);background:rgba(0,0,0,.12)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,0,0,.12);background:rgba(0,0,0,.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(0,0,0,.26);-webkit-transform:scale(1.5);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:9px}.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb{border:1.5px solid rgba(0,0,0,.26);transform:scale(1.5)}.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb{background:radial-gradient(circle closest-side,transparent 0%,transparent 66.67%,rgba(0,0,0,.26)66.67%,rgba(0,0,0,.26)100%)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,rgba(0,0,0,.12)0%,rgba(0,0,0,.12)25%,rgba(0,0,0,.26)25%,rgba(0,0,0,.26)37.5%,rgba(0,0,0,.12)37.5%,rgba(0,0,0,.12)100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(.5625);background:radial-gradient(circle closest-side,transparent 0%,transparent 77.78%,rgba(0,0,0,.26)77.78%,rgba(0,0,0,.26)100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:0 0}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper{margin-left:9px}.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb{-webkit-transform:scale(.667);transform:scale(.667);background:rgba(0,0,0,.26)}.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded:disabled::-moz-range-thumb{transform:scale(.667);background:rgba(0,0,0,.26)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(0,0,0,.26);left:-6px}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb{border:3px solid rgba(0,0,0,.26);background:0 0;-webkit-transform:scale(.667);transform:scale(.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb{border:3px solid rgba(0,0,0,.26);background:0 0;transform:scale(.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded:disabled:active::-ms-thumb,.mdl-slider.is-upgraded:disabled::-ms-thumb{transform:scale(.25);background:rgba(0,0,0,.26)}.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb{transform:scale(.25);background:radial-gradient(circle closest-side,transparent 0%,transparent 50%,rgba(0,0,0,.26)50%,rgba(0,0,0,.26)100%)}.mdl-slider.is-upgraded:disabled::-ms-fill-lower{margin-right:6px;background:linear-gradient(to right,transparent,transparent 25px,rgba(0,0,0,.26)25px,rgba(0,0,0,.26)0)}.mdl-slider.is-upgraded:disabled::-ms-fill-upper{margin-left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper{margin-left:6px}.mdl-slider__ie-container{height:18px;overflow:visible;border:none;margin:none;padding:none}.mdl-slider__container{height:18px;position:relative;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.mdl-slider__container,.mdl-slider__background-flex{background:0 0;display:-webkit-flex;display:-ms-flexbox;display:flex}.mdl-slider__background-flex{position:absolute;height:2px;width:calc(100% - 52px);top:50%;left:0;margin:0 26px;overflow:hidden;border:0;padding:0;-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}.mdl-slider__background-lower{background:rgb(255,152,0)}.mdl-slider__background-lower,.mdl-slider__background-upper{-webkit-flex:0;-ms-flex:0;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(0,0,0,.26);transition:left .18s cubic-bezier(.4,0,.2,1)}.mdl-snackbar{position:fixed;bottom:0;left:50%;cursor:default;background-color:#323232;z-index:3;display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-family:"Roboto","Helvetica","Arial",sans-serif;will-change:transform;-webkit-transform:translate(0,80px);transform:translate(0,80px);transition:transform .25s cubic-bezier(.4,0,1,1);transition:transform .25s cubic-bezier(.4,0,1,1),-webkit-transform .25s cubic-bezier(.4,0,1,1);pointer-events:none}@media (max-width:479px){.mdl-snackbar{width:100%;left:0;min-height:48px;max-height:80px}}@media (min-width:480px){.mdl-snackbar{min-width:288px;max-width:568px;border-radius:2px;-webkit-transform:translate(-50%,80px);transform:translate(-50%,80px)}}.mdl-snackbar--active{-webkit-transform:translate(0,0);transform:translate(0,0);pointer-events:auto;transition:transform .25s cubic-bezier(0,0,.2,1);transition:transform .25s cubic-bezier(0,0,.2,1),-webkit-transform .25s cubic-bezier(0,0,.2,1)}@media (min-width:480px){.mdl-snackbar--active{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}.mdl-snackbar__text{padding:14px 12px 14px 24px;vertical-align:middle;color:#fff;float:left}.mdl-snackbar__action{background:0 0;border:none;color:rgb(68,138,255);float:right;padding:14px 24px 14px 12px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;overflow:hidden;outline:none;opacity:0;pointer-events:none;cursor:pointer;text-decoration:none;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.mdl-snackbar__action::-moz-focus-inner{border:0}.mdl-snackbar__action:not([aria-hidden]){opacity:1;pointer-events:auto}.mdl-spinner{display:inline-block;position:relative;width:28px;height:28px}.mdl-spinner:not(.is-upgraded).is-active:after{content:"Loading..."}.mdl-spinner.is-upgraded.is-active{-webkit-animation:mdl-spinner__container-rotate 1568.23529412ms linear infinite;animation:mdl-spinner__container-rotate 1568.23529412ms linear infinite}@-webkit-keyframes mdl-spinner__container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdl-spinner__container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mdl-spinner__layer{position:absolute;width:100%;height:100%;opacity:0}.mdl-spinner__layer-1{border-color:#42a5f5}.mdl-spinner--single-color .mdl-spinner__layer-1{border-color:rgb(255,152,0)}.mdl-spinner.is-active .mdl-spinner__layer-1{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__layer-2{border-color:#f44336}.mdl-spinner--single-color .mdl-spinner__layer-2{border-color:rgb(255,152,0)}.mdl-spinner.is-active .mdl-spinner__layer-2{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__layer-3{border-color:#fdd835}.mdl-spinner--single-color .mdl-spinner__layer-3{border-color:rgb(255,152,0)}.mdl-spinner.is-active .mdl-spinner__layer-3{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__layer-4{border-color:#4caf50}.mdl-spinner--single-color .mdl-spinner__layer-4{border-color:rgb(255,152,0)}.mdl-spinner.is-active .mdl-spinner__layer-4{-webkit-animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1)infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1)infinite both}@-webkit-keyframes mdl-spinner__fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdl-spinner__fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@keyframes mdl-spinner__layer-1-fade-in-out{from,25%{opacity:.99}26%,89%{opacity:0}90%,100%{opacity:.99}}@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@keyframes mdl-spinner__layer-2-fade-in-out{from,15%{opacity:0}25%,50%{opacity:.99}51%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@keyframes mdl-spinner__layer-3-fade-in-out{from,40%{opacity:0}50%,75%{opacity:.99}76%{opacity:0}}@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}@keyframes mdl-spinner__layer-4-fade-in-out{from,65%{opacity:0}75%,90%{opacity:.99}100%{opacity:0}}.mdl-spinner__gap-patch{position:absolute;box-sizing:border-box;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.mdl-spinner__gap-patch .mdl-spinner__circle{width:1000%;left:-450%}.mdl-spinner__circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.mdl-spinner__circle-clipper.mdl-spinner__left{float:left}.mdl-spinner__circle-clipper.mdl-spinner__right{float:right}.mdl-spinner__circle-clipper .mdl-spinner__circle{width:200%}.mdl-spinner__circle{box-sizing:border-box;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0;left:0}.mdl-spinner__left .mdl-spinner__circle{border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle{-webkit-animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both}.mdl-spinner__right .mdl-spinner__circle{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle{-webkit-animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both;animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1)infinite both}@-webkit-keyframes mdl-spinner__left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@keyframes mdl-spinner__left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes mdl-spinner__right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}@keyframes mdl-spinner__right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}.mdl-switch{position:relative;z-index:1;vertical-align:middle;display:inline-block;box-sizing:border-box;width:100%;height:24px;margin:0;padding:0;overflow:visible;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdl-switch.is-upgraded{padding-left:28px}.mdl-switch__input{line-height:24px}.mdl-switch.is-upgraded .mdl-switch__input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-switch__track{background:rgba(0,0,0,.26);position:absolute;left:0;top:5px;height:14px;width:36px;border-radius:14px;cursor:pointer}.mdl-switch.is-checked .mdl-switch__track{background:rgba(255,152,0,.5)}.mdl-switch__track fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__track{background:rgba(0,0,0,.12);cursor:auto}.mdl-switch__thumb{background:#fafafa;position:absolute;left:0;top:2px;height:20px;width:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:left}.mdl-switch.is-checked .mdl-switch__thumb{background:rgb(255,152,0);left:16px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-switch__thumb fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__thumb{background:#bdbdbd;cursor:auto}.mdl-switch__focus-helper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px);display:inline-block;box-sizing:border-box;width:8px;height:8px;border-radius:50%;background-color:transparent}.mdl-switch.is-focused .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(255,152,0,.26);background-color:rgba(255,152,0,.26)}.mdl-switch__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0;left:24px}.mdl-switch__label fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__label{color:#bdbdbd;cursor:auto}.mdl-switch__ripple-container{position:absolute;z-index:2;top:-12px;left:-14px;box-sizing:border-box;width:48px;height:48px;border-radius:50%;cursor:pointer;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000);transition-duration:.4s;transition-timing-function:step-end;transition-property:left}.mdl-switch__ripple-container .mdl-ripple{background:rgb(255,152,0)}.mdl-switch__ripple-container fieldset[disabled] .mdl-switch,.mdl-switch.is-disabled .mdl-switch__ripple-container{cursor:auto}fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple{background:0 0}.mdl-switch.is-checked .mdl-switch__ripple-container{left:2px}.mdl-tabs{display:block;width:100%}.mdl-tabs__tab-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:48px;padding:0;margin:0;border-bottom:1px solid #e0e0e0}.mdl-tabs__tab{margin:0;border:none;padding:0 24px;float:left;position:relative;display:block;text-decoration:none;height:48px;line-height:48px;text-align:center;font-weight:500;font-size:14px;text-transform:uppercase;color:rgba(0,0,0,.54);overflow:hidden}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:rgba(0,0,0,.87)}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:rgb(255,152,0);-webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;animation:border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-tabs__tab .mdl-tabs__ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple{background:rgb(255,152,0)}.mdl-tabs__panel{display:block}.mdl-tabs.is-upgraded .mdl-tabs__panel{display:none}.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active{display:block}@-webkit-keyframes border-expand{0%{opacity:0;width:0}100%{opacity:1;width:100%}}@keyframes border-expand{0%{opacity:0;width:0}100%{opacity:1;width:100%}}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield .mdl-button{position:absolute;bottom:20px}.mdl-textfield--align-right{text-align:right}.mdl-textfield--full-width{width:100%}.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(0,0,0,.12);display:block;font-size:16px;font-family:"Helvetica","Arial",sans-serif;margin:0;padding:4px 0;width:100%;background:0 0;text-align:left;color:inherit}.mdl-textfield__input[type="number"]{-moz-appearance:textfield}.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:none}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}fieldset[disabled] .mdl-textfield .mdl-textfield__input,.mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,.26);font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.is-dirty .mdl-textfield__label,.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0,.26)}.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:rgb(255,152,0);font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:rgb(255,152,0);bottom:20px;content:'';height:2px;left:45%;position:absolute;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:10px}.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%}.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#d50000}.mdl-textfield__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;max-width:.1px}.mdl-textfield.is-focused .mdl-textfield__expandable-holder,.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}.mdl-tooltip{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;transform-origin:top center;z-index:999;background:rgba(97,97,97,.9);border-radius:2px;color:#fff;display:inline-block;font-size:10px;font-weight:500;line-height:14px;max-width:170px;position:fixed;top:-500px;left:-500px;padding:8px;text-align:center}.mdl-tooltip.is-active{-webkit-animation:pulse 200ms cubic-bezier(0,0,.2,1)forwards;animation:pulse 200ms cubic-bezier(0,0,.2,1)forwards}.mdl-tooltip--large{line-height:14px;font-size:14px;padding:16px}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(.99);transform:scale(.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}@keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(.99);transform:scale(.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}.mdl-shadow--2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-shadow--3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-shadow--4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.mdl-shadow--6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.mdl-shadow--8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.mdl-shadow--16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.mdl-shadow--24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.mdl-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.mdl-grid.mdl-grid--no-spacing{padding:0}.mdl-cell{box-sizing:border-box}.mdl-cell--top{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.mdl-cell--middle{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.mdl-cell--bottom{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.mdl-cell--stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.mdl-grid.mdl-grid--no-spacing>.mdl-cell{margin:0}.mdl-cell--order-1{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12{-webkit-order:12;-ms-flex-order:12;order:12}@media (max-width:479px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:100%}.mdl-cell--hide-phone{display:none!important}.mdl-cell--order-1-phone.mdl-cell--order-1-phone{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-phone.mdl-cell--order-2-phone{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-phone.mdl-cell--order-3-phone{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-phone.mdl-cell--order-4-phone{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-phone.mdl-cell--order-5-phone{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-phone.mdl-cell--order-6-phone{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-phone.mdl-cell--order-7-phone{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-phone.mdl-cell--order-8-phone{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-phone.mdl-cell--order-9-phone{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-phone.mdl-cell--order-10-phone{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-phone.mdl-cell--order-11-phone{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-phone.mdl-cell--order-12-phone{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone{width:25%}.mdl-cell--2-col,.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone{width:50%}.mdl-cell--3-col,.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone{width:75%}.mdl-cell--4-col,.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone{width:100%}.mdl-cell--5-col,.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone{width:100%}.mdl-cell--6-col,.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone{width:100%}.mdl-cell--7-col,.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone{width:100%}.mdl-cell--8-col,.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone{margin-left:25%}.mdl-cell--2-offset,.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone{margin-left:50%}.mdl-cell--3-offset,.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone{margin-left:75%}}@media (min-width:480px) and (max-width:839px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:50%}.mdl-cell--hide-tablet{display:none!important}.mdl-cell--order-1-tablet.mdl-cell--order-1-tablet{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-tablet.mdl-cell--order-2-tablet{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-tablet.mdl-cell--order-3-tablet{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-tablet.mdl-cell--order-4-tablet{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-tablet.mdl-cell--order-5-tablet{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-tablet.mdl-cell--order-6-tablet{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-tablet.mdl-cell--order-7-tablet{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-tablet.mdl-cell--order-8-tablet{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-tablet.mdl-cell--order-9-tablet{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-tablet.mdl-cell--order-10-tablet{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-tablet.mdl-cell--order-11-tablet{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-tablet.mdl-cell--order-12-tablet{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:calc(12.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:12.5%}.mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:25%}.mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:calc(37.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:37.5%}.mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:50%}.mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:calc(62.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:62.5%}.mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:75%}.mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:calc(87.5% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:87.5%}.mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:100%}.mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:100%}.mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:100%}.mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:100%}.mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:calc(12.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet{margin-left:12.5%}.mdl-cell--2-offset,.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:25%}.mdl-cell--3-offset,.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:calc(37.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:37.5%}.mdl-cell--4-offset,.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:50%}.mdl-cell--5-offset,.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:calc(62.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:62.5%}.mdl-cell--6-offset,.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:75%}.mdl-cell--7-offset,.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:calc(87.5% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:87.5%}}@media (min-width:840px){.mdl-grid{padding:8px}.mdl-cell{margin:8px;width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell{width:33.3333333333%}.mdl-cell--hide-desktop{display:none!important}.mdl-cell--order-1-desktop.mdl-cell--order-1-desktop{-webkit-order:1;-ms-flex-order:1;order:1}.mdl-cell--order-2-desktop.mdl-cell--order-2-desktop{-webkit-order:2;-ms-flex-order:2;order:2}.mdl-cell--order-3-desktop.mdl-cell--order-3-desktop{-webkit-order:3;-ms-flex-order:3;order:3}.mdl-cell--order-4-desktop.mdl-cell--order-4-desktop{-webkit-order:4;-ms-flex-order:4;order:4}.mdl-cell--order-5-desktop.mdl-cell--order-5-desktop{-webkit-order:5;-ms-flex-order:5;order:5}.mdl-cell--order-6-desktop.mdl-cell--order-6-desktop{-webkit-order:6;-ms-flex-order:6;order:6}.mdl-cell--order-7-desktop.mdl-cell--order-7-desktop{-webkit-order:7;-ms-flex-order:7;order:7}.mdl-cell--order-8-desktop.mdl-cell--order-8-desktop{-webkit-order:8;-ms-flex-order:8;order:8}.mdl-cell--order-9-desktop.mdl-cell--order-9-desktop{-webkit-order:9;-ms-flex-order:9;order:9}.mdl-cell--order-10-desktop.mdl-cell--order-10-desktop{-webkit-order:10;-ms-flex-order:10;order:10}.mdl-cell--order-11-desktop.mdl-cell--order-11-desktop{-webkit-order:11;-ms-flex-order:11;order:11}.mdl-cell--order-12-desktop.mdl-cell--order-12-desktop{-webkit-order:12;-ms-flex-order:12;order:12}.mdl-cell--1-col,.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:calc(8.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:8.3333333333%}.mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:calc(16.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:16.6666666667%}.mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:calc(25% - 16px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:25%}.mdl-cell--4-col,.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:calc(33.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:33.3333333333%}.mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:calc(41.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:41.6666666667%}.mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:calc(50% - 16px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:50%}.mdl-cell--7-col,.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:calc(58.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:58.3333333333%}.mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:calc(66.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:66.6666666667%}.mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:calc(75% - 16px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:75%}.mdl-cell--10-col,.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:calc(83.3333333333% - 16px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:83.3333333333%}.mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:calc(91.6666666667% - 16px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:91.6666666667%}.mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:calc(100% - 16px)}.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:100%}.mdl-cell--1-offset,.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:calc(8.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop{margin-left:8.3333333333%}.mdl-cell--2-offset,.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:calc(16.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:16.6666666667%}.mdl-cell--3-offset,.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:calc(25% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:25%}.mdl-cell--4-offset,.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:calc(33.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop{margin-left:33.3333333333%}.mdl-cell--5-offset,.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:calc(41.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:41.6666666667%}.mdl-cell--6-offset,.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:calc(50% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:50%}.mdl-cell--7-offset,.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:calc(58.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop{margin-left:58.3333333333%}.mdl-cell--8-offset,.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:calc(66.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:66.6666666667%}.mdl-cell--9-offset,.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:calc(75% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:75%}.mdl-cell--10-offset,.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:calc(83.3333333333% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop{margin-left:83.3333333333%}.mdl-cell--11-offset,.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:calc(91.6666666667% + 8px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:91.6666666667%}}body{margin:0}.styleguide-demo h1{margin:48px 24px 0}.styleguide-demo h1:after{content:'';display:block;width:100%;border-bottom:1px solid rgba(0,0,0,.5);margin-top:24px}.styleguide-demo{opacity:0;transition:opacity .6s ease}.styleguide-masthead{height:256px;background:#212121;padding:115px 16px 0}.styleguide-container{position:relative;max-width:960px;width:100%}.styleguide-title{color:#fff;bottom:auto;position:relative;font-size:56px;font-weight:300;line-height:1;letter-spacing:-.02em}.styleguide-title:after{border-bottom:0}.styleguide-title span{font-weight:300}.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link{padding:10px 24px}.demosLoaded .styleguide-demo{opacity:1}iframe{display:block;width:100%;border:none}iframe.heightSet{overflow:hidden}.demo-wrapper{margin:24px}.demo-wrapper iframe{border:1px solid rgba(0,0,0,.5)}
\ No newline at end of file
diff --git a/demo-shell-ng2/resources/i18n/en.json b/demo-shell-ng2/resources/i18n/en.json
index 3e99528209..aa0f551d0a 100644
--- a/demo-shell-ng2/resources/i18n/en.json
+++ b/demo-shell-ng2/resources/i18n/en.json
@@ -1,6 +1,5 @@
 {
     "title": "Welcome",
-
     "DOCUMENT_LIST": {
         "COLUMNS": {
             "DISPLAY_NAME": "Display name",
@@ -23,12 +22,26 @@
             }
         }
     },
-    "ANALYTICS_REPORT":{
-        "NO_REPORT_MESSAGE":"No report selected. Choose a report from the list"
+    "ANALYTICS_REPORT": {
+        "NO_REPORT_MESSAGE": "No report selected. Choose a report from the list"
     },
-    "PS-TAB":{
-        "TASKS-TAB":"Tasks",
-        "PROCESSES-TAB":"Process",
-        "REPORTS-TAB":"Reports"
+    "PS-TAB": {
+        "TASKS-TAB": "Tasks",
+        "PROCESSES-TAB": "Process",
+        "REPORTS-TAB": "Reports",
+        "START-TASK": "Start task",
+        "START-PROCESS": "Start process",
+        "AUDIT-LOG": "Process Audit log"
+    },
+    "SETTINGS": {
+        "TITLE": "Settings",
+        "CS-HOST": "Content Services host URL configuration",
+        "BP-HOST": "Process Services host URL configuration",
+        "BACK": "Back",
+        "APPLY": "APPLY"
+    },
+    "FORM-LIST":{
+        "STORE": "Store",
+        "RESTORE": "Restore"
     }
 }
diff --git a/docs/theming.md b/docs/theming.md
new file mode 100644
index 0000000000..be32ddbfe2
--- /dev/null
+++ b/docs/theming.md
@@ -0,0 +1,82 @@
+# Theming your Alfresco ADF app
+
+### Using a pre-built theme
+Angular Material comes prepackaged with several pre-built theme css files. These theme files also
+include all of the styles for core (styles common to all components), so you only have to include a
+single css file for Angular Material in your app.
+
+You can include a theme file directly into your application from
+`ng2-alfresco-core/prebuilt-themes`
+
+Available pre-built themes:
+* `adf-blue-orange.css`
+* `adf-blue-purple.css`
+* `adf-cyan-orange.css`
+* `adf-cyan-purple.css`
+* `adf-green-orange.css`
+* `adf-green-purple.css`
+* `adf-indigo-pink.css`
+* `adf-pink-bluegrey.css`
+* `adf-purple-green.css`
+
+If you're using Angular CLI you can include one of the prebuilt theme in yours `styles.css` file:
+```css
+@import 'ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css';
+```
+Or you can add it directly in your index.html
+
+```html
+<link href="node_modules/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css" rel="stylesheet">
+```
+
+### Defining a custom theme
+
+When you want more customization than a pre-built theme offers, you can create your own theme file.
+
+```scss
+@import '~@angular/material/theming';
+@import 'colors';
+@import 'all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-accent-orange);
+$accent:  mat-palette($alfresco-accent-purple);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+//or $theme: mat-dark-theme($primary, $accent, $warn); for dark theme
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
+```
+
+Notes: if you are using the Generator or the demo shell you need only to change the`/app/theme.scss` with your set of colors
+
+#### Multiple themes
+You can create multiple themes for your application:
+
+##### Example of defining multiple themes:
+
+```scss
+@import '~@angular/material/theming';
+@import 'colors';
+@import 'all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-accent-orange);
+$accent:  mat-palette($alfresco-accent-purple);
+$warn:    mat-palette($alfresco-warn);
+
+$theme:   mat-light-theme($primary, $accent, $warn);
+$dark-theme:   mat-dark-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
+
+.adf-dark-theme {
+  @include angular-material-theme($dark-theme);
+  @include alfresco-material-theme($dark-theme);
+}
+```
+Any component with the  `add-dark-theme` class will use the dark theme, while other components will fall back to the default.
diff --git a/ng2-components/README.md b/ng2-components/README.md
index 9799c8130b..d0b5611615 100644
--- a/ng2-components/README.md
+++ b/ng2-components/README.md
@@ -4,6 +4,7 @@
 
 <!-- toc -->
 
+- [Guide](#guide)
 - [Core](#core)
   * [Components](#components)
   * [Directives](#directives)
@@ -17,6 +18,10 @@
 
 <!-- markdown-toc end -->
 
+## Guide
+
+- [Theming](../alfresco-ng2-components/docs/theming.md)
+
 ## Core
 
 ### Components
diff --git a/ng2-components/config/webpack.style.js b/ng2-components/config/webpack.style.js
new file mode 100644
index 0000000000..130e588d60
--- /dev/null
+++ b/ng2-components/config/webpack.style.js
@@ -0,0 +1,40 @@
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const path = require('path');
+
+const extractScss = new ExtractTextPlugin('./ng2-alfresco-core/prebuilt-themes/[name].css');
+
+module.exports = {
+
+    entry: {
+        'adf-blue-orange': './ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss',
+        'adf-blue-purple': './ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss',
+        'adf-cyan-orange': './ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss',
+        'adf-cyan-purple': './ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss',
+        'adf-green-purple': './ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss',
+        'adf-green-orange': './ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss',
+        'adf-pink-bluegrey': './ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss',
+        'adf-indigo-pink': './ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss',
+        'adf-purple-green': './ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss'
+    },
+
+    output: {
+        filename: './dist/[name].js'
+    },
+
+    module: {
+        rules: [{
+            test: /\.scss$/,
+            use: extractScss.extract([{
+                loader: "raw-loader"
+            }, {
+                loader: "sass-loader",
+                options: {
+                    includePaths: [path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core/styles')]
+                }
+            }])
+        }]
+    },
+    plugins: [
+        extractScss
+    ]
+};
diff --git a/ng2-components/ng2-activiti-analytics/index.ts b/ng2-components/ng2-activiti-analytics/index.ts
index 8bae88f1a1..900da038e1 100644
--- a/ng2-components/ng2-activiti-analytics/index.ts
+++ b/ng2-components/ng2-activiti-analytics/index.ts
@@ -25,9 +25,9 @@ import { AnalyticsReportHeatMapComponent } from './src/components/analytics-repo
 import { AnalyticsReportListComponent } from './src/components/analytics-report-list.component';
 import { AnalyticsReportParametersComponent } from './src/components/analytics-report-parameters.component';
 import { AnalyticsComponent } from './src/components/analytics.component';
-import { AnalyticsService } from './src/services/analytics.service';
 import { WIDGET_DIRECTIVES } from './src/components/widgets/index';
 import { MaterialModule } from './src/material.module';
+import { AnalyticsService } from './src/services/analytics.service';
 
 export * from './src/components/analytics.component';
 export * from './src/components/analytics-generator.component';
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css
deleted file mode 100644
index e9065e2264..0000000000
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.mdl-list__item {
-    cursor: pointer;
-}
-
-.activiti-filters__entry {
-    cursor: pointer;
-}
-
-.activiti-filters__entry-icon {
-    margin-right: 12px !important;
-}
-
-.activiti-filters__entry.active {
-    color: rgb(68,138,255);
-}
-
-.activiti-filters__entry.active .activiti-filters__entry-icon {
-    color: rgb(68,138,255);
-}
-
-.application-title {
-    color: white;
-    z-index: 7;
-}
-
-.logo {
-    position: absolute;
-    right: 20px;
-    top: 35px;
-    z-index: 6;
-}
-.logo i{
-    font-size: 70px;
-}
-
-.theme-1 {
-    background-color: #269abc;
-}
-
-.theme-1 .logo i {
-    color: #168aac;
-}
-.theme-1 .mdl-card__actions i {
-    color: #168aac;
-}
-.theme-1 .mdl-card__actions i:hover {
-    color: #b7dfea;
-}
-
-.selectedIcon{
-    color: #e9f1f3!important;
-}
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
index 40a9ba9bf5..aea3e17c34 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
@@ -1,4 +1,4 @@
-<div class="menu-container">
+<div class="adf-analytics-report-list menu-container">
     <ul class='mdl-list' *ngIf="isList()">
         <li class="mdl-list__item activiti-filters__entry" (click)="selectReport(report)" *ngFor="let report of reports; let idx = index"
             [class.active]="currentReport === report">
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss
new file mode 100644
index 0000000000..dbfe665afe
--- /dev/null
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss
@@ -0,0 +1,62 @@
+@mixin mat-analytics-report-list-theme($theme) {
+    $primary: map-get($theme, primary);
+
+    .adf-analytics-report-list {
+
+        .mdl-list__item {
+            cursor: pointer;
+        }
+
+        .activiti-filters__entry {
+            cursor: pointer;
+        }
+
+        .activiti-filters__entry-icon {
+            margin-right: 12px !important;
+        }
+
+        .activiti-filters__entry.active {
+            color:  mat-color($primary);
+        }
+
+        .activiti-filters__entry.active .activiti-filters__entry-icon {
+            color:  mat-color($primary);
+        }
+
+        .application-title {
+            z-index: 7;
+        }
+
+        .logo {
+            position: absolute;
+            right: 20px;
+            top: 35px;
+            z-index: 6;
+        }
+
+        .logo i {
+            font-size: 70px;
+        }
+
+        .theme-1 {
+            background-color: #269abc;
+        }
+
+        .theme-1 .logo i {
+            color: #168aac;
+        }
+
+        .theme-1 .mdl-card__actions i {
+            color: #168aac;
+        }
+
+        .theme-1 .mdl-card__actions i:hover {
+            color: #b7dfea;
+        }
+
+        .selectedIcon {
+            color: #e9f1f3 !important;
+        }
+    }
+
+}
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.ts b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.ts
index 6880d117ac..28e9b674f2 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.ts
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.ts
@@ -23,7 +23,7 @@ import { AnalyticsService } from '../services/analytics.service';
 @Component({
     selector: ' adf-analytics-report-list, analytics-report-list',
     templateUrl: './analytics-report-list.component.html',
-    styleUrls: ['./analytics-report-list.component.css'],
+    styleUrls: ['./analytics-report-list.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
 export class AnalyticsReportListComponent implements OnInit {
diff --git a/ng2-components/ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component.scss b/ng2-components/ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component.scss
index 37c7d70f48..9a24ba483f 100644
--- a/ng2-components/ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component.scss
+++ b/ng2-components/ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component.scss
@@ -1,75 +1,76 @@
-@import 'theming';
+@mixin mat-diagram-tooltip-theme($theme) {
 
-.#{$ADF} {
-    &-diagram-tooltip {
-        transform: scale(0);
-        transform-origin: top center;
-        z-index: 999;
-        display: inline-block;
-        font-weight: 500;
-        line-height: 14px;
-        font-size: 14px;
-        max-width: 300px;
-        position: fixed;
-        top: -500px;
-        left: -500px;
-        text-align: left;
-        will-change: unset;
-        border: 1px solid #c5c5c5;
-        word-wrap: break-word;
+    .adf {
+        &-diagram-tooltip {
+            transform: scale(0);
+            transform-origin: top center;
+            z-index: 999;
+            display: inline-block;
+            font-weight: 500;
+            line-height: 14px;
+            font-size: 14px;
+            max-width: 300px;
+            position: fixed;
+            top: -500px;
+            left: -500px;
+            text-align: left;
+            will-change: unset;
+            border: 1px solid #c5c5c5;
+            word-wrap: break-word;
+        }
+
+        &-diagram-tooltip.is-active {
+            animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
+        }
+
+        &-diagram-tooltip-header {
+            background-color: rgba(43, 65, 79, 0.95);
+            color: #FFF;
+            padding: 8px;
+            font-weight: bold;
+            min-width: 200px;
+            line-height: 20px;
+        }
+
+        &-diagram-tooltip-body {
+            color: #4a4a4a;
+            background-color: rgba(255, 255, 255, 0.95);
+        }
+
+        &-diagram-tooltip-body > div {
+            padding: 4px 8px;
+        }
+
+        &-diagram-tooltip-body > div:first-child {
+            padding-top: 8px;
+        }
+
+        &-diagram-tooltip-body > div:last-child {
+            padding-bottom: 8px;
+        }
+
+        &-diagram-propertyName {
+            font-weight: bold;
+            margin-right: 5px;
+        }
+
+        &-diagram-propertyValue {
+            font-style: italic;
+        }
     }
 
-    &-diagram-tooltip.is-active {
-        animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
-    }
-
-    &-diagram-tooltip-header {
-        background-color: rgba(43, 65, 79, 0.95);
-        color: #FFF;
-        padding: 8px;
-        font-weight: bold;
-        min-width: 200px;
-        line-height: 20px;
-    }
-
-    &-diagram-tooltip-body {
-        color: #4a4a4a;
-        background-color: rgba(255, 255, 255, 0.95);
-    }
-
-    &-diagram-tooltip-body > div {
-        padding: 4px 8px;
-    }
-
-    &-diagram-tooltip-body > div:first-child {
-        padding-top: 8px;
-    }
-
-    &-diagram-tooltip-body > div:last-child {
-        padding-bottom: 8px;
-    }
-
-    &-diagram-propertyName {
-        font-weight: bold;
-        margin-right: 5px;
-    }
-
-    &-diagram-propertyValue {
-        font-style: italic;
-    }
-}
-
-@keyframes tooltipAnimation {
-    0% {
-        transform: scale(0);
-        opacity: 0;
-    }
-    50% {
-        transform: scale(0.99);
-    }
-    100% {
-        transform: scale(1);
-        opacity: 1;
-        visibility: visible;
+    @keyframes tooltipAnimation {
+        0% {
+            transform: scale(0);
+            opacity: 0;
+        }
+        50% {
+            transform: scale(0.99);
+        }
+        100% {
+            transform: scale(1);
+            opacity: 1;
+            visibility: visible;
+        }
     }
 }
diff --git a/ng2-components/ng2-activiti-form/README.md b/ng2-components/ng2-activiti-form/README.md
index 715a512212..ab6aa26ef0 100644
--- a/ng2-components/ng2-activiti-form/README.md
+++ b/ng2-components/ng2-activiti-form/README.md
@@ -12,6 +12,8 @@
 - [Form Component](#form-component)
   * [Properties](#properties)
     + [Form Field Validators](#form-field-validators)
+      - [Custom set of validators](#custom-set-of-validators)
+      - [Custom validator example](#custom-validator-example)
   * [Advanced properties](#advanced-properties)
   * [Events](#events)
   * [Custom empty form template](#custom-empty-form-template)
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss
index dfe37c704b..14bd6c150b 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/container/container.widget.scss
@@ -1,80 +1,86 @@
-@import 'theming';
 
-.adf {
-    &-field-list {
-        padding: 0;
-        list-style-type: none;
-        width: 100%;
-        height: 100%;
+@mixin mat-container-widget-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
+
+    .adf {
+        &-field-list {
+            padding: 0;
+            list-style-type: none;
+            width: 100%;
+            height: 100%;
+        }
+
+        .container-widget__header-text {
+            border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+            margin-left: 10px;
+            margin-right: 10px;
+            cursor: default;
+            user-select: none;
+            -webkit-user-select: none;
+            /* Chrome/Safari/Opera */
+            -moz-user-select: none;
+            /* Firefox */
+            -ms-user-select: none;
+            /* IE/Edge */
+            -webkit-touch-callout: none;
+            /* iOS Safari */
+            &.collapsible {
+                cursor: pointer;
+            }
+        }
     }
 
-    .container-widget__header-text {
-        border-bottom: 1px solid rgba(0, 0, 0, 0.87);
-        margin-left: 10px;
-        margin-right: 10px;
-        cursor: default;
-        user-select: none;
-        -webkit-user-select: none;
-        /* Chrome/Safari/Opera */
-        -moz-user-select: none;
-        /* Firefox */
-        -ms-user-select: none;
-        /* IE/Edge */
-        -webkit-touch-callout: none;
-        /* iOS Safari */
-        &.collapsible {
-            cursor: pointer;
+    container-widget {
+        .grid-list {
+            display: flex;
+            flex-wrap: wrap;
+            margin-left: -1%;
+            margin-right: -1%;
         }
+
+        .grid-list-item {
+            flex-grow: 1;
+            box-sizing: border-box;
+            padding-left: 1%;
+            padding-right: 1%;
+        }
+
+        md-input-container {
+            width: 100%;
+        }
+
+        .mat-input-placeholder-wrapper {
+            top: 0 !important;
+        }
+
+        .mat-input-placeholder {
+            top: 2.5em !important;
+        }
+
+        .mat-focused {
+
+            .mat-input-placeholder-wrapper {
+                display: none;
+            }
+
+            label {
+                transform: scaleX(1);
+                transition: transform 150ms linear,
+                background-color $swift-ease-in-duration $swift-ease-in-timing-function;
+                color: mat-color($primary);
+            }
+
+            .mat-input-prefix {
+                color: mat-color($primary);
+            }
+        }
+
+        .mat-grid-tile {
+            overflow: visible;
+        }
+
     }
 }
 
-container-widget{
-    .grid-list {
-        display: flex;
-        flex-wrap: wrap;
-        margin-left: -1%;
-        margin-right: -1%;
-    }
-
-    .grid-list-item {
-        flex-grow: 1;
-        box-sizing: border-box;
-        padding-left: 1%;
-        padding-right: 1%;
-    }
-
-    md-input-container {
-        width: 100%;
-    }
-
-    .mat-input-placeholder-wrapper{
-        top:0 !important;
-    }
-
-    .mat-input-placeholder{
-        top: 2.5em !important;
-    }
-
-    .mat-focused {
-
-        .mat-input-placeholder-wrapper{
-            display: none;
-        }
-
-        label {
-            transform: scaleX(1);
-            transition: transform 150ms linear,
-            background-color $swift-ease-in-duration $swift-ease-in-timing-function;
-            color: mat-color($primary);
-        }
-
-        .mat-input-prefix {
-            color: mat-color($primary);
-        }
-    }
-
-    .mat-grid-tile {
-        overflow: visible;
-    }
-
-}
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss
index d282d23627..1efc5e9fc7 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss
@@ -1,162 +1,162 @@
-@import 'theming';
 @import '../form';
+@import 'mixins';
 
-$dynamic-table-font-size: 14px !default;
-$dynamic-table-header-font-size: 12px !default;
-$dynamic-table-header-sort-icon-size: 16px !default;
-$dynamic-table-header-color: $alfresco-secondary-text-color !default;
-$dynamic-table-header-sorted-color: $alfresco-primary-text-color !default;
-$dynamic-table-header-sorted-icon-hover-color: $alfresco-disabled-text-color !default;
-$dynamic-table-divider-color: $alfresco-divider-color !default;
-$dynamic-table-hover-color: #eeeeee !default;
-$dynamic-table-selection-color: #e0f7fa !default;
-$dynamic-table-dividers: 1px solid $dynamic-table-divider-color !default;
-$dynamic-table-row-height: 56px !default;
-$dynamic-table-column-spacing: 36px !default;
-$dynamic-table-column-padding: $dynamic-table-column-spacing / 2;
-$dynamic-table-card-padding: 24px !default;
-$dynamic-table-cell-top: $dynamic-table-card-padding / 2;
-$dynamic-table-drag-border: 1px dashed rgb(68,138,255);
+@mixin mat-dynamic-table-theme($theme) {
+    $foreground: map-get($theme, foreground);
+    $dynamic-table-font-size: 14px !default;
+    $dynamic-table-header-font-size: 12px !default;
+    $dynamic-table-header-sort-icon-size: 16px !default;
+    $dynamic-table-header-color: mat-color($primary, default-contrast) !default;
+    $dynamic-table-header-sorted-color: mat-color($foreground, text) !default;
+    $dynamic-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default;
+    $dynamic-table-divider-color: mat-color($foreground, text, .07) !default;
+    $dynamic-table-hover-color: #eeeeee !default;
+    $dynamic-table-selection-color: #e0f7fa !default;
+    $dynamic-table-dividers: 1px solid $dynamic-table-divider-color !default;
+    $dynamic-table-row-height: 56px !default;
+    $dynamic-table-column-spacing: 36px !default;
+    $dynamic-table-column-padding: $dynamic-table-column-spacing / 2;
+    $dynamic-table-card-padding: 24px !default;
+    $dynamic-table-cell-top: $dynamic-table-card-padding / 2;
+    $dynamic-table-drag-border: 1px dashed rgb(68, 138, 255);
 
+    .adf {
 
-.adf {
-
-   &-dynamic-table {
-    width: 100%;
-    position: relative;
-    border: $dynamic-table-dividers;
-    white-space: nowrap;
-    font-size: $dynamic-table-font-size;
-    background-color: unquote("rgb(#{$alfresco-white})");
-
-    /* Firefox fixes */
-    border-collapse: unset;
-    border-spacing: 0;
-
-    thead {
-        padding-bottom: 3px;
-    }
-
-    tbody {
-        tr {
+        &-dynamic-table {
+            width: 100%;
             position: relative;
-            height: $dynamic-table-row-height;
-            @include material-animation-default(0.28s);
-            transition-property: background-color;
+            border: $dynamic-table-dividers;
+            white-space: nowrap;
+            font-size: $dynamic-table-font-size;
 
-            &:hover {
-                background-color: $dynamic-table-hover-color;
+            /* Firefox fixes */
+            border-collapse: unset;
+            border-spacing: 0;
+
+            thead {
+                padding-bottom: 3px;
             }
 
-            &.is-selected, &.is-selected:hover {
-                background-color: $dynamic-table-selection-color;
-            }
+            tbody {
+                tr {
+                    position: relative;
+                    height: $dynamic-table-row-height;
+                    @include material-animation-default(0.28s);
+                    transition-property: background-color;
 
-            &:focus {
-                outline-offset: -1px;
-                outline-width: 1px;
-                outline-color: rgb(68,138,255);
-                outline-style: solid;
-            }
-        }
-    }
+                    &:hover {
+                        background-color: $dynamic-table-hover-color;
+                    }
 
-    td, th {
-        padding: 0 $dynamic-table-column-padding 12px $dynamic-table-column-padding;
-        text-align: center;
+                    &.is-selected, &.is-selected:hover {
+                        background-color: $dynamic-table-selection-color;
+                    }
 
-        &:first-of-type {
-            padding-left: 24px;
-        }
-
-        &:last-of-type {
-            padding-right: 24px;
-        }
-    }
-
-    td {
-        color: $alfresco-secondary-text-color;
-        position: relative;
-        vertical-align: middle;
-        height: $dynamic-table-row-height;
-        border-top: $dynamic-table-dividers;
-        border-bottom: $dynamic-table-dividers;
-        padding-top: $dynamic-table-cell-top;
-        box-sizing: border-box;
-
-        @include no-select;
-        cursor: default;
-    }
-
-    th {
-        @include no-select;
-        cursor: pointer;
-        position: relative;
-        vertical-align: bottom;
-        text-overflow: ellipsis;
-        font-weight: bold;
-        line-height: 24px;
-        letter-spacing: 0;
-        height: $dynamic-table-row-height;
-        font-size: $dynamic-table-header-font-size;
-        color: $dynamic-table-header-color;
-        padding-bottom: 8px;
-        box-sizing: border-box;
-
-        &.sortable {
-            @include no-select;
-            &:hover {
-                cursor: pointer;
-            }
-        }
-
-        &.adf-dynamic-table__header--sorted-asc,
-        &.adf-dynamic-table__header--sorted-desc {
-            color: $dynamic-table-header-sorted-color;
-            &:before {
-                @include typo-icon;
-                font-size: $dynamic-table-header-sort-icon-size;
-                content: "\e5d8";
-                margin-right: 5px;
-                vertical-align: sub;
-            }
-            &:hover {
-                cursor: pointer;
-                &:before {
-                    color: $dynamic-table-header-sorted-icon-hover-color;
+                    &:focus {
+                        outline-offset: -1px;
+                        outline-width: 1px;
+                        outline-color: rgb(68, 138, 255);
+                        outline-style: solid;
+                    }
                 }
             }
-        }
-        &.adf-dynamic-table__header--sorted-desc:before {
-            content: "\e5db";
-        }
-    }
 
-    .adf-dynamic-table-cell {
-        text-align: left;
-        cursor: default;
+            td, th {
+                padding: 0 $dynamic-table-column-padding 12px $dynamic-table-column-padding;
+                text-align: center;
 
-        &--text {
-            text-align: left;
-        }
+                &:first-of-type {
+                    padding-left: 24px;
+                }
 
-        &--number {
-            text-align: right;
-        }
+                &:last-of-type {
+                    padding-right: 24px;
+                }
+            }
 
-        &--image {
-            text-align: left;
+            td {
+                color: mat-color($foreground, text);
+                position: relative;
+                vertical-align: middle;
+                height: $dynamic-table-row-height;
+                border-top: $dynamic-table-dividers;
+                border-bottom: $dynamic-table-dividers;
+                padding-top: $dynamic-table-cell-top;
+                box-sizing: border-box;
 
-            img {
-                width: 24px;
-                height: 24px;
+                @include no-select;
+                cursor: default;
+            }
+
+            th {
+                @include no-select;
+                cursor: pointer;
+                position: relative;
+                vertical-align: bottom;
+                text-overflow: ellipsis;
+                font-weight: bold;
+                line-height: 24px;
+                letter-spacing: 0;
+                height: $dynamic-table-row-height;
+                font-size: $dynamic-table-header-font-size;
+                color: $dynamic-table-header-color;
+                padding-bottom: 8px;
+                box-sizing: border-box;
+
+                &.sortable {
+                    @include no-select;
+                    &:hover {
+                        cursor: pointer;
+                    }
+                }
+
+                &.adf-dynamic-table__header--sorted-asc,
+                &.adf-dynamic-table__header--sorted-desc {
+                    color: $dynamic-table-header-sorted-color;
+                    &:before {
+                        @include typo-icon;
+                        font-size: $dynamic-table-header-sort-icon-size;
+                        content: "\e5d8";
+                        margin-right: 5px;
+                        vertical-align: sub;
+                    }
+                    &:hover {
+                        cursor: pointer;
+                        &:before {
+                            color: $dynamic-table-header-sorted-icon-hover-color;
+                        }
+                    }
+                }
+                &.adf-dynamic-table__header--sorted-desc:before {
+                    content: "\e5db";
+                }
+            }
+
+            .adf-dynamic-table-cell {
+                text-align: left;
+                cursor: default;
+
+                &--text {
+                    text-align: left;
+                }
+
+                &--number {
+                    text-align: right;
+                }
+
+                &--image {
+                    text-align: left;
+
+                    img {
+                        width: 24px;
+                        height: 24px;
+                    }
+                }
+            }
+
+            .full-width {
+                width: 100%;
             }
         }
     }
-
-    .full-width {
-        width: 100%;
-        color: $alfresco-primary-text-color;
-    }
-   }
 }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
index 8b73c04aec..e70300217b 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
@@ -1,61 +1,71 @@
-@import 'theming';
+@import './hyperlink/hyperlink.widget';
+@import 'colors';
 
-ul > li > form-field > .adf-focus {
-    .adf-label {
-        color: mat-color($primary);
-    }
-}
+@mixin mat-form-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
 
-.adf {
-
-    &-error-text-container {
-        width: 95%;
-        height: 20px;
-        margin-top: -12px;
-    }
-
-    &-error-text {
-        padding: 1px;
-        height: 16px;
-        font-size: 12px;
-        line-height: 1.33;
-        float: left;
-        color: mat-color($warn);
-    }
-
-    &-error-icon {
-        float: right;
-        font-size: 17px;
-        color: mat-color($warn);
-    }
-
-    &-label {
-        color: $alfresco-gray-label;
-    }
-
-    &-invalid {
-
-        .mat-input-underline {
-            background-color: #f44336 !important;
-        }
-
-        .adf-file {
-            border-color: mat-color($warn);
-        }
-
-        .mat-input-prefix {
-            color: mat-color($warn);
-        }
-
-        .adf-input {
-            border-color: mat-color($warn);
-        }
+    @include mat-hyperlink-widget-theme($theme);
 
+    ul > li > form-field > .adf-focus {
         .adf-label {
+            color: mat-color($primary);
+        }
+    }
+
+    .adf {
+
+        &-error-text-container {
+            width: 95%;
+            height: 20px;
+            margin-top: -12px;
+        }
+
+        &-error-text {
+            padding: 1px;
+            height: 16px;
+            font-size: 12px;
+            line-height: 1.33;
+            float: left;
             color: mat-color($warn);
-            &:after {
-                background-color: mat-color($warn);
+        }
+
+        &-error-icon {
+            float: right;
+            font-size: 17px;
+            color: mat-color($warn);
+        }
+
+        &-label {
+            color: rgb(186, 186, 186);;
+        }
+
+        &-invalid {
+
+            .mat-input-underline {
+                background-color: #f44336 !important;
+            }
+
+            .adf-file {
+                border-color: mat-color($warn);
+            }
+
+            .mat-input-prefix {
+                color: mat-color($warn);
+            }
+
+            .adf-input {
+                border-color: mat-color($warn);
+            }
+
+            .adf-label {
+                color: mat-color($warn);
+                &:after {
+                    background-color: mat-color($warn);
+                }
             }
         }
     }
+
 }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/hyperlink/hyperlink.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/hyperlink/hyperlink.widget.scss
index dd7672ac53..c42d17803c 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/hyperlink/hyperlink.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/hyperlink/hyperlink.widget.scss
@@ -1,15 +1,16 @@
-@import 'theming';
-@import '../form';
+@mixin mat-hyperlink-widget-theme($theme) {
+    $primary: map-get($theme, primary);
 
-.adf-hyperlink-widget {
-    padding: 0.4375em 0;
-    border-top: 0.84375em solid transparent;
+    .adf-hyperlink-widget {
+        padding: 0.4375em 0;
+        border-top: 0.84375em solid transparent;
 
-    .focus {
-        color: mat-color($primary);
-    }
+        .focus {
+            color: mat-color($primary);
+        }
 
-    a {
-        color: mat-color($primary);
+        a {
+            color: mat-color($primary);
+        }
     }
 }
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.scss
index 2f0ec62724..9cb94194fc 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/upload/upload.widget.scss
@@ -1,4 +1,3 @@
-@import 'theming';
 @import '../form';
 
 .adf {
diff --git a/ng2-components/ng2-activiti-processlist/README.md b/ng2-components/ng2-activiti-processlist/README.md
index 17b4dabe5c..0a9d1ab98a 100644
--- a/ng2-components/ng2-activiti-processlist/README.md
+++ b/ng2-components/ng2-activiti-processlist/README.md
@@ -37,7 +37,7 @@
   * [Events](#events-7)
 - [Process Audit Directive](#process-audit-directive)
   * [Properties](#properties-9)
-  * [Events](#events-8)
+    + [Events](#events-8)
 - [Build from sources](#build-from-sources)
 - [NPM scripts](#npm-scripts)
 - [Demo](#demo)
diff --git a/ng2-components/ng2-activiti-processlist/index.ts b/ng2-components/ng2-activiti-processlist/index.ts
index ec2dabe4f3..ae623cac24 100644
--- a/ng2-components/ng2-activiti-processlist/index.ts
+++ b/ng2-components/ng2-activiti-processlist/index.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { ModuleWithProviders, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule } from '@angular/core';
 import {
     MdButtonModule,
     MdCardModule,
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.css b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.css
deleted file mode 100644
index 720a79f66b..0000000000
--- a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.mdl-list__item {
-    cursor: pointer;
-}
-
-.activiti-filters__entry {
-    cursor: pointer;
-}
-
-.activiti-filters__entry-icon {
-    margin-right: 12px !important;
-}
-
-.activiti-filters__entry.active {
-    color: rgb(68,138,255);
-}
-
-.activiti-filters__entry:hover {
-    opacity: 0.8;
-}
-
-.activiti-filters__entry.active .activiti-filters__entry-icon {
-    color: rgb(68,138,255);
-}
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
index b65f96aa40..8f13d5fb6a 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
@@ -1,11 +1,12 @@
 <div class="menu-container">
-    <ul class='mdl-list'>
-        <li class="mdl-list__item activiti-filters__entry" (click)="selectFilter(filter)" *ngFor="let filter of filters"
-            [class.active]="currentFilter === filter">
-            <span class="mdl-list__item-primary-content">
-            <i *ngIf="showIcon" class="material-icons mdl-list__item-icon activiti-filters__entry-icon" [attr.data-automation-id]="filter.name + '_filter'" >assignment</i>
+    <md-list>
+        <md-list-item (click)="selectFilter(filter)" *ngFor="let filter of filters"
+                      [class.active]="currentFilter === filter">
+                        <span class="mdl-list__item-primary-content">
+            <i *ngIf="showIcon" class="material-icons mdl-list__item-icon adf-filters__entry-icon"
+               [attr.data-automation-id]="filter.name + '_filter'">assignment</i>
             {{filter.name}}
             </span>
-        </li>
-    </ul>
-</div>
\ No newline at end of file
+        </md-list-item>
+    </md-list>
+</div>
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss
new file mode 100644
index 0000000000..331632e1ed
--- /dev/null
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss
@@ -0,0 +1,28 @@
+@mixin mat-filters-process-theme($theme) {
+    $primary: map-get($theme, primary);
+
+    .mdl-list__item {
+        cursor: pointer;
+    }
+
+    .activiti-filters__entry {
+        cursor: pointer;
+    }
+
+    .activiti-filters__entry-icon {
+        margin-right: 12px !important;
+    }
+
+    .activiti-filters__entry.active {
+        color: mat-color($primary);
+    }
+
+    .activiti-filters__entry:hover {
+        opacity: 0.8;
+    }
+
+    .activiti-filters__entry.active .activiti-filters__entry-icon {
+        color: mat-color($primary);
+    }
+
+}
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.ts b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.ts
index 3c8c4f85de..f00b0e2e48 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.ts
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.ts
@@ -23,7 +23,7 @@ import { ProcessService } from './../services/process.service';
 @Component({
     selector: 'adf-process-instance-filters, activiti-process-instance-filters',
     templateUrl: './process-filters.component.html',
-    styleUrls: ['process-filters.component.css']
+    styleUrls: ['process-filters.component.scss']
 })
 export class ProcessFiltersComponent implements OnInit, OnChanges {
 
diff --git a/ng2-components/ng2-activiti-tasklist/README.md b/ng2-components/ng2-activiti-tasklist/README.md
index 4679ef396c..53aeb2a54e 100644
--- a/ng2-components/ng2-activiti-tasklist/README.md
+++ b/ng2-components/ng2-activiti-tasklist/README.md
@@ -53,9 +53,10 @@
 - [Task Audit Directive](#task-audit-directive)
   * [Properties](#properties-11)
     + [Events](#events-10)
-- [People Search Component](#people-search-component)
+- [People Search](#people-search)
   * [Properties](#properties-12)
   * [Events](#events-11)
+  * [How to use](#how-to-use)
 - [Build from sources](#build-from-sources)
 - [NPM scripts](#npm-scripts)
 - [Demo](#demo)
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 157d4bda6b..c7d73219e6 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
@@ -1,76 +1,81 @@
-@import 'theming';
+@mixin mat-comment-list-theme($theme) {
+    $primary: map-get($theme, primary);
 
-.adf {
+    .adf {
 
-    &-comment-img-container {
-        float: left;
-        width: 40px;
-        padding: 5px 10px;
-        height: 100%;
-    }
-
-    &-comment-user-icon {
-        padding: 10px 5px;
-        width: 30px;
-        background-color: mat-color($primary);
-        border-radius: 50%;
-        font-family: Muli;
-        font-size: 16px;
-        color: #fff;
-        text-align: center;
-        height: 18px;
-        background-size: cover;
-    }
-
-    &-comment-user-name {
-        float: left;
-        width: calc(100% - 120px);
-        padding: 2px 10px;
-        font-family: Muli;
-        font-weight: 600;
-        color: #595959;
-    }
-
-    &-comment-message {
-        float: left;
-        width: calc(100% - 10px);
-        padding: 2px 10px;
-        font-family: Muli;
-        font-style: italic;
-        color: #595959;
-        white-space: initial;
-    }
-
-    &-comment-message-time {
-        float: left;
-        width: calc(100% - 120px);
-        padding: 2px 10px;
-        font-family: Muli;
-        font-size: 12px;
-        color: #595959;
-    }
-
-    &-comment-contents {
-        float: left;
-        width: calc(100% - 10px);
-    }
-
-    &-datatable /deep/ table {
-        thead {
-            display: none;
+        &-comment-img-container {
+            float: left;
+            width: 40px;
+            padding: 5px 10px;
+            height: 100%;
         }
-        border: none !important;
-        tbody td {
-            padding: 0px !important;
-            border-top: none !important;
+
+        &-comment-user-icon {
+            padding: 10px 5px;
+            width: 30px;
+            background-color: mat-color($primary);
+            border-radius: 50%;
+            font-family: Muli;
+            font-size: 16px;
+            color: #fff;
+            text-align: center;
+            height: 18px;
+            background-size: cover;
         }
-    }
 
-    &-people-img {
-        border-radius: 90%;
-        width: 40px;
-        height: 40px;
-        vertical-align: middle;
-    }
+        &-comment-user-name {
+            float: left;
+            width: calc(100% - 120px);
+            padding: 2px 10px;
+            font-family: Muli;
+            font-weight: 600;
+            color: #595959;
+        }
 
+        &-comment-message {
+            float: left;
+            width: calc(100% - 10px);
+            padding: 2px 10px;
+            font-family: Muli;
+            font-style: italic;
+            color: #595959;
+            white-space: initial;
+        }
+
+        &-comment-message-time {
+            float: left;
+            width: calc(100% - 120px);
+            padding: 2px 10px;
+            font-family: Muli;
+            font-size: 12px;
+            color: #595959;
+        }
+
+        &-comment-contents {
+            float: left;
+            width: calc(100% - 10px);
+        }
+
+        &-datatable /deep/ table {
+            thead {
+                display: none;
+            }
+            border: none !important;
+            tbody td {
+                padding: 0px !important;
+                border-top: none !important;
+            }
+        }
+
+        &-people-img {
+            border-radius: 90%;
+            width: 40px;
+            height: 40px;
+            vertical-align: middle;
+        }
+
+    }
 }
+
+
+
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 742511faa7..63e0e26692 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
@@ -1,82 +1,86 @@
-@import 'theming';
+@mixin mat-people-search-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
 
-:host {
-  width: 100%;
-}
-
-.activiti-label {
-  font-weight: bolder;
-}
-
-.material-icons.people-search__icon:hover {
-  color: mat-color($primary);
-}
-
-.fix-element-user-list {
-  padding-top: 0px;
-  padding-right: 0px;
-  padding-bottom: 0px;
-  padding-left: 0px;
-}
-
-.search-text-header {
-  font-weight: bold;
-  opacity: 0.54;
-}
-
-.search-text-container {
-    width: 100%;
-}
-
-.search-list-container {
-  max-height: 152px;
-  width: 100%;
-  overflow-y: auto;
-}
-
-adf-people-list /deep/ adf-datatable /deep/ thead {
-  display: none;
-}
-
-.search-list-action-container {
-  border-top: 1px solid #eee;
-  text-align: right;
-  padding: 5px 0px;
-  margin-top: 5px;
-  > button {
-    opacity: 0.54;
-    font-weight: bolder;
-    &:hover {
-      color: mat-color($primary);
+    :host {
+        width: 100%;
     }
-  }
-}
 
-adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
-  font-family: 'Muli';
-}
+    .activiti-label {
+        font-weight: bolder;
+    }
 
-.people-pic {
-    background: mat-color($primary);
-    width: 30px;
-    padding: 10px 5px;
-    border-radius: 90%;
-    color: #fff;
-    text-align: center;
-    font-weight: bolder;
-    font-size: 18px;
-    font-family: Muli;
-    text-transform: uppercase;
-    vertical-align: text-bottom;
-}
+    .material-icons.people-search__icon:hover {
+        color: mat-color($primary);
+    }
 
-.people-img {
-    border-radius: 90%;
-    width: 40px;
-    height: 40px;
-    vertical-align: middle;
-}
+    .fix-element-user-list {
+        padding-top: 0px;
+        padding-right: 0px;
+        padding-bottom: 0px;
+        padding-left: 0px;
+    }
 
-adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 4px 12px;
+    .search-text-header {
+        font-weight: bold;
+        opacity: 0.54;
+    }
+
+    .search-text-container {
+        width: 100%;
+    }
+
+    .search-list-container {
+        max-height: 152px;
+        width: 100%;
+        overflow-y: auto;
+    }
+
+    adf-people-list /deep/ adf-datatable /deep/ thead {
+        display: none;
+    }
+
+    .search-list-action-container {
+        border-top: 1px solid #eee;
+        text-align: right;
+        padding: 5px 0px;
+        margin-top: 5px;
+        > button {
+            opacity: 0.54;
+            font-weight: bolder;
+            &:hover {
+                color: mat-color($primary);
+            }
+        }
+    }
+
+    adf-people-list /deep/ adf-datatable /deep/ .people-full-name {
+        font-family: 'Muli';
+    }
+
+    .people-pic {
+        background: mat-color($primary);
+        width: 30px;
+        padding: 10px 5px;
+        border-radius: 90%;
+        color: #fff;
+        text-align: center;
+        font-weight: bolder;
+        font-size: 18px;
+        font-family: Muli;
+        text-transform: uppercase;
+        vertical-align: text-bottom;
+    }
+
+    .people-img {
+        border-radius: 90%;
+        width: 40px;
+        height: 40px;
+        vertical-align: middle;
+    }
+
+    adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+        padding: 4px 12px;
+    }
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
index 6ca76fd511..0fed49c814 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/people.component.scss
@@ -1,83 +1,85 @@
-@import 'theming';
+@mixin mat-people-theme($theme) {
+    $primary: map-get($theme, primary);
 
-.assignment-header {
-  width: 100%;
-  border-bottom: 1px solid #eee;
-  padding: 6px 20px;
-}
+    .assignment-header {
+        width: 100%;
+        border-bottom: 1px solid #eee;
+        padding: 6px 20px;
+    }
 
-.assigment-count {
-  float: left;
-  padding: 10px 0px;
-  font-weight: bolder;
-  font-family: Muli;
-  opacity: 0.54;
-}
+    .assigment-count {
+        float: left;
+        padding: 10px 0px;
+        font-weight: bolder;
+        font-family: Muli;
+        opacity: 0.54;
+    }
 
-.add-people {
-  float: right;
-  padding: 8px;
-  height: 26px;
-  opacity: 0.54;
-  cursor: pointer;
-  &:hover {
-    color: mat-color($primary);
-  }
-}
+    .add-people {
+        float: right;
+        padding: 8px;
+        height: 26px;
+        opacity: 0.54;
+        cursor: pointer;
+        &:hover {
+            color: mat-color($primary);
+        }
+    }
 
-.assignment-top-container {
-  border-top: 2px solid #eee;
-  margin: 0px;
-  padding: 0px;
-}
+    .assignment-top-container {
+        border-top: 2px solid #eee;
+        margin: 0px;
+        padding: 0px;
+    }
 
-.assignment-container {
-  padding: 10px 20px;
-  border-bottom: 1px solid #eee;
-  width: 100%;
-}
+    .assignment-container {
+        padding: 10px 20px;
+        border-bottom: 1px solid #eee;
+        width: 100%;
+    }
 
-.assignment-list-container {
-  padding: 0px;
-  width: 100%;
-}
+    .assignment-list-container {
+        padding: 0px;
+        width: 100%;
+    }
 
-adf-people-list /deep/ adf-datatable /deep/ {
-  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;
-    padding: 10px 5px;
-    border-radius: 100px;
-    color: #fff;
-    text-align: center;
-    font-weight: bolder;
-    font-size: 18px;
-    font-family: Muli;
-    text-transform: uppercase;
-    vertical-align: text-bottom;
-  }
-}
+    adf-people-list /deep/ adf-datatable /deep/ {
+        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;
+            padding: 10px 5px;
+            border-radius: 100px;
+            color: #fff;
+            text-align: center;
+            font-weight: bolder;
+            font-size: 18px;
+            font-family: Muli;
+            text-transform: uppercase;
+            vertical-align: text-bottom;
+        }
+    }
 
-.people-img {
-    border-radius: 90%;
-    width: 40px;
-    height: 40px;
-    vertical-align: middle;
-}
+    .people-img {
+        border-radius: 90%;
+        width: 40px;
+        height: 40px;
+        vertical-align: middle;
+    }
 
-adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
-  padding: 10px;
+    adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+        padding: 10px;
+    }
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss
index b3eb6b28d9..17d11582bc 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
@@ -1,93 +1,97 @@
-@import 'theming';
+@mixin mat-start-task-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
 
-.adf-new-task-heading {
-    padding: 12px 20px;
-    font-family: Muli;
-    font-weight: bold;
-    border-bottom: 1px solid #eee;
-    font-size: 18px;
-    float: left;
-    text-align: left;
-    width: calc(100% - 40px);
-}
-
-.adf-new-task-layout-card {
-    width: 66.6667%;
-    margin-right: calc(33.3333%/2 - 24px);
-    margin-left: calc(33.3333%/2 - 24px);
-    margin-top: 10px;
-    margin-bottom: 10px;
-    padding: 0px;
-}
-
-.adf-new-task-footer {
-    padding: 4px;
-    font-family: Muli;
-    font-size: 18px;
-    border-top: 1px solid #eee;
-    float: left;
-    width: calc(100% - 40px);
-    text-align: right;
-}
-
-.adf-start-task-input-container {
-    width: 80%;
-}
-
-.adf-new-task-text-width {
-    width: 90%;
-}
-
-.adf {
-
-    &-error-text-container {
-        position: absolute;
-        width: 81%;
-        height: 20px;
-        margin-top: 30px;
-    }
-
-    &-error-text {
-        padding: 1px;
-        height: 16px;
-        font-size: 12px;
-        line-height: 1.33;
+    .adf-new-task-heading {
+        padding: 12px 20px;
+        font-family: Muli;
+        font-weight: bold;
+        border-bottom: 1px solid #eee;
+        font-size: 18px;
         float: left;
-        color: mat-color($warn);
+        text-align: left;
+        width: calc(100% - 40px);
     }
 
-    &-error-icon {
-        float: right;
-        font-size: 17px;
-        color: mat-color($warn);
+    .adf-new-task-layout-card {
+        width: 66.6667%;
+        margin-right: calc(33.3333% / 2 - 24px);
+        margin-left: calc(33.3333% / 2 - 24px);
+        margin-top: 10px;
+        margin-bottom: 10px;
+        padding: 0px;
     }
 
-    &-label {
-        color: $alfresco-gray-label;
+    .adf-new-task-footer {
+        padding: 4px;
+        font-family: Muli;
+        font-size: 18px;
+        border-top: 1px solid #eee;
+        float: left;
+        width: calc(100% - 40px);
+        text-align: right;
     }
 
-    &-invalid {
+    .adf-start-task-input-container {
+        width: 80%;
+    }
 
-        .mat-input-underline {
-            background-color: #f44336 !important;
+    .adf-new-task-text-width {
+        width: 90%;
+    }
+
+    .adf {
+
+        &-error-text-container {
+            position: absolute;
+            width: 81%;
+            height: 20px;
+            margin-top: 30px;
         }
 
-        .adf-file {
-            border-color: mat-color($warn);
-        }
-
-        .mat-input-prefix {
+        &-error-text {
+            padding: 1px;
+            height: 16px;
+            font-size: 12px;
+            line-height: 1.33;
+            float: left;
             color: mat-color($warn);
         }
 
-        .adf-input {
-            border-color: mat-color($warn);
+        &-error-icon {
+            float: right;
+            font-size: 17px;
+            color: mat-color($warn);
         }
 
-        .adf-label {
-            color: mat-color($warn);
-            &:after {
-                background-color: mat-color($warn);
+        &-label {
+            color: rgb(186, 186, 186);;
+        }
+
+        &-invalid {
+
+            .mat-input-underline {
+                background-color: #f44336 !important;
+            }
+
+            .adf-file {
+                border-color: mat-color($warn);
+            }
+
+            .mat-input-prefix {
+                color: mat-color($warn);
+            }
+
+            .adf-input {
+                border-color: mat-color($warn);
+            }
+
+            .adf-label {
+                color: mat-color($warn);
+                &:after {
+                    background-color: mat-color($warn);
+                }
             }
         }
     }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.html b/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.html
index d671c70356..17ad2ac879 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.html
@@ -1,11 +1,12 @@
 <div class="menu-container">
-    <ul class='mdl-list'>
-        <li class="mdl-list__item adf-filters__entry" (click)="selectFilter(filter)" *ngFor="let filter of filters"
-            [class.active]="currentFilter === filter">
-            <span class="mdl-list__item-primary-content">
-            <i *ngIf="hasIcon" class="material-icons mdl-list__item-icon adf-filters__entry-icon" [attr.data-automation-id]="filter.name + '_filter'" >assignment</i>
+    <md-list>
+        <md-list-item (click)="selectFilter(filter)" *ngFor="let filter of filters"
+                      [class.active]="currentFilter === filter">
+                        <span class="mdl-list__item-primary-content">
+            <i *ngIf="hasIcon" class="material-icons mdl-list__item-icon adf-filters__entry-icon"
+               [attr.data-automation-id]="filter.name + '_filter'">assignment</i>
             {{filter.name}}
             </span>
-        </li>
-    </ul>
+        </md-list-item>
+    </md-list>
 </div>
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.scss
index d269da3504..39f63cba97 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.scss
@@ -1,27 +1,31 @@
-.mdl-list__item {
-    cursor: pointer;
-}
+@mixin mat-filters-task-theme($theme) {
+    $primary: map-get($theme, primary);
 
-.adf {
-
-    &-filters__entry {
+    .mdl-list__item {
         cursor: pointer;
     }
 
-    &-filters__entry-icon {
-        margin-right: 12px !important;
-    }
+    .adf {
 
-    &-filters__entry {
-        &.active {
-            color: rgb(68, 138, 255);
+        &-filters__entry {
+            cursor: pointer;
         }
-        &:hover {
-            opacity: 0.8;
-        }
-        &.active .adf-filters__entry-icon {
-            color: rgb(68, 138, 255);
-        }
-    }
 
+        &-filters__entry-icon {
+            margin-right: 12px !important;
+        }
+
+        &-filters__entry {
+            &.active {
+                color: mat-color($primary);
+            }
+            &:hover {
+                opacity: 0.8;
+            }
+            &.active .adf-filters__entry-icon {
+                color: mat-color($primary);
+            }
+        }
+
+    }
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.css b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.css
deleted file mode 100644
index 6063900889..0000000000
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-adf-card-view >>> .adf-textitem-clickable-value {
-    color: #ff9100;
-}
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss
index a379c4fb3a..e7e51eb732 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.scss
@@ -1,28 +1,30 @@
-@import 'theming';
+@mixin mat-header-theme($theme) {
+    $primary: map-get($theme, primary);
 
-.#{$ADF} {
-    &-controls {
-        display: flex;
-        justify-content: space-between;
-    }
+    .adf {
+        &-controls {
+            display: flex;
+            justify-content: space-between;
+        }
 
-    &-edit-controls {
-        display: flex;
-        justify-content: flex-end;
-        margin-left: auto;
-    }
+        &-edit-controls {
+            display: flex;
+            justify-content: flex-end;
+            margin-left: auto;
+        }
 
-    &-switch-to-edit-mode,
-    &-save-edit-mode {
-        color: rgb(255, 152, 0);
-    }
+        &-switch-to-edit-mode,
+        &-save-edit-mode {
+            color: mat-color($primary);
+        }
 
-    &-cancel-edit-mode,
-    &-claim-controls {
-        color: rgb(131, 131, 131);
-    }
+        &-cancel-edit-mode,
+        &-claim-controls {
+            color: rgb(131, 131, 131);
+        }
 
-    &-card-container {
-        font-family: inherit;
+        &-card-container {
+            font-family: inherit;
+        }
     }
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.ts b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.ts
index 3dab321be9..a93ff7930b 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.ts
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-header.component.ts
@@ -23,7 +23,7 @@ import { TaskListService } from './../services/tasklist.service';
 @Component({
     selector: 'adf-task-header, activiti-task-header',
     templateUrl: './task-header.component.html',
-    styleUrls: ['./task-header.component.scss', './task-header.component.css']
+    styleUrls: ['./task-header.component.scss']
 })
 export class TaskHeaderComponent implements OnChanges {
 
diff --git a/ng2-components/ng2-alfresco-core/README.md b/ng2-components/ng2-alfresco-core/README.md
index ec72c89243..03eb555d51 100644
--- a/ng2-components/ng2-alfresco-core/README.md
+++ b/ng2-components/ng2-alfresco-core/README.md
@@ -42,6 +42,8 @@
     + [2. Define the component for the custom type](#2-define-the-component-for-the-custom-type)
     + [3. Add you custom component to your module's entryComponents list](#3-add-you-custom-component-to-your-modules-entrycomponents-list)
 - [TranslationService](#translationservice)
+  * [Registering translation sources](#registering-translation-sources)
+  * [Switching languages](#switching-languages)
 - [Renditions Service](#renditions-service)
 - [Build from sources](#build-from-sources)
 - [NPM scripts](#npm-scripts)
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
new file mode 100644
index 0000000000..7a7711f2b9
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
@@ -0,0 +1,2673 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+/* ANIMATION */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #2196f3; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #ff9800; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #ff9800; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(33, 150, 243, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(255, 152, 0, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #2196f3; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #ff9800; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: white; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #2196f3; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #ff9800; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #2196f3; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #ff9800; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #2196f3;
+  color: white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(33, 150, 243, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #2196f3; }
+
+.mat-icon.mat-accent {
+  color: #ff9800; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #ff9800; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #2196f3; }
+  .mat-input-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23bbdefb%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #bbdefb; }
+
+.mat-progress-bar-fill::after {
+  background-color: #2196f3; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffe0b2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #ffe0b2; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #ff9800; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #2196f3; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #ff9800; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #2196f3; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #2196f3; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #ff9800; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #ff9800; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #2196f3; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #ff9800; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ff9800; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(255, 152, 0, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #2196f3; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(33, 150, 243, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #2196f3; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #ff9800; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(255, 152, 0, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #2196f3;
+    color: white; }
+  .mat-toolbar.mat-accent {
+    background: #ff9800;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #2196f3 !important; }
+
+.adf-accent-color {
+  color: #ff9800 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: white !important;
+  background: #2196f3 !important; }
+
+.adf-accent-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #ff9800 !important; }
+
+.adf-primary-contrast-text-color {
+  color: white !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #2196f3; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #ff9800; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #2196f3; }
+  .adf-hyperlink-widget a {
+    color: #2196f3; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #2196f3; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #2196f3; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #2196f3; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #2196f3;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #2196f3; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #ff9800; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #ff9800; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #2196f3; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #2196f3; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #2196f3; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #2196f3; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #2196f3; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #2196f3; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #2196f3; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #2196f3; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #2196f3; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #2196f3; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: white; }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..cffae361c5
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
@@ -0,0 +1,2673 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+/* ANIMATION */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #2196f3; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #3f51b5; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #3f51b5; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(33, 150, 243, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(63, 81, 181, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #2196f3; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #3f51b5; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: white; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #2196f3; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #3f51b5; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #2196f3; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #3f51b5; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #2196f3;
+  color: white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(33, 150, 243, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #2196f3; }
+
+.mat-icon.mat-accent {
+  color: #3f51b5; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #3f51b5; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #2196f3; }
+  .mat-input-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23bbdefb%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #bbdefb; }
+
+.mat-progress-bar-fill::after {
+  background-color: #2196f3; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23c5cae9%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #c5cae9; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #3f51b5; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #2196f3; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #3f51b5; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #2196f3; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #2196f3; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #3f51b5; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #3f51b5; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #2196f3; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #3f51b5; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #3f51b5; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(63, 81, 181, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #2196f3; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(33, 150, 243, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(33, 150, 243, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #2196f3; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #3f51b5; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #2196f3;
+    color: white; }
+  .mat-toolbar.mat-accent {
+    background: #3f51b5;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #2196f3 !important; }
+
+.adf-accent-color {
+  color: #3f51b5 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: white !important;
+  background: #2196f3 !important; }
+
+.adf-accent-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #3f51b5 !important; }
+
+.adf-primary-contrast-text-color {
+  color: white !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #2196f3; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #3f51b5; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #2196f3; }
+  .adf-hyperlink-widget a {
+    color: #2196f3; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #2196f3; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #2196f3; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #2196f3; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #2196f3;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #2196f3; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #3f51b5; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #3f51b5; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #2196f3; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #2196f3; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #2196f3; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #2196f3; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #2196f3; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #2196f3; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #2196f3; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #2196f3; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #2196f3; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #2196f3; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: white; }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..584ee8a3dd
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
@@ -0,0 +1,2673 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+/* ANIMATION */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #00bcd4; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #ff9800; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #ff9800; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(0, 188, 212, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(255, 152, 0, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #00bcd4; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #ff9800; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: white; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #00bcd4; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #ff9800; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #00bcd4; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #ff9800; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #00bcd4;
+  color: white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(0, 188, 212, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #00bcd4; }
+
+.mat-icon.mat-accent {
+  color: #ff9800; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #ff9800; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #00bcd4; }
+  .mat-input-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23b2ebf2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #b2ebf2; }
+
+.mat-progress-bar-fill::after {
+  background-color: #00bcd4; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffe0b2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #ffe0b2; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #ff9800; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #00bcd4; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #ff9800; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #00bcd4; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #00bcd4; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #ff9800; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #ff9800; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #00bcd4; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #ff9800; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ff9800; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(255, 152, 0, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #00bcd4; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(0, 188, 212, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #00bcd4; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #ff9800; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(255, 152, 0, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #00bcd4;
+    color: white; }
+  .mat-toolbar.mat-accent {
+    background: #ff9800;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #00bcd4 !important; }
+
+.adf-accent-color {
+  color: #ff9800 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: white !important;
+  background: #00bcd4 !important; }
+
+.adf-accent-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #ff9800 !important; }
+
+.adf-primary-contrast-text-color {
+  color: white !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #00bcd4; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #ff9800; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #00bcd4; }
+  .adf-hyperlink-widget a {
+    color: #00bcd4; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #00bcd4; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #00bcd4; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #00bcd4; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #00bcd4;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #00bcd4; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #ff9800; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #ff9800; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #00bcd4; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #00bcd4; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #00bcd4; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #00bcd4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #00bcd4; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #00bcd4; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #00bcd4; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #00bcd4; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #00bcd4; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #00bcd4; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: white; }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..8cc6b5e360
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
@@ -0,0 +1,2673 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+/* ANIMATION */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #00bcd4; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #3f51b5; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #3f51b5; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(0, 188, 212, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(63, 81, 181, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #00bcd4; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #3f51b5; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: white; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #00bcd4; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #3f51b5; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #00bcd4; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #3f51b5; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #00bcd4;
+  color: white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(0, 188, 212, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px white; }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #00bcd4; }
+
+.mat-icon.mat-accent {
+  color: #3f51b5; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #3f51b5; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #00bcd4; }
+  .mat-input-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23b2ebf2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #b2ebf2; }
+
+.mat-progress-bar-fill::after {
+  background-color: #00bcd4; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23c5cae9%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #c5cae9; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #3f51b5; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #00bcd4; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #3f51b5; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #00bcd4; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #00bcd4; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #3f51b5; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #3f51b5; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #00bcd4; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #3f51b5; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #3f51b5; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(63, 81, 181, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #00bcd4; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(0, 188, 212, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(0, 188, 212, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #00bcd4; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #3f51b5; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #00bcd4;
+    color: white; }
+  .mat-toolbar.mat-accent {
+    background: #3f51b5;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #00bcd4 !important; }
+
+.adf-accent-color {
+  color: #3f51b5 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: white !important;
+  background: #00bcd4 !important; }
+
+.adf-accent-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #3f51b5 !important; }
+
+.adf-primary-contrast-text-color {
+  color: white !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #00bcd4; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #3f51b5; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #00bcd4; }
+  .adf-hyperlink-widget a {
+    color: #00bcd4; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #00bcd4; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #00bcd4; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #00bcd4; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #00bcd4;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #00bcd4; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #3f51b5; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #3f51b5; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #00bcd4; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #00bcd4; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #00bcd4; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #00bcd4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #00bcd4; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #00bcd4; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #00bcd4; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #00bcd4; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #00bcd4; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #00bcd4; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: white; }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: white;
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..1a890f47ba
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
@@ -0,0 +1,2673 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+/* ANIMATION */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #8bc34a; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #ff9800; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #ff9800; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(139, 195, 74, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(255, 152, 0, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #8bc34a; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #ff9800; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #8bc34a; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #ff9800; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(0, 0, 0, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #8bc34a; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #ff9800; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #8bc34a;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(139, 195, 74, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #8bc34a; }
+
+.mat-icon.mat-accent {
+  color: #ff9800; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #ff9800; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #8bc34a; }
+  .mat-input-ripple.mat-accent {
+    background-color: #ff9800; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23dcedc8%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #dcedc8; }
+
+.mat-progress-bar-fill::after {
+  background-color: #8bc34a; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffe0b2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #ffe0b2; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #ff9800; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #8bc34a; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #ff9800; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #8bc34a; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #8bc34a; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #ff9800; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #ff9800; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #8bc34a; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #ff9800; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ff9800; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(255, 152, 0, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(255, 152, 0, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #8bc34a; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(139, 195, 74, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #8bc34a; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #ff9800; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(255, 152, 0, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #8bc34a;
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-accent {
+    background: #ff9800;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #8bc34a !important; }
+
+.adf-accent-color {
+  color: #ff9800 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background: #8bc34a !important; }
+
+.adf-accent-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #ff9800 !important; }
+
+.adf-primary-contrast-text-color {
+  color: rgba(0, 0, 0, 0.87) !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #8bc34a; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #ff9800; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #8bc34a; }
+  .adf-hyperlink-widget a {
+    color: #8bc34a; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #8bc34a; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #8bc34a; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #8bc34a; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #8bc34a;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #8bc34a; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #ff9800; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #ff9800; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #8bc34a; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #8bc34a; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #8bc34a; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #8bc34a; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #8bc34a; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #8bc34a; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #8bc34a; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #8bc34a; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #8bc34a; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #8bc34a; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(0, 0, 0, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(0, 0, 0, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..33c9d7e296
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
@@ -0,0 +1,2673 @@
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+/* ANIMATION */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #8bc34a; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #3f51b5; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #3f51b5; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(139, 195, 74, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(63, 81, 181, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #8bc34a; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #3f51b5; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #8bc34a; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #3f51b5; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(0, 0, 0, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #8bc34a; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #3f51b5; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #8bc34a;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(139, 195, 74, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #8bc34a; }
+
+.mat-icon.mat-accent {
+  color: #3f51b5; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #3f51b5; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #8bc34a; }
+  .mat-input-ripple.mat-accent {
+    background-color: #3f51b5; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23dcedc8%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #dcedc8; }
+
+.mat-progress-bar-fill::after {
+  background-color: #8bc34a; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23c5cae9%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #c5cae9; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #3f51b5; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #8bc34a; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #3f51b5; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #8bc34a; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #8bc34a; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #3f51b5; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #3f51b5; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #8bc34a; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #3f51b5; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #3f51b5; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(63, 81, 181, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #8bc34a; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(139, 195, 74, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(139, 195, 74, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #8bc34a; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #3f51b5; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #8bc34a;
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-accent {
+    background: #3f51b5;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #8bc34a !important; }
+
+.adf-accent-color {
+  color: #3f51b5 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background: #8bc34a !important; }
+
+.adf-accent-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #3f51b5 !important; }
+
+.adf-primary-contrast-text-color {
+  color: rgba(0, 0, 0, 0.87) !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #8bc34a; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #3f51b5; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #8bc34a; }
+  .adf-hyperlink-widget a {
+    color: #8bc34a; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #8bc34a; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #8bc34a; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #8bc34a; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #8bc34a;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #8bc34a; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #3f51b5; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #3f51b5; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #8bc34a; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #8bc34a; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #8bc34a; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #8bc34a; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #8bc34a; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #8bc34a; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #8bc34a; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #8bc34a; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #8bc34a; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #8bc34a; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(0, 0, 0, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(0, 0, 0, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..2062ee3f55
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
@@ -0,0 +1,2673 @@
+/* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-option {
+  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 {
+    color: #3f51b5; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #ff4081; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(0, 0, 0, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(0, 0, 0, 0.04);
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-option.mat-option-disabled {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-pseudo-checkbox {
+  color: rgba(0, 0, 0, 0.54); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #ff4081; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #b0b0b0; }
+
+.mat-app-background {
+  background-color: #fafafa; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: white;
+    color: rgba(0, 0, 0, 0.87); }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(63, 81, 181, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(255, 64, 129, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #3f51b5; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #ff4081; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: rgba(0, 0, 0, 0.87);
+  background-color: white; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: white; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #3f51b5; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #ff4081; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(0, 0, 0, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 64, 129, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(255, 64, 129, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #e0e0e0;
+  color: black; }
+
+.mat-button-toggle-disabled {
+  background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #bdbdbd; }
+
+.mat-card {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-card-subtitle {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-frame {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-checkbox-checkmark {
+  fill: #fafafa; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #fafafa !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #fafafa; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #3f51b5; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #ff4081; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #b0b0b0; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #b0b0b0; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #b0b0b0; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(255, 64, 129, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #808080;
+  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-table {
+  background: white; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(0, 0, 0, 0.12); }
+
+.mat-header-cell {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-cell {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-datepicker-content {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-calendar-arrow {
+  border-top-color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-table-header {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(0, 0, 0, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-calendar-body-cell-content {
+  color: rgba(0, 0, 0, 0.87);
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(0, 0, 0, 0.38); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(0, 0, 0, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #3f51b5;
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(63, 81, 181, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(0, 0, 0, 0.18); }
+
+.mat-dialog-container {
+  background: white;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel {
+  background: white;
+  color: black; }
+
+.mat-action-row {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(0, 0, 0, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-expansion-panel-header-description {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-expansion-indicator::after {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-icon.mat-primary {
+  color: #3f51b5; }
+
+.mat-icon.mat-accent {
+  color: #ff4081; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #ff4081; }
+
+.mat-input-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-input-ripple {
+  background-color: #3f51b5; }
+  .mat-input-ripple.mat-accent {
+    background-color: #ff4081; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-divider {
+  border-top-color: rgba(0, 0, 0, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: white; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: white; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(0, 0, 0, 0.54); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid rgba(0, 0, 0, 0.54);
+  border-right: 2px solid rgba(0, 0, 0, 0.54); }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23c5cae9%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #c5cae9; }
+
+.mat-progress-bar-fill::after {
+  background-color: #3f51b5; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ff80ab%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #ff80ab; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #ff4081; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #3f51b5; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #ff4081; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.54); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #3f51b5; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #3f51b5; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #ff4081; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #ff4081; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(255, 64, 129, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-underline {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(0, 0, 0, 0.38); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: white; }
+
+.mat-select-value {
+  color: rgba(0, 0, 0, 0.87); }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #3f51b5; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #ff4081; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #fafafa;
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-sidenav {
+  background-color: white;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: white; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(0, 0, 0, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #e91e63; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(233, 30, 99, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(233, 30, 99, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #3f51b5; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(63, 81, 181, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(63, 81, 181, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f44336; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 67, 54, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(0, 0, 0, 0.06); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.1); }
+
+.mat-slide-toggle-thumb {
+  background-color: #fafafa; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #3f51b5; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #ff4081; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(255, 64, 129, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(0, 0, 0, 0.12); }
+
+.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; }
+
+.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 {
+  background-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.38); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(0, 0, 0, 0.26); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(0, 0, 0, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: whitesmoke;
+  color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-primary {
+    background: #3f51b5;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-accent {
+    background: #ff4081;
+    color: white; }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #3f51b5 !important; }
+
+.adf-accent-color {
+  color: #ff4081 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: white !important; }
+
+.adf-primary-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #3f51b5 !important; }
+
+.adf-accent-background-color {
+  color: white !important;
+  background: #ff4081 !important; }
+
+.adf-primary-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-accent-contrast-text-color {
+  color: white !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #3f51b5; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #ff4081; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #3f51b5; }
+  .adf-hyperlink-widget a {
+    color: #3f51b5; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #3f51b5; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #3f51b5; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #3f51b5; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #3f51b5;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #3f51b5; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #ff4081; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #ff4081; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #3f51b5; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: white;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #3f51b5; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #3f51b5; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #3f51b5; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #3f51b5; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #3f51b5; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #3f51b5; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #3f51b5; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #3f51b5; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #3f51b5; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(0, 0, 0, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: rgba(255, 255, 255, 0.87); }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: rgba(0, 0, 0, 0.87); }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: white;
+  color: rgba(0, 0, 0, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(0, 0, 0, 0.14);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(0, 0, 0, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: rgba(0, 0, 0, 0.87);
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(0, 0, 0, 0.07);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: rgba(0, 0, 0, 0.87); }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(0, 0, 0, 0.38); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..dbc8cf9c80
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
@@ -0,0 +1,2673 @@
+/* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.mat-option {
+  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 {
+    color: #c2185b; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #b0bec5; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(255, 255, 255, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(255, 255, 255, 0.04);
+    color: white; }
+  .mat-option.mat-option-disabled {
+    color: rgba(255, 255, 255, 0.3); }
+
+.mat-optgroup-label {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-pseudo-checkbox {
+  color: rgba(255, 255, 255, 0.7); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #b0bec5; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #686868; }
+
+.mat-app-background {
+  background-color: #303030; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: #424242;
+  color: white; }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: #424242;
+    color: white; }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(194, 24, 91, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(176, 190, 197, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #c2185b; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #b0bec5; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(255, 255, 255, 0.3); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: white;
+  background-color: #424242; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(255, 255, 255, 0.3); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #c2185b; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #b0bec5; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(255, 255, 255, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(0, 0, 0, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(194, 24, 91, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(176, 190, 197, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(194, 24, 91, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(176, 190, 197, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(255, 255, 255, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #212121;
+  color: white; }
+
+.mat-button-toggle-disabled {
+  background-color: black;
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #424242; }
+
+.mat-card {
+  background: #424242;
+  color: white; }
+
+.mat-card-subtitle {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-checkbox-frame {
+  border-color: rgba(255, 255, 255, 0.7); }
+
+.mat-checkbox-checkmark {
+  fill: #303030; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #303030 !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #303030; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #c2185b; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #b0bec5; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #686868; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #686868; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #686868; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(194, 24, 91, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(176, 190, 197, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #424242;
+  color: white; }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #212121;
+  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-table {
+  background: #424242; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(255, 255, 255, 0.12); }
+
+.mat-header-cell {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-cell {
+  color: white; }
+
+.mat-datepicker-content {
+  background-color: #424242;
+  color: white; }
+
+.mat-calendar-arrow {
+  border-top-color: white; }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: white; }
+
+.mat-calendar-table-header {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(255, 255, 255, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-calendar-body-cell-content {
+  color: white;
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(255, 255, 255, 0.3); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(255, 255, 255, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #c2185b;
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(194, 24, 91, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(255, 255, 255, 0.1); }
+
+.mat-dialog-container {
+  background: #424242;
+  color: white; }
+
+.mat-expansion-panel {
+  background: #424242;
+  color: white; }
+
+.mat-action-row {
+  border-top-color: rgba(255, 255, 255, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(255, 255, 255, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: white; }
+
+.mat-expansion-panel-header-description {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-expansion-indicator::after {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-icon.mat-primary {
+  color: #c2185b; }
+
+.mat-icon.mat-accent {
+  color: #b0bec5; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #b0bec5; }
+
+.mat-input-underline {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-input-ripple {
+  background-color: #c2185b; }
+  .mat-input-ripple.mat-accent {
+    background-color: #b0bec5; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: white; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-divider {
+  border-top-color: rgba(255, 255, 255, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: #424242; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: #424242; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid white;
+  border-right: 2px solid white; }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23e91e63%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #e91e63; }
+
+.mat-progress-bar-fill::after {
+  background-color: #c2185b; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23cfd8dc%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #cfd8dc; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #b0bec5; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #c2185b; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #b0bec5; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(255, 255, 255, 0.7); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #c2185b; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #c2185b; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(194, 24, 91, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #b0bec5; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #b0bec5; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(176, 190, 197, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-select-underline {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: #424242; }
+
+.mat-select-value {
+  color: white; }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #c2185b; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #b0bec5; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #303030;
+  color: white; }
+
+.mat-sidenav {
+  background-color: #424242;
+  color: white; }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: #424242; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(189, 189, 189, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #b0bec5; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(176, 190, 197, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(176, 190, 197, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #f48fb1; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(244, 143, 177, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(244, 143, 177, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ef9a9a; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(239, 154, 154, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(239, 154, 154, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #424242; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-track-background {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #c2185b; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #b0bec5; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(176, 190, 197, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.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: white; }
+
+.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 {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(255, 255, 255, 0.3);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(255, 255, 255, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: #212121;
+  color: white; }
+  .mat-toolbar.mat-primary {
+    background: #c2185b;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-accent {
+    background: #b0bec5;
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #c2185b !important; }
+
+.adf-accent-color {
+  color: #b0bec5 !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: #424242 !important; }
+
+.adf-primary-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #c2185b !important; }
+
+.adf-accent-background-color {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background: #b0bec5 !important; }
+
+.adf-primary-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(0, 0, 0, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #c2185b; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #b0bec5; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #c2185b; }
+  .adf-hyperlink-widget a {
+    color: #c2185b; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #c2185b; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #c2185b; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #c2185b; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #c2185b;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #c2185b; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #b0bec5; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #b0bec5; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #c2185b; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: #424242;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #c2185b; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #c2185b; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #c2185b; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #c2185b; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #c2185b; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #c2185b; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #c2185b; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #c2185b; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #c2185b; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(255, 255, 255, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: rgba(255, 255, 255, 0.87); }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(255, 255, 255, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: white; }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: #424242;
+  color: rgba(255, 255, 255, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(255, 255, 255, 0.14);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(255, 255, 255, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: white;
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: white; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(255, 255, 255, 0.3); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: white;
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: white; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(255, 255, 255, 0.3); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
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
new file mode 100644
index 0000000000..0b6e1cc75f
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
@@ -0,0 +1,2673 @@
+/* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
+.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); }
+
+.mat-elevation-z1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-elevation-z24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
+
+.mat-h1, .mat-headline, .mat-typography h1 {
+  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h2, .mat-title, .mat-typography h2 {
+  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h3, .mat-subheading-2, .mat-typography h3 {
+  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h4, .mat-subheading-1, .mat-typography h4 {
+  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 16px; }
+
+.mat-h5, .mat-typography h5 {
+  font-size: 11.62px;
+  font-weight: 400;
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif;
+  line-height: 20px;
+  margin: 0 0 12px; }
+
+.mat-body-strong, .mat-body-2 {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-body, .mat-body-1, .mat-typography {
+  font: 400 14px/20px 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-display-4, .mat-typography .mat-display-4 {
+  font: 300 112px/112px 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 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 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0 0 64px; }
+
+.mat-button, .mat-raised-button, .mat-icon-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: 500; }
+
+.mat-button-toggle {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-card {
+  font-family: 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: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-checkbox-layout .mat-checkbox-label {
+  line-height: 24px; }
+
+.mat-chip:not(.mat-basic-chip) {
+  font-size: 13px;
+  line-height: 16px; }
+
+.mat-header-cell {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-cell {
+  font-size: 14px; }
+
+.mat-calendar {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif; }
+
+.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; }
+
+.mat-input-container {
+  font: 400 inherit/1.125 Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-input-wrapper {
+  padding-bottom: 1.29688em; }
+
+.mat-input-prefix .mat-icon,
+.mat-input-prefix .mat-datepicker-toggle,
+.mat-input-suffix .mat-icon,
+.mat-input-suffix .mat-datepicker-toggle {
+  font-size: 150%; }
+
+.mat-input-prefix .mat-icon-button,
+.mat-input-suffix .mat-icon-button {
+  height: 1.5em;
+  width: 1.5em; }
+  .mat-input-prefix .mat-icon-button .mat-icon,
+  .mat-input-suffix .mat-icon-button .mat-icon {
+    line-height: 1.5; }
+
+.mat-input-infix {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+
+.mat-input-element:-webkit-autofill + .mat-input-placeholder-wrapper .mat-float {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+  -ms-transform: translateY(-1.28125em) scale(0.75);
+  width: 133.33333%; }
+
+.mat-input-placeholder-wrapper {
+  top: -0.84375em;
+  padding-top: 0.84375em; }
+
+.mat-input-placeholder {
+  top: 1.28125em; }
+  .mat-input-placeholder.mat-float:not(.mat-empty), .mat-focused .mat-input-placeholder.mat-float {
+    transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-1.28125em) scale(0.75);
+    width: 133.33333%; }
+
+.mat-input-underline {
+  bottom: 1.29688em; }
+
+.mat-input-subscript-wrapper {
+  font-size: 75%;
+  margin-top: 0.60417em;
+  top: calc(100% - 1.72917em); }
+
+.mat-menu-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-paginator {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-paginator-page-size .mat-select-trigger {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 12px; }
+
+.mat-radio-button {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-select-trigger {
+  font-size: 16px; }
+
+.mat-slide-toggle-content {
+  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-slider-thumb-label-text {
+  font-size: 12px;
+  font-weight: 500; }
+
+.mat-tab-group {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-tab-label, .mat-tab-link {
+  font-family: 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 Roboto, "Helvetica Neue", sans-serif;
+  margin: 0; }
+
+.mat-tooltip {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 10px;
+  padding-top: 6px;
+  padding-bottom: 6px; }
+
+.mat-list-item {
+  font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  font-size: 16px; }
+  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line {
+    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) {
+      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 {
+    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) {
+      font-size: 12px; }
+
+.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader {
+  font: 500 12px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-option {
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 16px; }
+
+.mat-optgroup-label {
+  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
+
+.mat-simple-snackbar {
+  font-family: 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-ripple {
+  overflow: hidden; }
+
+.mat-ripple.mat-ripple-unbounded {
+  overflow: visible; }
+
+.mat-ripple-element {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
+  transform: scale(0); }
+
+.mat-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  outline: none; }
+  .mat-option[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-option {
+    text-align: right; }
+  .mat-option .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-option .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+  .mat-option[aria-disabled='true'] {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .mat-optgroup .mat-option:not(.mat-option-multiple) {
+    padding-left: 32px; }
+    [dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple) {
+      padding-left: 16px;
+      padding-right: 32px; }
+
+.mat-option-ripple {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none; }
+  @media screen and (-ms-high-contrast: active) {
+    .mat-option-ripple {
+      opacity: 0.5; } }
+
+.mat-option-pseudo-checkbox {
+  margin-right: 8px; }
+  [dir='rtl'] .mat-option-pseudo-checkbox {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.mat-optgroup-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+  line-height: 48px;
+  height: 48px;
+  padding: 0 16px;
+  text-align: left;
+  text-decoration: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default; }
+  .mat-optgroup-label[disabled] {
+    cursor: default; }
+  [dir='rtl'] .mat-optgroup-label {
+    text-align: right; }
+  .mat-optgroup-label .mat-icon {
+    margin-right: 16px; }
+    [dir='rtl'] .mat-optgroup-label .mat-icon {
+      margin-left: 16px;
+      margin-right: 0; }
+
+.cdk-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.cdk-overlay-container, .cdk-global-overlay-wrapper {
+  pointer-events: none;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%; }
+
+.cdk-overlay-container {
+  position: fixed;
+  z-index: 1000; }
+
+.cdk-global-overlay-wrapper {
+  display: flex;
+  position: absolute;
+  z-index: 1000; }
+
+.cdk-overlay-pane {
+  position: absolute;
+  pointer-events: auto;
+  box-sizing: border-box;
+  z-index: 1000; }
+
+.cdk-overlay-backdrop {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1000;
+  pointer-events: auto;
+  -webkit-tap-highlight-color: transparent;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  opacity: 0; }
+  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.48; }
+
+.cdk-overlay-dark-backdrop {
+  background: rgba(0, 0, 0, 0.6); }
+
+.cdk-overlay-transparent-backdrop {
+  background: none; }
+
+.cdk-global-scrollblock {
+  position: fixed;
+  width: 100%;
+  overflow-y: scroll; }
+
+.mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.1); }
+
+.mat-option {
+  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 {
+    color: #7b1fa2; }
+  .mat-option.mat-selected.mat-accent, .mat-accent .mat-option.mat-selected {
+    color: #69f0ae; }
+  .mat-option.mat-selected.mat-warn, .mat-warn .mat-option.mat-selected {
+    color: #f44336; }
+  .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: rgba(255, 255, 255, 0.04); }
+  .mat-option.mat-active {
+    background: rgba(255, 255, 255, 0.04);
+    color: white; }
+  .mat-option.mat-option-disabled {
+    color: rgba(255, 255, 255, 0.3); }
+
+.mat-optgroup-label {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-optgroup-disabled .mat-optgroup-label {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-pseudo-checkbox {
+  color: rgba(255, 255, 255, 0.7); }
+  .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-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #69f0ae; }
+
+.mat-pseudo-checkbox-checked.mat-warn,
+.mat-pseudo-checkbox-indeterminate.mat-warn,
+.mat-warn .mat-pseudo-checkbox-checked,
+.mat-warn .mat-pseudo-checkbox-indeterminate {
+  background: #f44336; }
+
+.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
+  background: #686868; }
+
+.mat-app-background {
+  background-color: #303030; }
+
+.mat-theme-loaded-marker {
+  display: none; }
+
+.mat-autocomplete-panel {
+  background: #424242;
+  color: white; }
+  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
+    background: #424242;
+    color: white; }
+
+.mat-button, .mat-icon-button {
+  background: transparent; }
+  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay {
+    background-color: rgba(123, 31, 162, 0.12); }
+  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay {
+    background-color: rgba(105, 240, 174, 0.12); }
+  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay {
+    background-color: rgba(244, 67, 54, 0.12); }
+  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay {
+    background-color: transparent; }
+  .mat-button.mat-primary, .mat-icon-button.mat-primary {
+    color: #7b1fa2; }
+  .mat-button.mat-accent, .mat-icon-button.mat-accent {
+    color: #69f0ae; }
+  .mat-button.mat-warn, .mat-icon-button.mat-warn {
+    color: #f44336; }
+  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled] {
+    color: rgba(255, 255, 255, 0.3); }
+
+.mat-raised-button, .mat-fab, .mat-mini-fab {
+  color: white;
+  background-color: #424242; }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    color: white; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    color: rgba(255, 255, 255, 0.3); }
+  .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
+    background-color: #7b1fa2; }
+  .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
+    background-color: #69f0ae; }
+  .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
+    background-color: #f44336; }
+  .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
+    background-color: rgba(255, 255, 255, 0.12); }
+  .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+  .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
+    background-color: rgba(0, 0, 0, 0.2); }
+  .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
+    background-color: rgba(255, 255, 255, 0.2); }
+
+.mat-button.mat-primary .mat-ripple-element {
+  background-color: rgba(123, 31, 162, 0.1); }
+
+.mat-button.mat-accent .mat-ripple-element {
+  background-color: rgba(105, 240, 174, 0.1); }
+
+.mat-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.1); }
+
+.mat-icon-button.mat-primary .mat-ripple-element {
+  background-color: rgba(123, 31, 162, 0.2); }
+
+.mat-icon-button.mat-accent .mat-ripple-element {
+  background-color: rgba(105, 240, 174, 0.2); }
+
+.mat-icon-button.mat-warn .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.2); }
+
+.mat-button-toggle {
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
+    background-color: rgba(255, 255, 255, 0.06); }
+
+.mat-button-toggle-checked {
+  background-color: #212121;
+  color: white; }
+
+.mat-button-toggle-disabled {
+  background-color: black;
+  color: rgba(255, 255, 255, 0.3); }
+  .mat-button-toggle-disabled.mat-button-toggle-checked {
+    background-color: #424242; }
+
+.mat-card {
+  background: #424242;
+  color: white; }
+
+.mat-card-subtitle {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-checkbox-frame {
+  border-color: rgba(255, 255, 255, 0.7); }
+
+.mat-checkbox-checkmark {
+  fill: #303030; }
+
+.mat-checkbox-checkmark-path {
+  stroke: #303030 !important; }
+
+.mat-checkbox-mixedmark {
+  background-color: #303030; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #7b1fa2; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #69f0ae; }
+
+.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
+  background-color: #f44336; }
+
+.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
+  background-color: #686868; }
+
+.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
+  border-color: #686868; }
+
+.mat-checkbox-disabled .mat-checkbox-label {
+  color: #686868; }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(123, 31, 162, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(105, 240, 174, 0.26); }
+
+.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-chip:not(.mat-basic-chip) {
+  background-color: #424242;
+  color: white; }
+
+.mat-chip.mat-chip-selected:not(.mat-basic-chip) {
+  background-color: #212121;
+  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-table {
+  background: #424242; }
+
+.mat-row, .mat-header-row {
+  border-bottom-color: rgba(255, 255, 255, 0.12); }
+
+.mat-header-cell {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-cell {
+  color: white; }
+
+.mat-datepicker-content {
+  background-color: #424242;
+  color: white; }
+
+.mat-calendar-arrow {
+  border-top-color: white; }
+
+.mat-calendar-next-button,
+.mat-calendar-previous-button {
+  color: white; }
+
+.mat-calendar-table-header {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-calendar-table-header-divider::after {
+  background: rgba(255, 255, 255, 0.12); }
+
+.mat-calendar-body-label {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-calendar-body-cell-content {
+  color: white;
+  border-color: transparent; }
+  .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+    color: rgba(255, 255, 255, 0.3); }
+
+:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
+  background-color: rgba(255, 255, 255, 0.04); }
+
+.mat-calendar-body-selected {
+  background-color: #7b1fa2;
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-selected {
+  background-color: rgba(123, 31, 162, 0.4); }
+
+.mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-calendar-body-today.mat-calendar-body-selected {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.87); }
+
+.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
+  border-color: rgba(255, 255, 255, 0.1); }
+
+.mat-dialog-container {
+  background: #424242;
+  color: white; }
+
+.mat-expansion-panel {
+  background: #424242;
+  color: white; }
+
+.mat-action-row {
+  border-top-color: rgba(255, 255, 255, 0.12); }
+
+.mat-expansion-panel-header:focus,
+.mat-expansion-panel-header:hover {
+  background: rgba(255, 255, 255, 0.04); }
+
+.mat-expansion-panel-header-title {
+  color: white; }
+
+.mat-expansion-panel-header-description {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-expansion-indicator::after {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-icon.mat-primary {
+  color: #7b1fa2; }
+
+.mat-icon.mat-accent {
+  color: #69f0ae; }
+
+.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); }
+
+input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required,
+.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required {
+  color: #69f0ae; }
+
+.mat-input-underline {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-input-ripple {
+  background-color: #7b1fa2; }
+  .mat-input-ripple.mat-accent {
+    background-color: #69f0ae; }
+  .mat-input-ripple.mat-warn {
+    background-color: #f44336; }
+
+.mat-input-invalid .mat-input-placeholder {
+  color: #f44336; }
+  .mat-input-invalid .mat-input-placeholder.mat-accent,
+  .mat-input-invalid .mat-input-placeholder.mat-float .mat-placeholder-required {
+    color: #f44336; }
+
+.mat-input-invalid .mat-input-ripple {
+  background-color: #f44336; }
+
+.mat-input-error {
+  color: #f44336; }
+
+.mat-list .mat-list-item, .mat-nav-list .mat-list-item {
+  color: white; }
+
+.mat-list .mat-subheader, .mat-nav-list .mat-subheader {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-divider {
+  border-top-color: rgba(255, 255, 255, 0.12); }
+
+.mat-nav-list .mat-list-item {
+  outline: none; }
+  .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 {
+  background: #424242; }
+
+.mat-menu-item {
+  background: transparent;
+  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-paginator {
+  background: #424242; }
+
+.mat-paginator,
+.mat-paginator-page-size .mat-select-trigger {
+  color: rgba(255, 255, 255, 0.7); }
+
+.mat-paginator-increment,
+.mat-paginator-decrement {
+  border-top: 2px solid white;
+  border-right: 2px solid white; }
+
+.mat-icon-button[disabled] .mat-paginator-increment,
+.mat-icon-button[disabled] .mat-paginator-decrement {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%239c27b0%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar-buffer {
+  background-color: #9c27b0; }
+
+.mat-progress-bar-fill::after {
+  background-color: #7b1fa2; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23b9f6ca%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #b9f6ca; }
+
+.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #69f0ae; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-background {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23ffcdd2%27%2F%3E%3C%2Fsvg%3E"); }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
+  background-color: #ffcdd2; }
+
+.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
+  background-color: #f44336; }
+
+.mat-progress-spinner path, .mat-spinner path {
+  stroke: #7b1fa2; }
+
+.mat-progress-spinner.mat-accent path, .mat-spinner.mat-accent path {
+  stroke: #69f0ae; }
+
+.mat-progress-spinner.mat-warn path, .mat-spinner.mat-warn path {
+  stroke: #f44336; }
+
+.mat-radio-outer-circle {
+  border-color: rgba(255, 255, 255, 0.7); }
+
+.mat-radio-disabled .mat-radio-outer-circle {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-radio-disabled .mat-radio-label-content {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #7b1fa2; }
+
+.mat-radio-button.mat-primary .mat-radio-inner-circle {
+  background-color: #7b1fa2; }
+
+.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(123, 31, 162, 0.26); }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #69f0ae; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle {
+  background-color: #69f0ae; }
+
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(105, 240, 174, 0.26); }
+
+.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-inner-circle {
+  background-color: #f44336; }
+
+.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
+  background-color: rgba(244, 67, 54, 0.26); }
+
+.mat-select-trigger,
+.mat-select-arrow {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-select-underline {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-select-disabled .mat-select-value,
+.mat-select-arrow,
+.mat-select-trigger {
+  color: rgba(255, 255, 255, 0.3); }
+
+.mat-select-content, .mat-select-panel-done-animating {
+  background: #424242; }
+
+.mat-select-value {
+  color: white; }
+
+.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; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-primary .mat-select-underline {
+  background-color: #7b1fa2; }
+
+.mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-trigger, .mat-select:focus:not(.mat-select-disabled).mat-accent .mat-select-arrow {
+  color: #69f0ae; }
+
+.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 {
+  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 {
+  background-color: #f44336; }
+
+.mat-sidenav-container {
+  background-color: #303030;
+  color: white; }
+
+.mat-sidenav {
+  background-color: #424242;
+  color: white; }
+  .mat-sidenav.mat-sidenav-push {
+    background-color: #424242; }
+
+.mat-sidenav-backdrop.mat-sidenav-shown {
+  background-color: rgba(189, 189, 189, 0.6); }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #a5d6a7; }
+
+.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(165, 214, 167, 0.5); }
+
+.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle .mat-ripple-element {
+  background-color: rgba(165, 214, 167, 0.12); }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ce93d8; }
+
+.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(206, 147, 216, 0.5); }
+
+.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle.mat-primary .mat-ripple-element {
+  background-color: rgba(206, 147, 216, 0.12); }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ef9a9a; }
+
+.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: rgba(239, 154, 154, 0.5); }
+
+.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle.mat-warn .mat-ripple-element {
+  background-color: rgba(239, 154, 154, 0.12); }
+
+.mat-disabled .mat-slide-toggle-thumb {
+  background-color: #424242; }
+
+.mat-disabled .mat-slide-toggle-bar {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.mat-slide-toggle-thumb {
+  background-color: #bdbdbd; }
+
+.mat-slide-toggle-bar {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-track-background {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-primary .mat-slider-track-fill,
+.mat-primary .mat-slider-thumb,
+.mat-primary .mat-slider-thumb-label {
+  background-color: #7b1fa2; }
+
+.mat-primary .mat-slider-thumb-label-text {
+  color: rgba(255, 255, 255, 0.87); }
+
+.mat-accent .mat-slider-track-fill,
+.mat-accent .mat-slider-thumb,
+.mat-accent .mat-slider-thumb-label {
+  background-color: #69f0ae; }
+
+.mat-accent .mat-slider-thumb-label-text {
+  color: rgba(0, 0, 0, 0.87); }
+
+.mat-warn .mat-slider-track-fill,
+.mat-warn .mat-slider-thumb,
+.mat-warn .mat-slider-thumb-label {
+  background-color: #f44336; }
+
+.mat-warn .mat-slider-thumb-label-text {
+  color: white; }
+
+.mat-slider-focus-ring {
+  background-color: rgba(105, 240, 174, 0.2); }
+
+.mat-slider:hover .mat-slider-track-background,
+.cdk-focused .mat-slider-track-background {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-disabled .mat-slider-track-background,
+.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider-disabled .mat-slider-thumb {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-disabled:hover .mat-slider-track-background {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-min-value .mat-slider-focus-ring {
+  background-color: rgba(255, 255, 255, 0.12); }
+
+.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: white; }
+
+.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 {
+  background-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+  border-color: rgba(255, 255, 255, 0.3);
+  background-color: transparent; }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+  border-color: rgba(255, 255, 255, 0.3); }
+
+.mat-slider-has-ticks .mat-slider-wrapper::after {
+  border-color: rgba(255, 255, 255, 0.7); }
+
+.mat-slider-horizontal .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
+  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
+
+.mat-slider-vertical .mat-slider-ticks {
+  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
+
+.mat-tab-nav-bar,
+.mat-tab-header {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
+
+.mat-tab-group-inverted-header .mat-tab-nav-bar,
+.mat-tab-group-inverted-header .mat-tab-header {
+  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-toolbar {
+  background: #212121;
+  color: white; }
+  .mat-toolbar.mat-primary {
+    background: #7b1fa2;
+    color: rgba(255, 255, 255, 0.87); }
+  .mat-toolbar.mat-accent {
+    background: #69f0ae;
+    color: rgba(0, 0, 0, 0.87); }
+  .mat-toolbar.mat-warn {
+    background: #f44336;
+    color: white; }
+
+.mat-tooltip {
+  background: rgba(97, 97, 97, 0.9); }
+
+.adf-primary-color {
+  color: #7b1fa2 !important; }
+
+.adf-accent-color {
+  color: #69f0ae !important; }
+
+.adf-warn-color {
+  color: #f44336 !important; }
+
+.adf-background-color {
+  background: #424242 !important; }
+
+.adf-primary-background-color {
+  color: rgba(255, 255, 255, 0.87) !important;
+  background: #7b1fa2 !important; }
+
+.adf-accent-background-color {
+  color: rgba(0, 0, 0, 0.87) !important;
+  background: #69f0ae !important; }
+
+.adf-primary-contrast-text-color {
+  color: rgba(255, 255, 255, 0.87) !important; }
+
+.adf-accent-contrast-text-color {
+  color: rgba(0, 0, 0, 0.87) !important; }
+
+.adf-breadcrumb {
+  display: flex;
+  flex: 1;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: -0.2px; }
+  .adf-breadcrumb-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: default;
+    display: flex;
+    overflow: hidden;
+    height: 25px; }
+  .adf-breadcrumb-item {
+    padding-right: 2px;
+    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;
+    text-align: left;
+    opacity: 0.6; }
+    .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active {
+      opacity: 1; }
+    .adf-breadcrumb-item.active {
+      flex: 1 0 auto; }
+    .adf-breadcrumb-item-chevron {
+      opacity: 1; }
+    .adf-breadcrumb-item.mat-primary {
+      color: #7b1fa2; }
+    .adf-breadcrumb-item.mat-accent {
+      color: #69f0ae; }
+    .adf-breadcrumb-item.mat-warn {
+      color: #f44336; }
+    .adf-breadcrumb-item-anchor {
+      color: inherit;
+      text-decoration: none;
+      display: block;
+      width: 100%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden; }
+    .adf-breadcrumb-item.active {
+      display: block; }
+
+.adf-hyperlink-widget {
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent; }
+  .adf-hyperlink-widget .focus {
+    color: #7b1fa2; }
+  .adf-hyperlink-widget a {
+    color: #7b1fa2; }
+
+ul > li > form-field > .adf-focus .adf-label {
+  color: #7b1fa2; }
+
+.adf-error-text-container {
+  width: 95%;
+  height: 20px;
+  margin-top: -12px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+.adf-field-list {
+  padding: 0;
+  list-style-type: none;
+  width: 100%;
+  height: 100%; }
+
+.adf .container-widget__header-text {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
+  margin-left: 10px;
+  margin-right: 10px;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */ }
+  .adf .container-widget__header-text.collapsible {
+    cursor: pointer; }
+
+container-widget .grid-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -1%;
+  margin-right: -1%; }
+
+container-widget .grid-list-item {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding-left: 1%;
+  padding-right: 1%; }
+
+container-widget md-input-container {
+  width: 100%; }
+
+container-widget .mat-input-placeholder-wrapper {
+  top: 0 !important; }
+
+container-widget .mat-input-placeholder {
+  top: 2.5em !important; }
+
+container-widget .mat-focused .mat-input-placeholder-wrapper {
+  display: none; }
+
+container-widget .mat-focused label {
+  transform: scaleX(1);
+  transition: transform 150ms linear, background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
+  color: #7b1fa2; }
+
+container-widget .mat-focused .mat-input-prefix {
+  color: #7b1fa2; }
+
+container-widget .mat-grid-tile {
+  overflow: visible; }
+
+.adf-diagram-tooltip {
+  transform: scale(0);
+  transform-origin: top center;
+  z-index: 999;
+  display: inline-block;
+  font-weight: 500;
+  line-height: 14px;
+  font-size: 14px;
+  max-width: 300px;
+  position: fixed;
+  top: -500px;
+  left: -500px;
+  text-align: left;
+  will-change: unset;
+  border: 1px solid #c5c5c5;
+  word-wrap: break-word; }
+
+.adf-diagram-tooltip.is-active {
+  animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }
+
+.adf-diagram-tooltip-header {
+  background-color: rgba(43, 65, 79, 0.95);
+  color: #FFF;
+  padding: 8px;
+  font-weight: bold;
+  min-width: 200px;
+  line-height: 20px; }
+
+.adf-diagram-tooltip-body {
+  color: #4a4a4a;
+  background-color: rgba(255, 255, 255, 0.95); }
+
+.adf-diagram-tooltip-body > div {
+  padding: 4px 8px; }
+
+.adf-diagram-tooltip-body > div:first-child {
+  padding-top: 8px; }
+
+.adf-diagram-tooltip-body > div:last-child {
+  padding-bottom: 8px; }
+
+.adf-diagram-propertyName {
+  font-weight: bold;
+  margin-right: 5px; }
+
+.adf-diagram-propertyValue {
+  font-style: italic; }
+
+@keyframes tooltipAnimation {
+  0% {
+    transform: scale(0);
+    opacity: 0; }
+  50% {
+    transform: scale(0.99); }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+    visibility: visible; } }
+
+.adf-comment-img-container {
+  float: left;
+  width: 40px;
+  padding: 5px 10px;
+  height: 100%; }
+
+.adf-comment-user-icon {
+  padding: 10px 5px;
+  width: 30px;
+  background-color: #7b1fa2;
+  border-radius: 50%;
+  font-family: Muli;
+  font-size: 16px;
+  color: #fff;
+  text-align: center;
+  height: 18px;
+  background-size: cover; }
+
+.adf-comment-user-name {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-weight: 600;
+  color: #595959; }
+
+.adf-comment-message {
+  float: left;
+  width: calc(100% - 10px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-style: italic;
+  color: #595959;
+  white-space: initial; }
+
+.adf-comment-message-time {
+  float: left;
+  width: calc(100% - 120px);
+  padding: 2px 10px;
+  font-family: Muli;
+  font-size: 12px;
+  color: #595959; }
+
+.adf-comment-contents {
+  float: left;
+  width: calc(100% - 10px); }
+
+.adf-datatable /deep/ table {
+  border: none !important; }
+  .adf-datatable /deep/ table thead {
+    display: none; }
+  .adf-datatable /deep/ table tbody td {
+    padding: 0px !important;
+    border-top: none !important; }
+
+.adf-people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+.adf-new-task-heading {
+  padding: 12px 20px;
+  font-family: Muli;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+  float: left;
+  text-align: left;
+  width: calc(100% - 40px); }
+
+.adf-new-task-layout-card {
+  width: 66.6667%;
+  margin-right: calc(33.3333% / 2 - 24px);
+  margin-left: calc(33.3333% / 2 - 24px);
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding: 0px; }
+
+.adf-new-task-footer {
+  padding: 4px;
+  font-family: Muli;
+  font-size: 18px;
+  border-top: 1px solid #eee;
+  float: left;
+  width: calc(100% - 40px);
+  text-align: right; }
+
+.adf-start-task-input-container {
+  width: 80%; }
+
+.adf-new-task-text-width {
+  width: 90%; }
+
+.adf-error-text-container {
+  position: absolute;
+  width: 81%;
+  height: 20px;
+  margin-top: 30px; }
+
+.adf-error-text {
+  padding: 1px;
+  height: 16px;
+  font-size: 12px;
+  line-height: 1.33;
+  float: left;
+  color: #f44336; }
+
+.adf-error-icon {
+  float: right;
+  font-size: 17px;
+  color: #f44336; }
+
+.adf-label {
+  color: #bababa; }
+
+.adf-invalid .mat-input-underline {
+  background-color: #f44336 !important; }
+
+.adf-invalid .adf-file {
+  border-color: #f44336; }
+
+.adf-invalid .mat-input-prefix {
+  color: #f44336; }
+
+.adf-invalid .adf-input {
+  border-color: #f44336; }
+
+.adf-invalid .adf-label {
+  color: #f44336; }
+  .adf-invalid .adf-label:after {
+    background-color: #f44336; }
+
+:host {
+  width: 100%; }
+
+.activiti-label {
+  font-weight: bolder; }
+
+.material-icons.people-search__icon:hover {
+  color: #7b1fa2; }
+
+.fix-element-user-list {
+  padding-top: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-left: 0px; }
+
+.search-text-header {
+  font-weight: bold;
+  opacity: 0.54; }
+
+.search-text-container {
+  width: 100%; }
+
+.search-list-container {
+  max-height: 152px;
+  width: 100%;
+  overflow-y: auto; }
+
+adf-people-list /deep/ adf-datatable /deep/ thead {
+  display: none; }
+
+.search-list-action-container {
+  border-top: 1px solid #eee;
+  text-align: right;
+  padding: 5px 0px;
+  margin-top: 5px; }
+  .search-list-action-container > button {
+    opacity: 0.54;
+    font-weight: bolder; }
+    .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;
+  padding: 10px 5px;
+  border-radius: 90%;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 4px 12px; }
+
+.adf-file-uploading-list {
+  display: flex;
+  align-items: center;
+  padding: 0.5em 1em 0.5em 1em; }
+  .adf-file-uploading-list:not(:first-child) {
+    border-top: 1px solid; }
+  .adf-file-uploading-list .list-row {
+    cursor: default; }
+    .adf-file-uploading-list .list-row__name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      flex: 1 1 auto;
+      padding: 0 1em 0 0.5em; }
+    .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block {
+      min-width: 200px;
+      display: flex;
+      justify-content: flex-end; }
+    .adf-file-uploading-list .list-row__group--toggle {
+      cursor: pointer; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__status {
+        display: flex; }
+      .adf-file-uploading-list .list-row__group--toggle .list-row__action {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status {
+        display: none; }
+      .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action {
+        display: flex; }
+    .adf-file-uploading-list .list-row__status--done {
+      color: #69f0ae; }
+    .adf-file-uploading-list .list-row__status--error {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--cancel {
+      color: #f44336; }
+    .adf-file-uploading-list .list-row__action--remove {
+      color: #69f0ae; }
+
+.assignment-header {
+  width: 100%;
+  border-bottom: 1px solid #eee;
+  padding: 6px 20px; }
+
+.assigment-count {
+  float: left;
+  padding: 10px 0px;
+  font-weight: bolder;
+  font-family: Muli;
+  opacity: 0.54; }
+
+.add-people {
+  float: right;
+  padding: 8px;
+  height: 26px;
+  opacity: 0.54;
+  cursor: pointer; }
+  .add-people:hover {
+    color: #7b1fa2; }
+
+.assignment-top-container {
+  border-top: 2px solid #eee;
+  margin: 0px;
+  padding: 0px; }
+
+.assignment-container {
+  padding: 10px 20px;
+  border-bottom: 1px solid #eee;
+  width: 100%; }
+
+.assignment-list-container {
+  padding: 0px;
+  width: 100%; }
+
+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;
+  padding: 10px 5px;
+  border-radius: 100px;
+  color: #fff;
+  text-align: center;
+  font-weight: bolder;
+  font-size: 18px;
+  font-family: Muli;
+  text-transform: uppercase;
+  vertical-align: text-bottom; }
+
+.people-img {
+  border-radius: 90%;
+  width: 40px;
+  height: 40px;
+  vertical-align: middle; }
+
+adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell {
+  padding: 10px; }
+
+.show {
+  display: block !important; }
+
+.hide {
+  display: none !important; }
+
+.icon-inline {
+  position: absolute;
+  display: block;
+  top: 31%;
+  left: 82%;
+  width: 30px;
+  overflow: hidden; }
+
+.adf-login-content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  margin: 0 auto;
+  -webkit-align-items: stretch;
+  -ms-flex-align: stretch;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  background-size: cover;
+  background-position: center;
+  min-height: 100%;
+  padding: 0;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.adf-login-card-wide {
+  border-radius: 8px;
+  background-color: #424242;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  width: 450px;
+  min-width: 350px;
+  padding: 21px 64px 34px 64px;
+  box-sizing: border-box; }
+
+@media (max-width: 482px) {
+  .adf-login-card-wide {
+    width: calc(100% - 32px); } }
+
+.error {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: flex-start;
+  -moz-box-pack: flex-start;
+  box-pack: flex-start;
+  justify-content: flex-start;
+  color: #f44336;
+  padding: 0px;
+  margin-bottom: 4px;
+  font-size: 13px; }
+
+.error .error-icon {
+  margin-right: 10px; }
+
+.adf-img-logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.adf-alfresco-logo {
+  padding: 24px 16px 24px 16px; }
+
+.adf-alfresco-logo img {
+  max-height: 43px; }
+
+.adf-login-button {
+  width: 100%;
+  height: 36px;
+  line-height: 38px;
+  box-shadow: none; }
+
+.adf-login-button-label {
+  color: white; }
+
+.adf-login-button.isChecking {
+  background-color: #e0f7fa; }
+
+.adf-login-button.isChecking .adf-login-button-label {
+  color: #00bcd4; }
+
+.adf-login-button.isWelcome {
+  background-color: #00bcd4;
+  color: #ffffff; }
+
+.adf-login-button.isWelcome .welcome-icon {
+  margin: 5px 0 0 10px; }
+
+.adf-interactive-login-label {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  box-pack: center;
+  justify-content: center; }
+
+.adf-login-checking-spinner {
+  height: 30px !important;
+  width: 20px !important;
+  margin-left: 10px; }
+
+.adf-login-controls {
+  padding: 0 0 26px 0;
+  overflow: visible;
+  width: 100%; }
+
+.adf-login-action {
+  margin-top: 20px;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -moz-box-orient: horizontal;
+  box-orient: horizontal;
+  flex-direction: row;
+  -webkit-box-pack: space-between;
+  -moz-box-pack: space-between;
+  box-pack: space-between;
+  justify-content: space-between; }
+
+.adf-login-action-left a, .adf-login-action-right a {
+  text-decoration: none; }
+
+/* Known issue in angular material design module in betas */
+> > > .rememberme-cb label > div {
+  margin-right: 8px; }
+
+.is-active {
+  background-color: transparent;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.33;
+  color: #f44336; }
+
+.copyright {
+  width: 450px;
+  text-align: center;
+  padding-top: 16px;
+  font-size: 12px;
+  opacity: 0.54; }
+
+.mat-input-container .adf-login-password-icon.mat-icon {
+  font-size: 24px;
+  cursor: pointer;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  position: relative;
+  top: -6px;
+  height: 20px;
+  opacity: 0.54; }
+
+.adf-login__field > > > .mat-input-wrapper {
+  margin: 1em 0 0 0;
+  font-size: 16px; }
+
+.adf-login-validation {
+  background-color: transparent;
+  color: #f44336;
+  font-size: 12px; }
+
+.adf-login-error {
+  color: #f44336;
+  position: absolute;
+  font-size: 12px;
+  margin-top: 5px;
+  display: block; }
+
+.adf-login-message {
+  color: blue; }
+
+.adf-full-width {
+  width: 100%; }
+
+.adf-login__remember-me {
+  padding-top: 22px; }
+
+.adf-login__remember-me > > > .mat-checkbox-label {
+  opacity: 0.87; }
+
+.adf-login__field {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  padding-bottom: 18px; }
+
+.adf-login-action-container {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 23px; }
+
+.adf-panel-heading {
+  float: left;
+  font-size: 14px;
+  font-weight: bold;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: left;
+  width: 100%; }
+
+.adf-panel-heading-selected {
+  color: #7b1fa2; }
+
+.adf-panel-heading-icon {
+  float: left; }
+
+.adf-panel-heading-text {
+  float: left;
+  padding-left: 20px;
+  padding-top: 4px; }
+
+.adf-panel-heading-toggle {
+  float: right;
+  cursor: pointer; }
+
+.adf-panel-heading-toggle:hover {
+  opacity: 0.4; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.adf-filters__entry {
+  cursor: pointer; }
+
+.adf-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-filters__entry.active {
+  color: #7b1fa2; }
+
+.adf-filters__entry:hover {
+  opacity: 0.8; }
+
+.adf-filters__entry.active .adf-filters__entry-icon {
+  color: #7b1fa2; }
+
+.mdl-list__item {
+  cursor: pointer; }
+
+.activiti-filters__entry {
+  cursor: pointer; }
+
+.activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.activiti-filters__entry.active {
+  color: #7b1fa2; }
+
+.activiti-filters__entry:hover {
+  opacity: 0.8; }
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #7b1fa2; }
+
+.adf-analytics-report-list .mdl-list__item {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry {
+  cursor: pointer; }
+
+.adf-analytics-report-list .activiti-filters__entry-icon {
+  margin-right: 12px !important; }
+
+.adf-analytics-report-list .activiti-filters__entry.active {
+  color: #7b1fa2; }
+
+.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon {
+  color: #7b1fa2; }
+
+.adf-analytics-report-list .application-title {
+  z-index: 7; }
+
+.adf-analytics-report-list .logo {
+  position: absolute;
+  right: 20px;
+  top: 35px;
+  z-index: 6; }
+
+.adf-analytics-report-list .logo i {
+  font-size: 70px; }
+
+.adf-analytics-report-list .theme-1 {
+  background-color: #269abc; }
+
+.adf-analytics-report-list .theme-1 .logo i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i {
+  color: #168aac; }
+
+.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover {
+  color: #b7dfea; }
+
+.adf-analytics-report-list .selectedIcon {
+  color: #e9f1f3 !important; }
+
+.adf-controls {
+  display: flex;
+  justify-content: space-between; }
+
+.adf-edit-controls {
+  display: flex;
+  justify-content: flex-end;
+  margin-left: auto; }
+
+.adf-switch-to-edit-mode, .adf-save-edit-mode {
+  color: #7b1fa2; }
+
+.adf-cancel-edit-mode, .adf-claim-controls {
+  color: #838383; }
+
+.adf-card-container {
+  font-family: inherit; }
+
+.adf-textitem-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  padding-left: 8px;
+  opacity: 0.5; }
+
+.adf-update-icon {
+  padding-left: 13px; }
+
+.adf-textitem-readonly {
+  cursor: pointer; }
+  .adf-textitem-readonly:hover md-icon {
+    opacity: 1; }
+
+.adf-textitem-clickable-value {
+  cursor: pointer;
+  color: #7b1fa2; }
+
+.adf-textitem-editable {
+  display: flex; }
+  .adf-textitem-editable md-icon:hover {
+    opacity: 1;
+    cursor: pointer; }
+  .adf-textitem-editable md-input-container {
+    width: 100%; }
+  .adf-textitem-editable input:focus,
+  .adf-textitem-editable textarea:focus {
+    border: 1px solid #EEE; }
+
+.adf-textitem-editable /deep/ .mat-input-wrapper {
+  margin: 0;
+  padding-bottom: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-underline {
+  display: none; }
+
+.adf-textitem-editable /deep/ .mat-input-infix {
+  padding: 0;
+  border-top: none; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+  padding-top: 2em;
+  position: static; }
+
+.adf-textitem-editable /deep/ .mat-input-placeholder {
+  top: 0; }
+
+.adf-textitem-editable /deep/ .mat-input-element {
+  font-family: inherit;
+  position: relative;
+  padding-top: 3px; }
+
+.adf-textitem-editable /deep/ .mat-input-element:focus {
+  padding: 5px;
+  left: -6px;
+  top: -6px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element {
+  margin-bottom: 2px; }
+
+.adf-textitem-editable /deep/ input.mat-input-element:focus {
+  margin-bottom: -8px; }
+
+.adf-invisible-date-input {
+  height: 24px;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  border: none;
+  margin: 0;
+  padding: 0; }
+
+.adf-dateitem-editable {
+  cursor: pointer; }
+  .adf-dateitem-editable button {
+    width: 16px;
+    height: 16px;
+    opacity: 0.5;
+    margin-left: 4px; }
+  .adf-dateitem-editable:hover button {
+    opacity: 1; }
+
+.adf-pagination {
+  display: flex;
+  border-top: 1px solid rgba(255, 255, 255, 0.07);
+  height: 48px;
+  line-height: 48px;
+  color: rgba(255, 255, 255, 0.87); }
+  .adf-pagination__block {
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    border-right: 1px solid rgba(255, 255, 255, 0.07); }
+    .adf-pagination__block:first-child {
+      flex: 1 1 auto;
+      padding-left: 24px; }
+    .adf-pagination__block:last-child {
+      border-right-width: 0; }
+  .adf-pagination__max-items {
+    margin-left: 10px; }
+  .adf-pagination__max-items, .adf-pagination__current-page {
+    margin-right: 5px; }
+    .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button {
+      color: white; }
+    .adf-pagination__max-items + button, .adf-pagination__current-page + button {
+      margin-left: -10px; }
+  .adf-pagination__previous-button, .adf-pagination__next-button {
+    margin: 0 5px; }
+  .adf-pagination button[md-icon-button] {
+    width: 32px;
+    height: 32px;
+    line-height: 32px; }
+
+.upload-dialog {
+  background: #424242;
+  color: rgba(255, 255, 255, 0.54);
+  position: fixed;
+  bottom: 20px;
+  width: 40%;
+  box-shadow: 1px 5px 15px #888888; }
+  .upload-dialog--position-left {
+    left: 25px; }
+  .upload-dialog--position-right {
+    right: 25px; }
+  .upload-dialog--minimized {
+    width: 20%; }
+    .upload-dialog--minimized .upload-dialog__content {
+      display: none; }
+  .upload-dialog__header {
+    padding: 1em;
+    display: flex;
+    align-items: center; }
+  .upload-dialog__title {
+    margin-left: 0.5em;
+    flex: 1 1 auto; }
+  .upload-dialog__info {
+    padding: 0 1em 1em 1em; }
+  .upload-dialog__content {
+    overflow: auto;
+    max-height: 195px;
+    border-top: 1px solid rgba(255, 255, 255, 0.14);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
+  .upload-dialog__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: 1em; }
+    .upload-dialog__actions > button {
+      text-transform: uppercase; }
+  .upload-dialog md-icon {
+    cursor: pointer; }
+
+.adf-property-list {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+.adf-property {
+  display: table-row; }
+
+.adf-property /deep/ .adf-property-label {
+  display: table-cell;
+  min-width: 100px;
+  padding-right: 30px;
+  word-wrap: break-word;
+  color: #bababa;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-property /deep/ .adf-property-value {
+  width: 100%;
+  display: table-cell;
+  color: #656565;
+  vertical-align: top;
+  padding-bottom: 20px; }
+
+.adf-toolbar--spacer {
+  flex: 1 1 auto; }
+
+.adf-toolbar .mat-toolbar {
+  min-height: 48px;
+  border: 1px solid rgba(255, 255, 255, 0.07); }
+
+.adf-toolbar .mat-toolbar-row {
+  height: 48px;
+  font-size: 14px;
+  white-space: normal; }
+
+.adf-dynamic-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0; }
+  .adf-dynamic-table thead {
+    padding-bottom: 3px; }
+  .adf-dynamic-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-dynamic-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-dynamic-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-dynamic-table td, .adf-dynamic-table th {
+    padding: 0 18px 12px 18px;
+    text-align: center; }
+    .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-dynamic-table td {
+    color: white;
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-dynamic-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-dynamic-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-dynamic-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc {
+      color: white; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before {
+          color: rgba(255, 255, 255, 0.3); }
+    .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-dynamic-table .adf-dynamic-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-dynamic-table .adf-dynamic-table-cell--text {
+      text-align: left; }
+    .adf-dynamic-table .adf-dynamic-table-cell--number {
+      text-align: right; }
+    .adf-dynamic-table .adf-dynamic-table-cell--image {
+      text-align: left; }
+      .adf-dynamic-table .adf-dynamic-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-dynamic-table .full-width {
+    width: 100%; }
+
+.adf-dropdown-breadcrumb {
+  display: flex;
+  justify-content: flex-start;
+  height: 25px; }
+
+.adf-dropdown-breadcumb-trigger {
+  cursor: pointer;
+  padding: 0;
+  border: none;
+  background: transparent; }
+
+.adf-dropdown-breadcumb-trigger.isRoot {
+  cursor: not-allowed; }
+
+.adf-dropdown-breadcrumb-path {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  margin-top: 35px;
+  margin-left: -30px; }
+
+.adf-current-folder {
+  margin-left: 30px;
+  line-height: 26px; }
+
+.adf-current-folder.isRoot {
+  margin-left: 0; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option {
+  height: 28px;
+  line-height: 28px;
+  padding: 0 12px;
+  font-size: 13px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:first-child {
+  padding-top: 4px; }
+
+.adf-dropdown-breadcrumb-path-option.mat-option:last-child {
+  padding-bottom: 4px; }
+
+.adf-data-table {
+  width: 100%;
+  position: relative;
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  border-collapse: collapse;
+  white-space: nowrap;
+  font-size: 14px;
+  /* Firefox fixes */
+  border-collapse: unset;
+  border-spacing: 0;
+  /* Empty folder */
+  /* Loading folder */ }
+  .adf-data-table thead {
+    padding-bottom: 3px; }
+  .adf-data-table tbody tr {
+    position: relative;
+    height: 56px;
+    transition-duration: 0.28s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-property: background-color; }
+    .adf-data-table tbody tr:hover {
+      background-color: #eeeeee; }
+    .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover {
+      background-color: #e0f7fa; }
+    .adf-data-table tbody tr:focus {
+      outline-offset: -1px;
+      outline-width: 1px;
+      outline-color: #448aff;
+      outline-style: solid; }
+  .adf-data-table td, .adf-data-table th {
+    padding: 0 18px 12px 18px;
+    text-align: right; }
+    .adf-data-table td:first-of-type, .adf-data-table th:first-of-type {
+      padding-left: 24px; }
+    .adf-data-table td:last-of-type, .adf-data-table th:last-of-type {
+      padding-right: 24px; }
+  .adf-data-table td {
+    color: white;
+    position: relative;
+    vertical-align: middle;
+    height: 56px;
+    border-top: 1px solid rgba(255, 255, 255, 0.07);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+    padding-top: 12px;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: default; }
+  .adf-data-table th {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    vertical-align: bottom;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 24px;
+    letter-spacing: 0;
+    height: 56px;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.87);
+    padding-bottom: 8px;
+    box-sizing: border-box; }
+    .adf-data-table th.sortable {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none; }
+      .adf-data-table th.sortable:hover {
+        cursor: pointer; }
+    .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc {
+      color: white; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before {
+        font-family: 'Material Icons';
+        font-weight: normal;
+        font-style: normal;
+        font-size: 24px;
+        line-height: 1;
+        letter-spacing: normal;
+        text-transform: none;
+        display: inline-block;
+        word-wrap: normal;
+        font-feature-settings: 'liga';
+        -webkit-font-feature-settings: 'liga';
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        content: "\e5d8";
+        margin-right: 5px;
+        vertical-align: sub; }
+      .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover {
+        cursor: pointer; }
+        .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before {
+          color: rgba(255, 255, 255, 0.3); }
+    .adf-data-table th.adf-data-table__header--sorted-desc:before {
+      content: "\e5db"; }
+  .adf-data-table .adf-data-table-cell {
+    text-align: left;
+    cursor: default; }
+    .adf-data-table .adf-data-table-cell--text {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--date {
+      text-align: left; }
+    .adf-data-table .adf-data-table-cell--number {
+      text-align: right; }
+    .adf-data-table .adf-data-table-cell--image {
+      text-align: left; }
+      .adf-data-table .adf-data-table-cell--image img {
+        width: 24px;
+        height: 24px; }
+  .adf-data-table .full-width {
+    width: 100%; }
+  .adf-data-table .adf-no-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-no-content-container > img {
+      width: 100%; }
+  .adf-data-table .adf-loading-content-container {
+    padding: 0 !important; }
+    .adf-data-table .adf-loading-content-container > img {
+      width: 100%; }
+  .adf-data-table .ellipsis-cell {
+    /* visible content */
+    /* cell stretching content */ }
+    .adf-data-table .ellipsis-cell .cell-container {
+      height: 1em; }
+    .adf-data-table .ellipsis-cell .cell-value {
+      display: block;
+      position: absolute;
+      max-width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      /* for vertical align of text */
+      line-height: 1em; }
+    .adf-data-table .ellipsis-cell > div:after {
+      content: attr(title);
+      overflow: hidden;
+      height: 0;
+      display: block; }
+
+/* Utils */
+/* [Accessibility] For screen reader only */
+:host .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+/* small desktop */
+/* tablet */
+/* mobile phone */
+@media all and (max-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+@media (max-device-width: 768px) {
+  .desktop-only {
+    display: none; } }
+
+.adf-upload__dragging > td {
+  border-top: 1px dashed #448aff;
+  border-bottom: 1px dashed #448aff; }
+  .adf-upload__dragging > td:first-child {
+    border-left: 1px dashed #448aff; }
+  .adf-upload__dragging > td:last-child {
+    border-right: 1px dashed #448aff; }
+
+.adf-content-node-selector-dialog .mat-dialog-container {
+  padding: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 16px;
+  margin: 0; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-title {
+  text-transform: capitalize; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-content {
+  padding-top: 0; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-input {
+    width: 100%; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon {
+      color: rgba(0, 0, 0, 0.38);
+      cursor: pointer; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
+        color: black; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
+    height: 1px;
+    transition: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
+    width: 100%;
+    margin-bottom: 20px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
+      font-size: 14px; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
+      font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
+    border: none; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-content-list {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid rgba(0, 0, 0, 0.07); }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
+      color: #33afdfnpm np; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
+      border: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
+        text-align: center; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
+        display: none; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        border-top: none;
+        height: 30px; }
+      .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
+        height: auto !important; }
+        .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
+          border-bottom: none; }
+
+.adf-content-node-selector-dialog .adf-content-node-selector-actions {
+  padding: 8px;
+  background-color: #fafafa;
+  display: flex;
+  justify-content: flex-end;
+  color: #797979; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child {
+    margin-bottom: 0px; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel {
+    font-weight: normal; }
+  .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose {
+    font-weight: normal; }
+    .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
+      opacity: 0.6; }
diff --git a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.css b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.css
deleted file mode 100644
index 778c78d0e1..0000000000
--- a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.adf-panel-heading {
-    float: left;
-    font-size: 14px;
-    font-weight: bold;
-    font-style: normal;
-    font-stretch: normal;
-    line-height: normal;
-    letter-spacing: normal;
-    text-align: left;
-    color: #000000;
-    width: 100%;
-}
-
-.adf-panel-heading-selected {
-    color: #448aff;
-}
-
-.adf-panel-heading-icon {
-    float: left;
-}
-
-.adf-panel-heading-text {
-    float: left;
-    padding-left: 20px;
-    padding-top: 4px;
-}
-
-.adf-panel-heading-toggle {
-    float: right;
-    cursor: pointer;
-}
-
-.adf-panel-heading-toggle:hover {
-    opacity: 0.4;
-}
diff --git a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.scss b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.scss
new file mode 100644
index 0000000000..0d515499bc
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.scss
@@ -0,0 +1,38 @@
+@mixin mat-accordion-theme($theme) {
+    $primary: map-get($theme, primary);
+
+    .adf-panel-heading {
+        float: left;
+        font-size: 14px;
+        font-weight: bold;
+        font-style: normal;
+        font-stretch: normal;
+        line-height: normal;
+        letter-spacing: normal;
+        text-align: left;
+        width: 100%;
+    }
+
+    .adf-panel-heading-selected {
+        color: mat-color($primary);
+    }
+
+    .adf-panel-heading-icon {
+        float: left;
+    }
+
+    .adf-panel-heading-text {
+        float: left;
+        padding-left: 20px;
+        padding-top: 4px;
+    }
+
+    .adf-panel-heading-toggle {
+        float: right;
+        cursor: pointer;
+    }
+
+    .adf-panel-heading-toggle:hover {
+        opacity: 0.4;
+    }
+}
diff --git a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.ts b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.ts
index 01187ce72a..0f786bbbe3 100644
--- a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.ts
+++ b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.ts
@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, EventEmitter, Input, OnDestroy, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, Input, OnDestroy, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { AccordionComponent } from './accordion.component';
 
 @Component({
     selector: 'adf-accordion-group',
     templateUrl: 'accordion-group.component.html',
-    styleUrls: ['./accordion-group.component.css']
-
+    styleUrls: ['./accordion-group.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class AccordionGroupComponent implements OnDestroy {
     private _isOpen: boolean = false;
diff --git a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion.component.ts b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion.component.ts
index 2356f90994..74960b32f2 100644
--- a/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion.component.ts
+++ b/ng2-components/ng2-alfresco-core/src/components/collapsable/accordion.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { AccordionGroupComponent } from './accordion-group.component';
 
 @Component({
@@ -25,7 +25,8 @@ import { AccordionGroupComponent } from './accordion-group.component';
     `,
     host: {
         'class': 'panel-group'
-    }
+    },
+    encapsulation: ViewEncapsulation.None
 })
 export class AccordionComponent {
     groups: Array<AccordionGroupComponent> = [];
diff --git a/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss b/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
index e304c918d5..cc4871aa6a 100644
--- a/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
@@ -1,55 +1,58 @@
-@import 'theming';
 
-$adf-pagination--height: 48px;
-$adf-pagination--icon-button-size: 32px;
-$adf-pagination--border: 1px solid $alfresco-divider-color;
+@mixin mat-pagination-theme($theme) {
+    $foreground: map-get($theme, foreground);
 
-.adf-pagination {
-    display: flex;
-    border-top: $adf-pagination--border;
-    height: $adf-pagination--height;
-    line-height: $adf-pagination--height;
-    color: $alfresco-secondary-text-color;
+    $adf-pagination--height: 48px;
+    $adf-pagination--icon-button-size: 32px;
+    $adf-pagination--border: 1px solid  mat-color($foreground, text, .07);
 
-    &__block {
+    .adf-pagination {
         display: flex;
-        align-items: center;
-        padding: 0 12px;
-        border-right: $adf-pagination--border;
+        border-top: $adf-pagination--border;
+        height: $adf-pagination--height;
+        line-height: $adf-pagination--height;
+        color: mat-color($primary, default-contrast);
 
-        &:first-child {
-            flex: 1 1 auto;
-            padding-left: 24px;
+        &__block {
+            display: flex;
+            align-items: center;
+            padding: 0 12px;
+            border-right: $adf-pagination--border;
+
+            &:first-child {
+                flex: 1 1 auto;
+                padding-left: 24px;
+            }
+
+            &:last-child {
+                border-right-width: 0;
+            }
         }
 
-        &:last-child {
-            border-right-width: 0;
-        }
-    }
-
-    &__max-items {
-        margin-left: 10px;
-    }
-
-    &__max-items, &__current-page {
-        margin-right: 5px;
-
-        &, & + button {
-            color: $alfresco-primary-text-color;
+        &__max-items {
+            margin-left: 10px;
         }
 
-        & + button {
-            margin-left: -10px;
+        &__max-items, &__current-page {
+            margin-right: 5px;
+
+            &, & + button {
+                color: mat-color($foreground, text);
+            }
+
+            & + button {
+                margin-left: -10px;
+            }
+        }
+
+        &__previous-button, &__next-button {
+            margin: 0 5px;
+        }
+
+        button[md-icon-button] {
+            width: $adf-pagination--icon-button-size;
+            height: $adf-pagination--icon-button-size;
+            line-height: $adf-pagination--icon-button-size;
         }
     }
-
-    &__previous-button, &__next-button {
-        margin: 0 5px;
-    }
-
-    button[md-icon-button] {
-        width: $adf-pagination--icon-button-size;
-        height: $adf-pagination--icon-button-size;
-        line-height: $adf-pagination--icon-button-size;
-    }
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-alfresco-core/src/components/toolbar/toolbar.component.scss b/ng2-components/ng2-alfresco-core/src/components/toolbar/toolbar.component.scss
index f4d362dcf3..9078175dd0 100644
--- a/ng2-components/ng2-alfresco-core/src/components/toolbar/toolbar.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/toolbar/toolbar.component.scss
@@ -1,22 +1,25 @@
-@import 'theming';
 
-$adf-toolbar-height: 48px;
-$adf-toolbar-font-size: 14px;
+@mixin mat-adf-toolbar-theme($theme) {
+    $foreground: map-get($theme, foreground);
+    $adf-toolbar-height: 48px;
+    $adf-toolbar-font-size: 14px;
 
-.adf-toolbar--spacer {
-  flex: 1 1 auto;
-}
-
-.adf-toolbar {
-
-    .mat-toolbar {
-        min-height: $adf-toolbar-height;
-        border: 1px solid $alfresco-divider-color;
+    .adf-toolbar--spacer {
+        flex: 1 1 auto;
     }
 
-    .mat-toolbar-row {
-        height: $adf-toolbar-height;
-        font-size: $adf-toolbar-font-size;
-        white-space: normal;
+    .adf-toolbar {
+
+        .mat-toolbar {
+            min-height: $adf-toolbar-height;
+            border: 1px solid mat-color($foreground, text, .07);
+        }
+
+        .mat-toolbar-row {
+            height: $adf-toolbar-height;
+            font-size: $adf-toolbar-font-size;
+            white-space: normal;
+        }
     }
+
 }
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss
index f10e76ee69..4d05b7ba97 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-dateitem.component.scss
@@ -1,28 +1,29 @@
-@import 'theming';
+@mixin mat-card-view-dateitem-theme($theme) {
 
-.#{$ADF} {
-    &-invisible-date-input {
-        height: 24px;
-        width: 0;
-        overflow: hidden;
-        opacity: 0;
-        border: none;
-        margin: 0;
-        padding: 0;
-    }
-
-    &-dateitem-editable {
-        cursor: pointer;
-
-        button {
-            width: 16px;
-            height: 16px;
-            opacity: 0.5;
-            margin-left: 4px;
+    .adf {
+        &-invisible-date-input {
+            height: 24px;
+            width: 0;
+            overflow: hidden;
+            opacity: 0;
+            border: none;
+            margin: 0;
+            padding: 0;
         }
 
-        &:hover button {
-            opacity: 1;
+        &-dateitem-editable {
+            cursor: pointer;
+
+            button {
+                width: 16px;
+                height: 16px;
+                opacity: 0.5;
+                margin-left: 4px;
+            }
+
+            &:hover button {
+                opacity: 1;
+            }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-mapitem.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view-mapitem.component.scss
index 5a42b14ba1..5ae2bcb56b 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-mapitem.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-mapitem.component.scss
@@ -1,6 +1,4 @@
-@import 'theming';
-
-.#{$ADF} {
+.adf {
     &-mapitem-clickable-value {
         cursor: pointer;
     }
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss
index 982206c95f..f02b006728 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss
@@ -1,90 +1,92 @@
-@import 'theming';
+@mixin mat-card-view-textitem-theme($theme) {
 
-.#{$ADF} {
-    &-textitem-icon {
-        font-size: 16px;
-        width: 16px;
-        height: 16px;
-        position: relative;
-        top: 3px;
-        padding-left: 8px;
-        opacity: 0.5;
-    }
-
-    &-update-icon {
-        padding-left: 13px;
-    }
-
-    &-textitem-readonly {
-        cursor: pointer;
-
-        &:hover md-icon {
-            opacity: 1;
+    .adf {
+        &-textitem-icon {
+            font-size: 16px;
+            width: 16px;
+            height: 16px;
+            position: relative;
+            top: 3px;
+            padding-left: 8px;
+            opacity: 0.5;
         }
-    }
 
-    &-textitem-clickable-value {
-        cursor: pointer;
-    }
+        &-update-icon {
+            padding-left: 13px;
+        }
 
-    &-textitem-editable {
-        display: flex;
-
-        md-icon:hover {
-            opacity: 1;
+        &-textitem-readonly {
             cursor: pointer;
+
+            &:hover md-icon {
+                opacity: 1;
+            }
         }
 
-        md-input-container {
-            width: 100%;
+        &-textitem-clickable-value {
+            cursor: pointer;
+            color: mat-color($primary);
         }
 
-        input:focus,
-        textarea:focus {
-            border: 1px solid #EEE;
+        &-textitem-editable {
+            display: flex;
+
+            md-icon:hover {
+                opacity: 1;
+                cursor: pointer;
+            }
+
+            md-input-container {
+                width: 100%;
+            }
+
+            input:focus,
+            textarea:focus {
+                border: 1px solid #EEE;
+            }
         }
-    }
 
-    &-textitem-editable /deep/ .mat-input-wrapper {
-        margin: 0;
-        padding-bottom: 0;
-    }
+        &-textitem-editable /deep/ .mat-input-wrapper {
+            margin: 0;
+            padding-bottom: 0;
+        }
 
-    &-textitem-editable /deep/ .mat-input-underline {
-        display: none;
-    }
+        &-textitem-editable /deep/ .mat-input-underline {
+            display: none;
+        }
 
-    &-textitem-editable /deep/ .mat-input-infix {
-        padding: 0;
-        border-top: none;
-    }
+        &-textitem-editable /deep/ .mat-input-infix {
+            padding: 0;
+            border-top: none;
+        }
 
-    &-textitem-editable /deep/ .mat-input-placeholder-wrapper {
-        padding-top: 2em;
-        position: static;
-    }
+        &-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+            padding-top: 2em;
+            position: static;
+        }
 
-    &-textitem-editable /deep/ .mat-input-placeholder {
-        top: 0;
-    }
+        &-textitem-editable /deep/ .mat-input-placeholder {
+            top: 0;
+        }
 
-    &-textitem-editable /deep/ .mat-input-element {
-        font-family: inherit;
-        position: relative;
-        padding-top: 3px;
-    }
+        &-textitem-editable /deep/ .mat-input-element {
+            font-family: inherit;
+            position: relative;
+            padding-top: 3px;
+        }
 
-    &-textitem-editable /deep/ .mat-input-element:focus {
-        padding: 5px;
-        left: -6px;
-        top: -6px;
-    }
+        &-textitem-editable /deep/ .mat-input-element:focus {
+            padding: 5px;
+            left: -6px;
+            top: -6px;
+        }
 
-    &-textitem-editable /deep/ input.mat-input-element {
-        margin-bottom: 2px;
-    }
+        &-textitem-editable /deep/ input.mat-input-element {
+            margin-bottom: 2px;
+        }
 
-    &-textitem-editable /deep/ input.mat-input-element:focus {
-        margin-bottom: -8px;
+        &-textitem-editable /deep/ input.mat-input-element:focus {
+            margin-bottom: -8px;
+        }
     }
 }
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss
index a787628502..a35ebb5cd2 100644
--- a/ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss
+++ b/ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss
@@ -1,32 +1,34 @@
-@import 'theming';
 
-.#{$ADF} {
-    &-property-list {
-        display: table;
-        width: 100%;
-        border-collapse: collapse;
-        border-spacing: 0;
-    }
+@mixin mat-card-view-theme($theme) {
 
-    &-property {
-        display: table-row;
-    }
+    .adf {
+        &-property-list {
+            display: table;
+            width: 100%;
+            border-collapse: collapse;
+            border-spacing: 0;
+        }
 
-    &-property /deep/ &-property-label {
-        display: table-cell;
-        min-width: 100px;
-        padding-right: 30px;
-        word-wrap: break-word;
-        color: $alfresco-gray-label;
-        vertical-align: top;
-        padding-bottom: 20px;
-    }
+        &-property {
+            display: table-row;
+        }
 
-    &-property /deep/ &-property-value {
-        width: 100%;
-        display: table-cell;
-        color: rgb(101, 101, 101);
-        vertical-align: top;
-        padding-bottom: 20px;
+        &-property /deep/ &-property-label {
+            display: table-cell;
+            min-width: 100px;
+            padding-right: 30px;
+            word-wrap: break-word;
+            color: rgb(186, 186, 186);;
+            vertical-align: top;
+            padding-bottom: 20px;
+        }
+
+        &-property /deep/ &-property-value {
+            width: 100%;
+            display: table-cell;
+            color: rgb(101, 101, 101);
+            vertical-align: top;
+            padding-bottom: 20px;
+        }
     }
 }
diff --git a/ng2-components/ng2-alfresco-core/styles/_all-theme.scss b/ng2-components/ng2-alfresco-core/styles/_all-theme.scss
new file mode 100644
index 0000000000..251f2cae3f
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/_all-theme.scss
@@ -0,0 +1,64 @@
+@import '../../ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component';
+@import '../../ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component';
+@import '../../ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component';
+
+@import '../../ng2-activiti-form/src/components/widgets/form';
+@import '../../ng2-activiti-form/src/components/widgets/container/container.widget';
+@import '../../ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss';
+
+@import '../../ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component';
+
+@import '../../ng2-activiti-analytics/src/components/analytics-report-list.component';
+
+@import '../../ng2-activiti-tasklist/src/components/comment-list.component';
+@import '../../ng2-activiti-tasklist/src/components/start-task.component';
+@import '../../ng2-activiti-tasklist/src/components/people-search.component';
+@import '../../ng2-activiti-tasklist/src/components/people.component';
+@import '../../ng2-activiti-tasklist/src/components/task-filters.component';
+@import '../../ng2-activiti-tasklist/src/components/task-header.component';
+
+@import '../../ng2-activiti-processlist/src/components/process-filters.component';
+
+@import '../../ng2-alfresco-upload/src/components/file-uploading-list-row.component';
+@import '../../ng2-alfresco-upload/src/components/file-uploading-dialog.component';
+
+@import '../../ng2-alfresco-login/src/components/login.component';
+
+@import '../../ng2-alfresco-core/src/components/collapsable/accordion-group.component';
+@import '../../ng2-alfresco-core/src/components/view/card-view-textitem.component';
+@import '../../ng2-alfresco-core/src/components/view/card-view-dateitem.component';
+@import '../../ng2-alfresco-core/src/components/view/card-view.component';
+@import '../../ng2-alfresco-core/src/components/toolbar/toolbar.component';
+@import '../../ng2-alfresco-core/src/components/pagination/pagination.component';
+@import '../../ng2-alfresco-core/styles/theme-colors';
+
+@import '../../ng2-alfresco-datatable/src/components/datatable/datatable.component.scss';
+
+@mixin alfresco-material-theme($theme) {
+    @include mat-colors-theme($theme);
+    @include mat-breadcrumb-theme($theme);
+    @include mat-form-theme($theme);
+    @include mat-container-widget-theme($theme);
+    @include mat-diagram-tooltip-theme($theme);
+    @include mat-comment-list-theme($theme);
+    @include mat-start-task-theme($theme);
+    @include mat-people-search-theme($theme);
+    @include mat-file-uploading-list-theme($theme);
+    @include mat-people-theme($theme);
+    @include mat-login-theme($theme);
+    @include mat-accordion-theme($theme);
+    @include mat-filters-task-theme($theme);
+    @include mat-filters-process-theme($theme);
+    @include mat-analytics-report-list-theme($theme);
+    @include mat-header-theme($theme);
+    @include mat-card-view-textitem-theme($theme);
+    @include mat-card-view-dateitem-theme($theme);
+    @include mat-pagination-theme($theme);
+    @include mat-upload-dialog-theme($theme);
+    @include mat-card-view-theme($theme);
+    @include mat-adf-toolbar-theme($theme);
+    @include mat-dynamic-table-theme($theme);
+    @include mat-breadcrumb-dropdown-theme($theme);
+    @include mat-datatable-theme($theme);
+    @include mat-content-node-selector-theme($theme);
+}
diff --git a/ng2-components/ng2-alfresco-core/styles/_colors.scss b/ng2-components/ng2-alfresco-core/styles/_colors.scss
index 49f4e8e030..2f576d8f78 100644
--- a/ng2-components/ng2-alfresco-core/styles/_colors.scss
+++ b/ng2-components/ng2-alfresco-core/styles/_colors.scss
@@ -1,3 +1,4 @@
+
 // Accent color palette
 $black-87-opacity: rgba(black, 0.87);
 $white-87-opacity: rgba(white, 0.87);
@@ -6,6 +7,138 @@ $white-12-opacity: rgba(white, 0.12);
 $black-6-opacity: rgba(black, 0.06);
 $white-6-opacity: rgba(white, 0.06);
 
+$alfresco-ecm-cyan: (
+    50: #e0f7fa,
+    100: #b2ebf2,
+    200: #80deea,
+    300: #4dd0e1,
+    400: #26c6da,
+    500: #00bcd4,
+    600: #00acc1,
+    700: #0097a7,
+    800: #00838f,
+    900: #006064,
+    A100: #84ffff,
+    A200: #18ffff,
+    A400: #00e5ff,
+    A700: #00b8d4,
+    contrast: (
+        50: $black-87-opacity,
+        100: $black-87-opacity,
+        200: $black-87-opacity,
+        300: $black-87-opacity,
+        400: $black-87-opacity,
+        500: white,
+        600: white,
+        700: white,
+        800: white,
+        900: $white-87-opacity,
+        A100: $black-87-opacity,
+        A200: $black-87-opacity,
+        A400: $black-87-opacity,
+        A700: $black-87-opacity,
+    )
+);
+
+$alfresco-dev-teal: (
+    50: #e0f2f1,
+    100: #b2dfdb,
+    200: #80cbc4,
+    300: #4db6ac,
+    400: #26a69a,
+    500: #009688,
+    600: #00897b,
+    700: #00796b,
+    800: #00695c,
+    900: #004d40,
+    A100: #a7ffeb,
+    A200: #64ffda,
+    A400: #1de9b6,
+    A700: #00bfa5,
+    contrast: (
+        50: $black-87-opacity,
+        100: $black-87-opacity,
+        200: $black-87-opacity,
+        300: $black-87-opacity,
+        400: $black-87-opacity,
+        500: white,
+        600: white,
+        700: white,
+        800: $white-87-opacity,
+        900: $white-87-opacity,
+        A100: $black-87-opacity,
+        A200: $black-87-opacity,
+        A400: $black-87-opacity,
+        A700: $black-87-opacity,
+    )
+);
+
+$alfresco-ecm-blue: (
+    50: #e3f2fd,
+    100: #bbdefb,
+    200: #90caf9,
+    300: #64b5f6,
+    400: #42a5f5,
+    500: #2196f3,
+    600: #1e88e5,
+    700: #1976d2,
+    800: #1565c0,
+    900: #0d47a1,
+    A100: #82b1ff,
+    A200: #448aff,
+    A400: #2979ff,
+    A700: #2962ff,
+    contrast: (
+        50: $black-87-opacity,
+        100: $black-87-opacity,
+        200: $black-87-opacity,
+        300: $black-87-opacity,
+        400: $black-87-opacity,
+        500: white,
+        600: white,
+        700: white,
+        800: $white-87-opacity,
+        900: $white-87-opacity,
+        A100: $black-87-opacity,
+        A200: white,
+        A400: white,
+        A700: white,
+    )
+);
+
+$alfresco-bpm-green: (
+    50: #f1f8e9,
+    100: #dcedc8,
+    200: #c5e1a5,
+    300: #aed581,
+    400: #9ccc65,
+    500: #8bc34a,
+    600: #7cb342,
+    700: #689f38,
+    800: #558b2f,
+    900: #33691e,
+    A100: #ccff90,
+    A200: #b2ff59,
+    A400: #76ff03,
+    A700: #64dd17,
+    contrast: (
+        50: $black-87-opacity,
+        100: $black-87-opacity,
+        200: $black-87-opacity,
+        300: $black-87-opacity,
+        400: $black-87-opacity,
+        500: $black-87-opacity,
+        600: $black-87-opacity,
+        700: $black-87-opacity,
+        800: white,
+        900: white,
+        A100: $black-87-opacity,
+        A200: $black-87-opacity,
+        A400: $black-87-opacity,
+        A700: $black-87-opacity,
+    )
+);
+
 $alfresco-warn: (
     50: #ffebee,
     100: #ffcdd2,
@@ -39,7 +172,7 @@ $alfresco-warn: (
     )
 );
 
-$alfresco-accent: (
+$alfresco-accent-purple: (
     50: #e8eaf6,
     100: #c5cae9,
     200: #9fa8da,
@@ -72,7 +205,7 @@ $alfresco-accent: (
     )
 );
 
-$alfresco-primary: (
+$alfresco-accent-orange: (
     50: #fff3e0,
     100: #ffe0b2,
     200: #ffcc80,
@@ -104,42 +237,3 @@ $alfresco-primary: (
         A700: black,
     )
 );
-
-$alfresco-primary-accent--default: #ff9100;
-$alfresco-primary-accent--hue-1: #ffd180;
-$alfresco-primary-accent--hue-2: #ffab40;
-$alfresco-primary-accent--hue-3: #ff6d00;
-
-$alfresco-secondary-accent--default: #3d5afe;
-$alfresco-secondary-accent--hue-1: #8c9eff;
-$alfresco-secondary-accent--hue-2: #536dfe;
-$alfresco-secondary-accent--hue-3: #304ffe;
-
-// Warn color palette
-$alfresco-warn-color--default: #ff1744;
-$alfresco-warn-color--hue-1: #ff8a80;
-$alfresco-warn-color--hue-2: #ff5252;
-$alfresco-warn-color--hue-3: #d50000;
-
-// Grayscale
-$alfresco-white: #fff;
-$alfresco-black: #000;
-
-// Dark
-$alfresco-dark-color--default: #78909c;
-$alfresco-dark-color--hue-1: #eceff1;
-$alfresco-dark-color--hue-3: #546e7a;
-
-$alfresco-drop-shadow: #888888;
-
-$alfresco-primary-text-color: rgba($alfresco-black, .87);
-$alfresco-secondary-text-color: rgba($alfresco-black, .54);
-
-$alfresco-hint-text-color: rgba($alfresco-black, .38);
-$alfresco-disabled-text-color: rgba($alfresco-black, .26);
-
-$alfresco-divider-color: rgba($alfresco-black, .07);
-
-$alfresco-gray-background: #fafafa;
-
-$alfresco-gray-label: rgb(186, 186, 186);
diff --git a/ng2-components/ng2-alfresco-core/styles/_mdl-overrides.scss b/ng2-components/ng2-alfresco-core/styles/_mdl-overrides.scss
deleted file mode 100644
index 5de631c0fe..0000000000
--- a/ng2-components/ng2-alfresco-core/styles/_mdl-overrides.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@import 'colors';
-
-$button-fab-color-alt: $alfresco-primary-accent--default;
-
-$layout-header-mobile-row-height: 65px;
-$layout-header-desktop-row-height: 65px;
-
-$layout-header-desktop-baseline: 25px;
-$layout-header-mobile-baseline: 25px;
-
-/* snackBar */
-$md-snack-bar-container-background: $alfresco-white;
-$md-simple-snackbar-message: $alfresco-secondary-text-color;
-$md-simple-snackbar-action: $alfresco-primary-accent--hue-2;
diff --git a/ng2-components/ng2-alfresco-core/styles/_mixins.scss b/ng2-components/ng2-alfresco-core/styles/_mixins.scss
index 737d639391..6a1ac6994f 100644
--- a/ng2-components/ng2-alfresco-core/styles/_mixins.scss
+++ b/ng2-components/ng2-alfresco-core/styles/_mixins.scss
@@ -1,3 +1,5 @@
+@import 'variables';
+
 @mixin no-select {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
diff --git a/ng2-components/ng2-alfresco-core/styles/_theme-colors.scss b/ng2-components/ng2-alfresco-core/styles/_theme-colors.scss
new file mode 100644
index 0000000000..061fd4beee
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/_theme-colors.scss
@@ -0,0 +1,42 @@
+@mixin mat-colors-theme($theme) {
+
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    .adf-primary-color {
+        color: mat-color($primary) !important;
+    }
+
+    .adf-accent-color {
+        color: mat-color($accent) !important;
+    }
+
+    .adf-warn-color {
+        color: mat-color($warn) !important;
+    }
+
+    .adf-background-color {
+        background: mat-color($background, dialog) !important;
+    }
+
+    .adf-primary-background-color {
+        color: mat-color($primary, default-contrast) !important;
+        background: mat-color($primary) !important;
+    }
+
+    .adf-accent-background-color {
+        color: mat-color($accent, default-contrast) !important;
+        background: mat-color($accent) !important;
+    }
+
+    .adf-primary-contrast-text-color {
+        color: mat-color($primary, default-contrast) !important;
+    }
+
+    .adf-accent-contrast-text-color {
+        color: mat-color($accent, default-contrast) !important;
+    }
+}
diff --git a/ng2-components/ng2-alfresco-core/styles/_theming.scss b/ng2-components/ng2-alfresco-core/styles/_theming.scss
index c1d3d9958b..6cdb96a071 100644
--- a/ng2-components/ng2-alfresco-core/styles/_theming.scss
+++ b/ng2-components/ng2-alfresco-core/styles/_theming.scss
@@ -1,15 +1,6 @@
 @import 'mixins';
 @import 'variables';
 @import 'colors';
-@import 'mdl-overrides';
-
+@import '_all-theme';
 @import '~@angular/material/theming';
 
-@include mat-core();
-
-$primary: mat-palette($alfresco-primary);
-$accent:  mat-palette($alfresco-accent);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme($primary, $accent, $warn);
-
-@include angular-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/_variables.scss b/ng2-components/ng2-alfresco-core/styles/_variables.scss
index 812b9de72b..a4963579ec 100644
--- a/ng2-components/ng2-alfresco-core/styles/_variables.scss
+++ b/ng2-components/ng2-alfresco-core/styles/_variables.scss
@@ -1,7 +1,5 @@
 @import 'colors';
 
-$ADF: adf;
-
 /* ANIMATION */
 $animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
 $animation-curve-default: $animation-curve-fast-out-slow-in !default;
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss
new file mode 100644
index 0000000000..1eccbd8aa6
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import '../colors';
+@import '../all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-ecm-blue);
+$accent:  mat-palette($alfresco-accent-orange);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss
new file mode 100644
index 0000000000..04ac4b7dbd
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import '../colors';
+@import '../all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-ecm-blue);
+$accent:  mat-palette($alfresco-accent-purple);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss
new file mode 100644
index 0000000000..e21908b9f5
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import '../colors';
+@import '../all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-ecm-cyan);
+$accent:  mat-palette($alfresco-accent-orange);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss
new file mode 100644
index 0000000000..3bce61861b
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import '../colors';
+@import '../all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-ecm-cyan);
+$accent:  mat-palette($alfresco-accent-purple);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss
new file mode 100644
index 0000000000..78b52db996
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import '../colors';
+@import '../all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-bpm-green);
+$accent:  mat-palette($alfresco-accent-orange);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss
new file mode 100644
index 0000000000..17f6e9c607
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss
@@ -0,0 +1,13 @@
+@import '~@angular/material/theming';
+@import '../colors';
+@import '../all-theme';
+
+@include mat-core();
+
+$primary: mat-palette($alfresco-bpm-green);
+$accent:  mat-palette($alfresco-accent-purple);
+$warn:    mat-palette($alfresco-warn);
+$theme:   mat-light-theme($primary, $accent, $warn);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss
new file mode 100644
index 0000000000..d27bf3eb60
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss
@@ -0,0 +1,11 @@
+@import '../all-theme';
+@import '~@angular/material/theming';
+
+@include mat-core();
+
+$primary: mat-palette($mat-indigo);
+$accent:  mat-palette($mat-pink, A200, A100, A400);
+$theme: mat-light-theme($primary, $accent);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss
new file mode 100644
index 0000000000..2b7dcbbf6e
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss
@@ -0,0 +1,11 @@
+@import '../all-theme';
+@import '~@angular/material/theming';
+
+@include mat-core();
+
+$primary: mat-palette($mat-pink, 700, 500, 900);
+$accent:  mat-palette($mat-blue-grey, A200, A100, A400);
+$theme: mat-dark-theme($primary, $accent);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss
new file mode 100644
index 0000000000..e8e9693447
--- /dev/null
+++ b/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss
@@ -0,0 +1,11 @@
+@import '../all-theme';
+@import '~@angular/material/theming';
+
+@include mat-core();
+
+$primary: mat-palette($mat-purple, 700, 500, 800);
+$accent:  mat-palette($mat-green, A200, A100, A400);
+$theme: mat-dark-theme($primary, $accent);
+
+@include angular-material-theme($theme);
+@include alfresco-material-theme($theme);
diff --git a/ng2-components/ng2-alfresco-datatable/README.md b/ng2-components/ng2-alfresco-datatable/README.md
index c566a9a4d8..931ab619f1 100644
--- a/ng2-components/ng2-alfresco-datatable/README.md
+++ b/ng2-components/ng2-alfresco-datatable/README.md
@@ -12,8 +12,9 @@
   * [DataTable Events](#datatable-events)
   * [DataTable DOM Events](#datatable-dom-events)
   * [Automatic column header translation](#automatic-column-header-translation)
+  * [Custom tooltips](#custom-tooltips)
   * [Custom Empty content template](#custom-empty-content-template)
-  * [Default Empty content template](#default-empty-content-template)
+  * [Custom Empty content template](#custom-empty-content-template-1)
   * [Loading content template](#loading-content-template)
   * [Column Templates](#column-templates)
   * [Events](#events)
diff --git a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss
index 72703ae735..0dd2144191 100644
--- a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss
+++ b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss
@@ -1,264 +1,268 @@
-@import 'theming';
 
-$data-table-font-size: 14px !default;
-$data-table-header-font-size: 12px !default;
-$data-table-header-sort-icon-size: 16px !default;
-$data-table-header-color: $alfresco-secondary-text-color !default;
-$data-table-header-sorted-color: $alfresco-primary-text-color !default;
-$data-table-header-sorted-icon-hover-color: $alfresco-disabled-text-color !default;
-$data-table-divider-color: $alfresco-divider-color !default;
-$data-table-hover-color: #eeeeee !default;
-$data-table-selection-color: #e0f7fa !default;
-$data-table-dividers: 1px solid $data-table-divider-color !default;
-$data-table-row-height: 56px !default;
-// $data-table-last-row-height: 56px !default;
-// $data-table-header-height: 56px !default;
-$data-table-column-spacing: 36px !default;
-$data-table-column-padding: $data-table-column-spacing / 2;
-// $data-table-card-header-height: 64px !default;
-// $data-table-card-title-top: 20px !default;
-$data-table-card-padding: 24px !default;
-// $data-table-button-padding-right: 16px !default;
-$data-table-cell-top: $data-table-card-padding / 2;
-$data-table-drag-border: 1px dashed rgb(68,138,255);
+@mixin mat-datatable-theme($theme) {
+    $foreground: map-get($theme, foreground);
+    $primary: map-get($theme, primary);
 
-.adf-data-table {
-    width: 100%;
-    position: relative;
-    border: $data-table-dividers;
-    border-collapse: collapse;
-    white-space: nowrap;
-    font-size: $data-table-font-size;
-    background-color: unquote("rgb(#{$alfresco-white})");
+    $data-table-font-size: 14px !default;
+    $data-table-header-font-size: 12px !default;
+    $data-table-header-sort-icon-size: 16px !default;
+    $data-table-header-color: mat-color($primary, default-contrast) !default;
+    $data-table-header-sorted-color: mat-color($foreground, text) !default;
+    $data-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default;
+    $data-table-divider-color: mat-color($foreground, text, .07) !default;
+    $data-table-hover-color: #eeeeee !default;
+    $data-table-selection-color: #e0f7fa !default;
+    $data-table-dividers: 1px solid $data-table-divider-color !default;
+    $data-table-row-height: 56px !default;
+    // $data-table-last-row-height: 56px !default;
+    // $data-table-header-height: 56px !default;
+    $data-table-column-spacing: 36px !default;
+    $data-table-column-padding: $data-table-column-spacing / 2;
+    // $data-table-card-header-height: 64px !default;
+    // $data-table-card-title-top: 20px !default;
+    $data-table-card-padding: 24px !default;
+    // $data-table-button-padding-right: 16px !default;
+    $data-table-cell-top: $data-table-card-padding / 2;
+    $data-table-drag-border: 1px dashed rgb(68, 138, 255);
 
-    /* Firefox fixes */
-    border-collapse: unset;
-    border-spacing: 0;
-
-    thead {
-        padding-bottom: 3px;
-    }
-
-    tbody {
-        tr {
-            position: relative;
-            height: $data-table-row-height;
-            @include material-animation-default(0.28s);
-            transition-property: background-color;
-
-            &:hover {
-                background-color: $data-table-hover-color;
-            }
-
-            &.is-selected, &.is-selected:hover {
-                background-color: $data-table-selection-color;
-            }
-
-            &:focus {
-                outline-offset: -1px;
-                outline-width: 1px;
-                outline-color: rgb(68,138,255);
-                outline-style: solid;
-            }
-        }
-    }
-
-    td, th {
-        padding: 0 $data-table-column-padding 12px $data-table-column-padding;
-        text-align: right;
-
-        &:first-of-type {
-            padding-left: 24px;
-        }
-
-        &:last-of-type {
-            padding-right: 24px;
-        }
-    }
-
-    td {
-        color: $alfresco-secondary-text-color;
+    .adf-data-table {
+        width: 100%;
         position: relative;
-        vertical-align: middle;
-        height: $data-table-row-height;
-        border-top: $data-table-dividers;
-        border-bottom: $data-table-dividers;
-        padding-top: $data-table-cell-top;
-        box-sizing: border-box;
+        border: $data-table-dividers;
+        border-collapse: collapse;
+        white-space: nowrap;
+        font-size: $data-table-font-size;
 
-        @include no-select;
-        cursor: default;
-    }
+        /* Firefox fixes */
+        border-collapse: unset;
+        border-spacing: 0;
 
-    th {
-        @include no-select;
-        cursor: pointer;
-        position: relative;
-        vertical-align: bottom;
-        text-overflow: ellipsis;
-        font-size: 14px;
-        font-weight: bold;
-        line-height: 24px;
-        letter-spacing: 0;
-        height: $data-table-row-height;
-        font-size: $data-table-header-font-size;
-        color: $data-table-header-color;
-        padding-bottom: 8px;
-        box-sizing: border-box;
-
-        &.sortable {
-            @include no-select;
-            &:hover {
-                cursor: pointer;
-            }
+        thead {
+            padding-bottom: 3px;
         }
 
-        &.adf-data-table__header--sorted-asc,
-        &.adf-data-table__header--sorted-desc {
-            color: $data-table-header-sorted-color;
-            &:before {
-                @include typo-icon;
-                font-size: $data-table-header-sort-icon-size;
-                content: "\e5d8";
-                margin-right: 5px;
-                vertical-align: sub;
-            }
-            &:hover {
-                cursor: pointer;
-                &:before {
-                    color: $data-table-header-sorted-icon-hover-color;
+        tbody {
+            tr {
+                position: relative;
+                height: $data-table-row-height;
+                @include material-animation-default(0.28s);
+                transition-property: background-color;
+
+                &:hover {
+                    background-color: $data-table-hover-color;
+                }
+
+                &.is-selected, &.is-selected:hover {
+                    background-color: $data-table-selection-color;
+                }
+
+                &:focus {
+                    outline-offset: -1px;
+                    outline-width: 1px;
+                    outline-color: rgb(68, 138, 255);
+                    outline-style: solid;
                 }
             }
         }
-        &.adf-data-table__header--sorted-desc:before {
-            content: "\e5db";
-        }
-    }
 
-    .adf-data-table-cell {
-        text-align: left;
-        cursor: default;
-
-        &--text {
-            text-align: left;
-        }
-
-        &--date {
-            text-align: left;
-        }
-
-        &--number {
+        td, th {
+            padding: 0 $data-table-column-padding 12px $data-table-column-padding;
             text-align: right;
+
+            &:first-of-type {
+                padding-left: 24px;
+            }
+
+            &:last-of-type {
+                padding-right: 24px;
+            }
         }
 
-        &--image {
-            text-align: left;
+        td {
+            color: mat-color($foreground, text);
+            position: relative;
+            vertical-align: middle;
+            height: $data-table-row-height;
+            border-top: $data-table-dividers;
+            border-bottom: $data-table-dividers;
+            padding-top: $data-table-cell-top;
+            box-sizing: border-box;
 
-            img {
-                width: 24px;
-                height: 24px;
+            @include no-select;
+            cursor: default;
+        }
+
+        th {
+            @include no-select;
+            cursor: pointer;
+            position: relative;
+            vertical-align: bottom;
+            text-overflow: ellipsis;
+            font-size: 14px;
+            font-weight: bold;
+            line-height: 24px;
+            letter-spacing: 0;
+            height: $data-table-row-height;
+            font-size: $data-table-header-font-size;
+            color: $data-table-header-color;
+            padding-bottom: 8px;
+            box-sizing: border-box;
+
+            &.sortable {
+                @include no-select;
+                &:hover {
+                    cursor: pointer;
+                }
+            }
+
+            &.adf-data-table__header--sorted-asc,
+            &.adf-data-table__header--sorted-desc {
+                color: $data-table-header-sorted-color;
+                &:before {
+                    @include typo-icon;
+                    font-size: $data-table-header-sort-icon-size;
+                    content: "\e5d8";
+                    margin-right: 5px;
+                    vertical-align: sub;
+                }
+                &:hover {
+                    cursor: pointer;
+                    &:before {
+                        color: $data-table-header-sorted-icon-hover-color;
+                    }
+                }
+            }
+            &.adf-data-table__header--sorted-desc:before {
+                content: "\e5db";
+            }
+        }
+
+        .adf-data-table-cell {
+            text-align: left;
+            cursor: default;
+
+            &--text {
+                text-align: left;
+            }
+
+            &--date {
+                text-align: left;
+            }
+
+            &--number {
+                text-align: right;
+            }
+
+            &--image {
+                text-align: left;
+
+                img {
+                    width: 24px;
+                    height: 24px;
+                }
+            }
+        }
+
+        .full-width {
+            width: 100%;
+        }
+
+        /* Empty folder */
+        .adf-no-content-container {
+            padding: 0 !important;
+
+            & > img {
+                width: 100%;
+            }
+        }
+
+        /* Loading folder */
+        .adf-loading-content-container {
+            padding: 0 !important;
+
+            & > img {
+                width: 100%;
+            }
+        }
+
+        .ellipsis-cell {
+            .cell-container {
+                height: 1em;
+            }
+
+            /* visible content */
+            .cell-value {
+                display: block;
+                position: absolute;
+                max-width: 100%;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                /* for vertical align of text */
+                line-height: 1em;
+            }
+
+            /* cell stretching content */
+            & > div:after {
+                content: attr(title);
+                overflow: hidden;
+                height: 0;
+                display: block;
             }
         }
     }
 
-    .full-width {
-        width: 100%;
-        color: $alfresco-primary-text-color;
+    /* Utils */
+
+    /* [Accessibility] For screen reader only */
+    :host .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
     }
 
-    /* Empty folder */
-    .adf-no-content-container {
-        padding: 0 !important;
-
-        & > img {
-            width: 100%;
-        }
-    }
-
-    /* Loading folder */
-    .adf-loading-content-container {
-        padding: 0 !important;
-
-        & > img {
-            width: 100%;
-        }
-    }
-
-    .ellipsis-cell {
-        .cell-container {
-            height: 1em;
-        }
-
-        /* visible content */
-        .cell-value {
-            display: block;
-            position: absolute;
-            max-width: 100%;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            /* for vertical align of text */
-            line-height: 1em;
-        }
-
-        /* cell stretching content */
-        & > div:after {
-            content: attr(title);
-            overflow: hidden;
-            height: 0;
-            display: block;
-        }
-    }
-}
-
-/* Utils */
-
-/* [Accessibility] For screen reader only */
-:host .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0,0,0,0);
-    border: 0;
-}
-
-.hidden {
-    display: none;
-}
-
-/* small desktop */
-@media all and (max-width: 1200px) {}
-
-/* tablet */
-@media all and (max-width: 1024px) {}
-
-/* mobile phone */
-@media all and (max-width: 768px) {
-    .desktop-only {
+    .hidden {
         display: none;
     }
-}
 
-@media (max-device-width: 768px){
-    .desktop-only {
-        display: none;
+    /* small desktop */
+    @media all and (max-width: 1200px) {
     }
-}
 
-.adf-upload__dragging {
-    & > td {
-        border-top: $data-table-drag-border;
-        border-bottom: $data-table-drag-border;
+    /* tablet */
+    @media all and (max-width: 1024px) {
+    }
 
-        &:first-child {
-            border-left: $data-table-drag-border;
+    /* mobile phone */
+    @media all and (max-width: 768px) {
+        .desktop-only {
+            display: none;
         }
+    }
 
-        &:last-child {
-            border-right: $data-table-drag-border;
+    @media (max-device-width: 768px) {
+        .desktop-only {
+            display: none;
+        }
+    }
+
+    .adf-upload__dragging {
+        & > td {
+            border-top: $data-table-drag-border;
+            border-bottom: $data-table-drag-border;
+
+            &:first-child {
+                border-left: $data-table-drag-border;
+            }
+
+            &:last-child {
+                border-right: $data-table-drag-border;
+            }
         }
     }
 }
diff --git a/ng2-components/ng2-alfresco-documentlist/README.md b/ng2-components/ng2-alfresco-documentlist/README.md
index 394f557dd8..abe9c0c7b8 100644
--- a/ng2-components/ng2-alfresco-documentlist/README.md
+++ b/ng2-components/ng2-alfresco-documentlist/README.md
@@ -12,6 +12,15 @@
   * [Events](#events)
   * [DOM Events](#dom-events)
   * [Handling DOM events](#handling-dom-events)
+  * [Data Sources](#data-sources)
+    + [Node ID](#node-id)
+    + [Repository aliases](#repository-aliases)
+    + [DocumentList aliases](#documentlist-aliases)
+  * [Trashcan](#trashcan)
+  * [Shared Links](#shared-links)
+  * [Sites](#sites)
+  * [Favorites](#favorites)
+  * [Recent Files](#recent-files)
   * [Setting default folder](#setting-default-folder)
 - [Custom icons for selected rows](#custom-icons-for-selected-rows)
 - [Calling DocumentList api directly](#calling-documentlist-api-directly)
@@ -20,10 +29,12 @@
   * [Events](#events-1)
 - [Dropdown Site Component](#dropdown-site-component)
   * [Events](#events-2)
-- [Menu Actions](#menu-actions)
 - [Custom columns](#custom-columns)
   * [DataColumn Properties](#datacolumn-properties)
-- [Column definition](#column-definition)
+  * [Column Types](#column-types)
+  * [Underlying node object](#underlying-node-object)
+  * [Date Column](#date-column)
+  * [Location Column](#location-column)
   * [Column Template](#column-template)
   * [Actions](#actions)
     + [Menu actions](#menu-actions)
@@ -39,6 +50,7 @@
   * [Navigation mode](#navigation-mode)
   * [Events](#events-3)
 - [Advanced usage and customization](#advanced-usage-and-customization)
+  * [Custom tooltips](#custom-tooltips)
   * [Custom row filter](#custom-row-filter)
   * [Custom image resolver](#custom-image-resolver)
   * [Hiding columns on small screens](#hiding-columns-on-small-screens)
diff --git a/ng2-components/ng2-alfresco-documentlist/index.ts b/ng2-components/ng2-alfresco-documentlist/index.ts
index a5ae3d2913..2761837397 100644
--- a/ng2-components/ng2-alfresco-documentlist/index.ts
+++ b/ng2-components/ng2-alfresco-documentlist/index.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { ModuleWithProviders, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule } from '@angular/core';
 import { CoreModule, TRANSLATION_PROVIDER } from 'ng2-alfresco-core';
 import { DataTableModule } from 'ng2-alfresco-datatable';
 
diff --git a/ng2-components/ng2-alfresco-documentlist/package.json b/ng2-components/ng2-alfresco-documentlist/package.json
index ae6b7619ba..32e3a500e4 100644
--- a/ng2-components/ng2-alfresco-documentlist/package.json
+++ b/ng2-components/ng2-alfresco-documentlist/package.json
@@ -54,7 +54,7 @@
     "@angular/platform-browser-dynamic": "4.2.5",
     "@angular/router": "4.2.5",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "1.7.0",
+    "alfresco-js-api": "^1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
     "ng2-alfresco-core": "1.7.0",
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 eb2f6cd0c0..eb9f715a77 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
@@ -1,69 +1,79 @@
-@import 'theming';
-
 $breadcrumb-chevron-spacer: 2px;
 
-.adf-breadcrumb {
-    font-family: Muli, Roboto, "Helvetica Neue", sans-serif;
-    display: flex;
-    flex: 1;
-    line-height: 24px;
-    font-size: 14px;
-    font-weight: 600;
-    letter-spacing: -0.2px;
+@mixin mat-breadcrumb-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
 
-    &-container {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        cursor: default;
-        display: flex;
-        overflow: hidden;
-    }
+    .adf-breadcrumb {
+         display: flex;
+	    flex: 1;
+	    line-height: 24px;
+	    font-size: 14px;
+	    font-weight: 600;
+	    letter-spacing: -0.2px;
 
-    &-item {
-        padding-right: $breadcrumb-chevron-spacer;
-        overflow: hidden;
-        display: flex;
-        text-align: left;
-        opacity: 0.6;
-
-        &:hover,
-        &.active {
-            opacity: 1;
-        }
-
-        &.active {
-            flex: 1 0 auto;
-        }
-
-        &-chevron {
-            opacity: 1;
-        }
-
-        &.mat-primary {
-            color: mat-color($primary);
-        }
-
-        &.mat-accent {
-            color: mat-color($accent);
-        }
-
-        &.mat-warn {
-            color: mat-color($warn);
-        }
-
-        &-anchor {
-            color: inherit;
-            text-decoration: none;
-            display: block;
-            width: 100%;
-            white-space: nowrap;
-            text-overflow: ellipsis;
+        &-container {
+            margin: 0;
+            padding: 0;
+            list-style-type: none;
+            cursor: default;
+            display: flex;
             overflow: hidden;
+            height: 25px;
         }
 
-        &.active {
-            display: block;
+        &-item {
+            padding-right: $breadcrumb-chevron-spacer;
+            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;
+            text-align: left;
+            opacity: 0.6;
+
+            &:hover,
+            &.active {
+                opacity: 1;
+            }
+
+            &.active {
+             flex: 1 0 auto;
+		   }
+
+            &-chevron {
+                opacity: 1;
+            }
+
+            &.mat-primary {
+                color: mat-color($primary);
+            }
+
+            &.mat-accent {
+                color: mat-color($accent);
+            }
+
+            &.mat-warn {
+                color: mat-color($warn);
+            }
+
+            &-anchor {
+                color: inherit;
+                text-decoration: none;
+                display: block;
+                width: 100%;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
+            }
+
+            &.active {
+                display: block;
+            }
         }
     }
 }
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component.scss
index 232acec119..7fb2c0846d 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component.scss
@@ -1,54 +1,56 @@
-@import 'theming';
 
-$dropdownHorizontalOffset: 30px;
+@mixin mat-breadcrumb-dropdown-theme($theme) {
+    $primary: map-get($theme, primary);
+    $dropdownHorizontalOffset: 30px;
 
-.#{$ADF} {
-    &-dropdown-breadcrumb {
-        display: flex;
-        justify-content: flex-start;
-        height: 25px;
+    .adf {
+        &-dropdown-breadcrumb {
+            display: flex;
+            justify-content: flex-start;
+            height: 25px;
+        }
+
+        &-dropdown-breadcumb-trigger {
+            cursor: pointer;
+            padding: 0;
+            border: none;
+            background: transparent;
+        }
+
+        &-dropdown-breadcumb-trigger.isRoot {
+            cursor: not-allowed;
+        }
+
+        &-dropdown-breadcrumb-path {
+            width: 0;
+            height: 0;
+            overflow: hidden;
+            margin-top: 35px;
+            margin-left: -$dropdownHorizontalOffset;
+        }
+
+        &-current-folder {
+            margin-left: $dropdownHorizontalOffset;
+            line-height: 26px;
+        }
+
+        &-current-folder.isRoot {
+            margin-left: 0;
+        }
+
+        &-dropdown-breadcrumb-path-option.mat-option {
+            height: 28px;
+            line-height: 28px;
+            padding: 0 12px;
+            font-size: 13px;
+        }
+
+        &-dropdown-breadcrumb-path-option.mat-option:first-child {
+            padding-top: 4px;
+        }
+
+        &-dropdown-breadcrumb-path-option.mat-option:last-child {
+            padding-bottom: 4px;
+        }
     }
-
-    &-dropdown-breadcumb-trigger {
-        cursor: pointer;
-        padding: 0;
-        border: none;
-        background: transparent;
-    }
-
-    &-dropdown-breadcumb-trigger.isRoot {
-        cursor: not-allowed;
-    }
-
-    &-dropdown-breadcrumb-path {
-        width: 0;
-        height: 0;
-        overflow: hidden;
-        margin-top: 35px;
-        margin-left: -$dropdownHorizontalOffset;
-    }
-
-    &-current-folder {
-        margin-left: $dropdownHorizontalOffset;
-        line-height: 26px;
-    }
-
-    &-current-folder.isRoot {
-        margin-left: 0;
-    }
-
-    &-dropdown-breadcrumb-path-option.mat-option {
-        height: 28px;
-        line-height: 28px;
-        padding: 0 12px;
-        font-size: 13px;
-    }
-
-    &-dropdown-breadcrumb-path-option.mat-option:first-child {
-        padding-top: 4px;
-    }
-
-    &-dropdown-breadcrumb-path-option.mat-option:last-child {
-        padding-bottom: 4px;
-    }
-}
\ No newline at end of file
+}
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 534d3dd7cd..94564728bb 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
@@ -1,124 +1,126 @@
-@import 'theming';
+@mixin mat-content-node-selector-theme($theme) {
+    $primary: map-get($theme, primary);
 
-.#{$ADF}-content-node-selector-dialog {
+    .adf-content-node-selector-dialog {
 
-    .mat-dialog-container {
-        padding: 0;
-    }
-
-    .#{$ADF}-content-node-selector {
-        &-title,
-        &-content,
-        &-actions {
-            padding: 16px;
-            margin: 0;
+        .mat-dialog-container {
+            padding: 0;
         }
 
-        &-title {
-            text-transform: capitalize;
-        }
+        .adf-content-node-selector {
+            &-title,
+            &-content,
+            &-actions {
+                padding: 16px;
+                margin: 0;
+            }
 
-        &-content {
-            padding-top: 0;
+            &-title {
+                text-transform: capitalize;
+            }
 
-            &-input {
-                width: 100%;
+            &-content {
+                padding-top: 0;
 
-                &-icon {
-                    color: rgba(0, 0, 0, 0.38);
-                    cursor: pointer;
+                &-input {
+                    width: 100%;
 
-                    &:hover {
-                        color: rgba(0, 0, 0, 1);
+                    &-icon {
+                        color: rgba(0, 0, 0, 0.38);
+                        cursor: pointer;
+
+                        &:hover {
+                            color: rgba(0, 0, 0, 1);
+                        }
                     }
                 }
-            }
 
-            & /deep/ .mat-input-underline .mat-input-ripple {
-                height: 1px;
-                transition: none;
-            }
-
-            & /deep/ .adf-site-dropdown-list-element {
-                width: 100%;
-                margin-bottom: 20px;
-
-                .mat-select-trigger {
-                    font-size: 14px;
+                & /deep/ .mat-input-underline .mat-input-ripple {
+                    height: 1px;
+                    transition: none;
                 }
 
-                .mat-select-placeholder,
-                &.mat-select {
-                    font-family: 'Muli', "Helvetica", "Arial", sans-serif;
-                }
-            }
+                & /deep/ .adf-site-dropdown-list-element {
+                    width: 100%;
+                    margin-bottom: 20px;
 
-            & /deep/ .adf-toolbar .mat-toolbar {
-                border: none;
-            }
+                    .mat-select-trigger {
+                        font-size: 14px;
+                    }
 
-            &-list {
-                height: 200px;
-                overflow: auto;
-                border: 1px solid rgba(0, 0, 0, 0.07);
-
-                & /deep/ .adf-highlight {
-                    color: #33afdf;
+                    .mat-select-placeholder,
+                    &.mat-select {
+                        font-family: 'Muli', "Helvetica", "Arial", sans-serif;
+                    }
                 }
 
-                & /deep/ .adf-data-table {
+                & /deep/ .adf-toolbar .mat-toolbar {
                     border: none;
+                }
 
-                    .adf-no-content-container {
-                        text-align: center;
+                &-list {
+                    height: 200px;
+                    overflow: auto;
+                    border: 1px solid rgba(0, 0, 0, 0.07);
+
+                    & /deep/ .adf-highlight {
+                        color: #33afdfnpm np;
                     }
 
-                    thead {
-                        display: none;
-                    }
+                    & /deep/ .adf-data-table {
+                        border: none;
 
-                    .adf-data-table-cell {
-                        padding-top: 8px;
-                        padding-bottom: 8px;
-                        border-top: none;
-                        height: 30px;
-                    }
+                        .adf-no-content-container {
+                            text-align: center;
+                        }
 
-                    tbody tr {
-                        height: auto !important;
+                        thead {
+                            display: none;
+                        }
 
-                        &:last-child {
-                            .adf-data-table-cell {
-                                border-bottom: none;
+                        .adf-data-table-cell {
+                            padding-top: 8px;
+                            padding-bottom: 8px;
+                            border-top: none;
+                            height: 30px;
+                        }
+
+                        tbody tr {
+                            height: auto !important;
+
+                            &:last-child {
+                                .adf-data-table-cell {
+                                    border-bottom: none;
+                                }
                             }
                         }
                     }
                 }
             }
-        }
 
-        &-actions {
-            padding: 8px;
-            background-color: rgb(250, 250, 250);
-            display: flex;
-            justify-content: flex-end;
-            color: rgb(121, 121, 121);
+            &-actions {
+                padding: 8px;
+                background-color: rgb(250, 250, 250);
+                display: flex;
+                justify-content: flex-end;
+                color: rgb(121, 121, 121);
 
-            &:last-child {
-                margin-bottom: 0px;
-            }
+                &:last-child {
+                    margin-bottom: 0px;
+                }
 
-            &-cancel {
-                font-weight: normal;
-            }
+                &-cancel {
+                    font-weight: normal;
+                }
 
-            &-choose {
-                font-weight: normal;
+                &-choose {
+                    font-weight: normal;
 
-                &[disabled] {
-                    opacity: 0.6;
+                    &[disabled] {
+                        opacity: 0.6;
+                    }
                 }
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/site-dropdown/sites-dropdown.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/site-dropdown/sites-dropdown.component.scss
index 64828614d9..830e8ec282 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/site-dropdown/sites-dropdown.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/site-dropdown/sites-dropdown.component.scss
@@ -1,5 +1,3 @@
-@import 'theming';
-
 .adf-site-dropdown {
     &-list-element {
         width: 300px;
diff --git a/ng2-components/ng2-alfresco-login/package.json b/ng2-components/ng2-alfresco-login/package.json
index 97f52b23db..563af29688 100644
--- a/ng2-components/ng2-alfresco-login/package.json
+++ b/ng2-components/ng2-alfresco-login/package.json
@@ -58,7 +58,7 @@
     "@angular/platform-browser-dynamic": "4.2.5",
     "@angular/router": "4.2.5",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "1.7.0",
+    "alfresco-js-api": "^1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
     "hammerjs": "2.0.8",
     "ng2-alfresco-core": "1.7.0",
     "reflect-metadata": "0.1.10",
diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.css b/ng2-components/ng2-alfresco-login/src/components/login.component.css
deleted file mode 100644
index eed39cb457..0000000000
--- a/ng2-components/ng2-alfresco-login/src/components/login.component.css
+++ /dev/null
@@ -1,381 +0,0 @@
-:host {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-}
-
-:host .show {
-    display: block !important;
-}
-
-:host .hide {
-    display: none !important;
-}
-
-:host .icon-inline {
-    position: absolute;
-    display: block;
-    top: 31%;
-    left: 82%;
-    width: 30px;
-    overflow: hidden;
-}
-
-:host .content-layout {
-    background-size: cover;
-    background-position: center;
-    min-height: 100%;
-    padding: 0;
-
-    -webkit-box-orient: vertical;
-    -moz-box-orient: vertical;
-    box-orient: vertical;
-    flex-direction: column;
-
-    align-items: center;
-    justify-content: center;
-}
-
-:host .login-card-wide.mdl-card {
-    border-radius: 8px;
-    background-color: #ffffff;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-    width: 450px;
-    min-width: 350px;
-    padding: 21px 64px 34px 64px;
-    box-sizing: border-box;
-}
-
-@media (max-width: 482px) {
-    :host .login-card-wide.mdl-card {
-        width: calc(100% - 32px);
-    }
-}
-
-:host .error {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-
-    -webkit-box-orient: horizontal;
-    -moz-box-orient: horizontal;
-    box-orient: horizontal;
-    flex-direction: row;
-
-    -webkit-box-pack: flex-start;
-    -moz-box-pack: flex-start;
-    box-pack: flex-start;
-    justify-content: flex-start;
-
-    color: red;
-    padding: 0px;
-    margin-bottom: 4px;
-    font-size: 13px;
-}
-
-:host .error .error-icon {
-    margin-right: 10px;
-}
-
-:host .center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-:host .alfresco-logo {
-    padding: 24px 16px 24px 16px;
-}
-
-:host .alfresco-logo img {
-    max-height: 43px;
-}
-
-:host .mdl-button--raised.mdl-button--colored {
-    width: 100%;
-    height: 36px;
-    line-height: 38px;
-    border-radius: 4px;
-    box-shadow: none;
-}
-
-.login-button-label {
-    color: rgb(255, 255, 255);
-}
-
-:host .mdl-button--raised.mdl-button--colored[disabled] {
-    background-color: rgba(0, 0, 0, 0.07);
-}
-
-:host .mdl-button--raised.mdl-button--colored[disabled] .login-button-label {
-    color: rgb(175, 175, 175);
-}
-
-.adf-login-button.isChecking {
-    background-color: #e0f7fa;
-}
-
-.adf-login-button.isChecking .login-button-label{
-    color: #00bcd4;
-}
-
-.adf-login-button.isWelcome {
-    background-color: #00bcd4;
-    color: #ffffff;
-}
-
-.adf-login-button.isWelcome .welcome-icon {
-    margin: 5px 0 0 10px;
-}
-
-.adf-interactive-login-label {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-
-    -webkit-box-orient: horizontal;
-    -moz-box-orient: horizontal;
-    box-orient: horizontal;
-    flex-direction: row;
-
-    -webkit-box-pack: center;
-    -moz-box-pack: center;
-    box-pack: center;
-    justify-content: center;
-}
-
-.adf-login-checking-spinner {
-    height: 30px;
-    width: 20px;
-    margin-left: 10px;
-}
-
-.adf-login-checking-spinner.mat-spinner >>> path {
-    stroke: #00bcd4;
-}
-
-:host .login-card-wide > .mdl-card__menu {
-    color: #000;
-}
-
-:host .mdl-card__title-text {
-    color: #818184;
-}
-
-:host .mdl-card__link a {
-    opacity: 0.87;
-    font-size: 14px;
-    color: #ff9100;
-}
-
-:host .login-controls {
-    padding: 0 0 26px 0;
-    overflow: visible;
-    width: 100%;
-}
-
-:host .login-action {
-    margin-top: 20px;
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-
-    -webkit-box-orient: horizontal;
-    -moz-box-orient: horizontal;
-    box-orient: horizontal;
-    flex-direction: row;
-
-    -webkit-box-pack: space-between;
-    -moz-box-pack: space-between;
-    box-pack: space-between;
-    justify-content: space-between;
-}
-
-:host .login-action-left a,
-:host .login-action-right a {
-    text-decoration: none;
-}
-
-/* Known issue in angular material design module in betas */
-:host >>> .rememberme-cb label > div {
-    margin-right: 8px;
-}
-
-:host .mat-input-underline .mat-input-ripple {
-    background-color: #ffab40;
-}
-
-.ng-invalid.ng-invalid.ng-touched {
-    border-color: rgb(222, 50, 38);
-    box-shadow: none;
-}
-
-.ng-invalid.ng-invalid.ng-touched + label {
-    color: rgb(222, 50, 38);
-    font-size: 12px;
-}
-
-.ng-invalid.ng-invalid.ng-touched + label:after {
-    background-color: rgb(222, 50, 38);
-}
-
-.ng-invalid.ng-invalid.ng-touched ~ .mdl-tooltip--validation {
-    background-color: transparent;
-    color: red;
-    font-size: 12px;
-}
-
-:host .is-active {
-    background-color: transparent;
-    font-size: 12px;
-    font-weight: normal;
-    line-height: 1.33;
-    color: #ff1744;
-}
-
-:host .copyright {
-    width: 450px;
-    text-align: center;
-    padding-top: 16px;
-    font-size: 12px;
-    color: #000;
-    opacity: 0.54;
-}
-
-.ng-invalid.ng-touched:not(:focus) + label::before {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    /* Preferred icon size */
-
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    /* Support for all WebKit browsers. */
-
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-
-    text-rendering: optimizeLegibility;
-    /* Support for Firefox. */
-
-    -moz-osx-font-smoothing: grayscale;
-    /* Support for IE. */
-
-    font-feature-settings: 'liga';
-    content: "warning";
-    position: absolute;
-    right: 0;
-    bottom: 20px;
-}
-
-.ng-valid.ng-touched:not(:focus) + label::before {
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    /* Preferred icon size */
-
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    /* Support for all WebKit browsers. */
-
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-
-    text-rendering: optimizeLegibility;
-    /* Support for Firefox. */
-
-    -moz-osx-font-smoothing: grayscale;
-    /* Support for IE. */
-
-    font-feature-settings: 'liga';
-    content: "done";
-    position: absolute;
-    right: 0;
-    bottom: 20px;
-}
-
-.mat-input-container .alfresco-login__password-icon.mat-icon {
-    font-size: 24px;
-    cursor: pointer;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    position: relative;
-    top: -6px;
-    height: 20px;
-}
-
-.adf-login__field >>> .mat-input-wrapper {
-    margin: 1em 0 0 0;
-    font-size: 16px;
-}
-
-.adf-login__field >>> input {
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.adf-login__field .mat-focused >>> .mat-input-placeholder {
-    color: rgba(0, 0, 0, 0.38);
-}
-
-.alfresco-login__container {
-    background-size: cover;
-    background-position: center;
-}
-
-.alfresco-login__validation {
-    background-color: transparent;
-    color: red;
-    font-size: 12px;
-}
-
-.alfresco-login__error {
-    color: #d50000;
-    position: absolute;
-    font-size: 12px;
-    margin-top: 5px;
-    display: block;
-}
-
-.alfresco-login__message {
-    color: blue;
-}
-
-.adf-full-width {
-    width: 100%;
-}
-
-.adf-login__remember-me {
-    padding-top: 22px;
-}
-
-.adf-login__remember-me >>> .mat-checkbox-label {
-    color: #000000;
-    opacity: 0.87;
-}
-
-.adf-login__field {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    padding-bottom: 18px;
-}
diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.html b/ng2-components/ng2-alfresco-login/src/components/login.component.html
index 18d924626f..d689d9a9f7 100644
--- a/ng2-components/ng2-alfresco-login/src/components/login.component.html
+++ b/ng2-components/ng2-alfresco-login/src/components/login.component.html
@@ -1,25 +1,35 @@
-<div class="content-grid mdl-grid content-layout login-content"
+<div class="adf-login-content"
      [style.background-image]="'url(' + backgroundImageUrl + ')'">
-    <div class="mdl-card login-card-wide">
+    <md-card class="adf-login-card-wide">
         <form [formGroup]="form" (submit)="onSubmit(form.value, $event)">
-            <div class="mdl-card__title alfresco-logo">
-                <!--HEADER TEMPLATE-->
-                <ng-template *ngIf="headerTemplate"
-                          ngFor [ngForOf]="[data]"
-                          [ngForTemplate]="headerTemplate">
-                </ng-template>
-                <img *ngIf="!headerTemplate" class="center" [src]="logoImageUrl" alt="{{'LOGIN.LOGO' | translate }}">
-            </div>
-            <div class="mdl-card__supporting-text login-controls">
+
+            <md-card-header>
+                <md-card-title>
+                    <div class="adf-alfresco-logo">
+                        <!--HEADER TEMPLATE-->
+                        <ng-template *ngIf="headerTemplate"
+                                     ngFor [ngForOf]="[data]"
+                                     [ngForTemplate]="headerTemplate">
+                        </ng-template>
+                        <img *ngIf="!headerTemplate" class="adf-img-logo" [src]="logoImageUrl"
+                             alt="{{'LOGIN.LOGO' | translate }}">
+                    </div>
+                </md-card-title>
+            </md-card-header>
+
+            <md-card-content class="adf-login-controls">
 
                 <!--ERRORS AREA-->
                 <div>
                     <div *ngIf="error" id="login-error" data-automation-id="login-error"
-                         class="error mdl-card__supporting-text adf-error-message">
-                         <md-icon class="error-icon">warning</md-icon>
-                         <span class="login-error-message">{{errorMsg | translate }}</span>
+                         class="error  adf-error-message">
+                        <md-icon class="error-icon">warning</md-icon>
+                        <span class="login-error-message">{{errorMsg | translate }}</span>
+                    </div>
+                    <div *ngIf="success" id="login-success" data-automation-id="login-success"
+                         class="adf-login-message">
+                        {{'LOGIN.MESSAGES.LOGIN-SUCCESS' | translate }}
                     </div>
-                    <div *ngIf="success" id="login-success" data-automation-id="login-success" class="mdl-card__supporting-text" class="alfresco-login__message">{{'LOGIN.MESSAGES.LOGIN-SUCCESS' | translate }}</div>
                 </div>
 
                 <!--USERNAME FIELD-->
@@ -36,8 +46,8 @@
                                tabindex="1">
                     </md-input-container>
 
-                    <span class="alfresco-login__validation" for="username" *ngIf="formError.username">
-                        <span id="username-error" class="alfresco-login__error" data-automation-id="username-error">{{formError.username | translate }}</span>
+                    <span class="adf-login-validation" for="username" *ngIf="formError.username">
+                        <span id="username-error" class="adf-login-error" data-automation-id="username-error">{{formError.username | translate }}</span>
                     </span>
                 </div>
 
@@ -50,11 +60,16 @@
                                id="password"
                                data-automation-id="password"
                                tabindex="2">
-                        <md-icon *ngIf="isPasswordShow" mdSuffix class="alfresco-login__password-icon" data-automation-id="show_password" (click)="toggleShowPassword()">visibility</md-icon>
-                        <md-icon *ngIf="!isPasswordShow" mdSuffix class="alfresco-login__password-icon" data-automation-id="hide_password" (click)="toggleShowPassword()">visibility_off</md-icon>
+                        <md-icon *ngIf="isPasswordShow" mdSuffix class="adf-login-password-icon"
+                                 data-automation-id="show_password" (click)="toggleShowPassword()">visibility
+                        </md-icon>
+                        <md-icon *ngIf="!isPasswordShow" mdSuffix class="adf-login-password-icon"
+                                 data-automation-id="hide_password" (click)="toggleShowPassword()">visibility_off
+                        </md-icon>
                     </md-input-container>
-                    <span class="alfresco-login__validation" for="password" *ngIf="formError.password">
-                        <span id="password-required" class="alfresco-login__error" data-automation-id="password-required">{{formError.password | translate }}</span>
+                    <span class="adf-login-validation" for="password" *ngIf="formError.password">
+                        <span id="password-required" class="adf-login-error"
+                              data-automation-id="password-required">{{formError.password | translate }}</span>
                     </span>
                 </div>
 
@@ -63,49 +78,52 @@
 
                 <br>
                 <button type="submit" id="login-button" tabindex="3"
-                        class="adf-login-button center mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored"
+                        class="adf-login-button"
+                        md-raised-button color="primary"
                         [class.isChecking]="actualLoginStep === LoginSteps.Checking"
                         [class.isWelcome]="actualLoginStep === LoginSteps.Welcome"
                         data-automation-id="login-button" [disabled]="!form.valid">
 
-                            <span *ngIf="actualLoginStep === LoginSteps.Landing" class="login-button-label">{{ 'LOGIN.BUTTON.LOGIN' | translate }}</span>
+                    <span *ngIf="actualLoginStep === LoginSteps.Landing" class="adf-login-button-label">{{ 'LOGIN.BUTTON.LOGIN' | translate }}</span>
 
-                            <div *ngIf="actualLoginStep === LoginSteps.Checking" class="adf-interactive-login-label">
-                                <span class="login-button-label">{{ 'LOGIN.BUTTON.CHECKING' | translate }}</span>
-                                <md-spinner id="checking-spinner" class="adf-login-checking-spinner"></md-spinner>
-                            </div>
+                    <div *ngIf="actualLoginStep === LoginSteps.Checking" class="adf-interactive-login-label">
+                        <span class="adf-login-button-label">{{ 'LOGIN.BUTTON.CHECKING' | translate }}</span>
+                        <md-spinner id="checking-spinner" class="adf-login-checking-spinner"></md-spinner>
+                    </div>
 
-                            <div *ngIf="actualLoginStep === LoginSteps.Welcome" class="adf-interactive-login-label">
-                                <span class="login-button-label">{{ 'LOGIN.BUTTON.WELCOME' | translate }}</span>
-                                <md-icon class="welcome-icon">done</md-icon>
-                            </div>
+                    <div *ngIf="actualLoginStep === LoginSteps.Welcome" class="adf-interactive-login-label">
+                        <span class="adf-login-button-label">{{ 'LOGIN.BUTTON.WELCOME' | translate }}</span>
+                        <md-icon class="welcome-icon">done</md-icon>
+                    </div>
 
                 </button>
-                <div *ngIf="showRememberMe" class="adf-login__remember-me" id ="login-remember">
-                    <md-checkbox color="primary" class="rememberme-cb" [checked]="rememberMe" (change)="rememberMe = !rememberMe">{{ 'LOGIN.LABEL.REMEMBER' | translate }}</md-checkbox>
+                <div *ngIf="showRememberMe" class="adf-login__remember-me" id="login-remember">
+                    <md-checkbox color="primary" class="rememberme-cb" [checked]="rememberMe"
+                                 (change)="rememberMe = !rememberMe">{{ 'LOGIN.LABEL.REMEMBER' | translate }}
+                    </md-checkbox>
                 </div>
-            </div>
-            <div *ngIf="footerTemplate || showLoginActions" class="mdl-card__actions mdl-card--border mdl-card__link">
+            </md-card-content>
+            <md-card-actions *ngIf="footerTemplate || showLoginActions">
 
-                <!--FOOTER TEMPLATE-->
-                <ng-template *ngIf="footerTemplate"
-                          ngFor [ngForOf]="[data]"
-                          [ngForTemplate]="footerTemplate">
-                </ng-template>
-                <div class="login-action" *ngIf="!footerTemplate && showLoginActions">
-                    <div id="login-action-help" class="login-action-left">
-                        <a href="{{needHelpLink}}">{{'LOGIN.ACTION.HELP' | translate }}</a>
-                    </div>
-                    <div id="login-action-register" class="login-action-right">
-                        <a href="{{registerLink}}">{{'LOGIN.ACTION.REGISTER' | translate }}</a>
+                <div class="adf-login-action-container">
+                    <!--FOOTER TEMPLATE-->
+                    <ng-template *ngIf="footerTemplate"
+                                 ngFor [ngForOf]="[data]"
+                                 [ngForTemplate]="footerTemplate">
+                    </ng-template>
+                    <div class="adf-login-action" *ngIf="!footerTemplate && showLoginActions">
+                        <div id="adf-login-action-left" class="adf-login-action-left">
+                            <a href="{{needHelpLink}}">{{'LOGIN.ACTION.HELP' | translate }}</a>
+                        </div>
+                        <div id="adf-login-action-right" class="adf-login-action-right">
+                            <a href="{{registerLink}}">{{'LOGIN.ACTION.REGISTER' | translate }}</a>
+                        </div>
                     </div>
                 </div>
-            </div>
-            <div class="mdl-card__menu">
-                <div class="mdl-spinner mdl-js-spinner"></div>
-            </div>
+            </md-card-actions>
+
         </form>
-    </div>
+    </md-card>
 
     <div class="copyright" data-automation-id="login-copyright">
         {{ copyrightText }}
diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.scss b/ng2-components/ng2-alfresco-login/src/components/login.component.scss
new file mode 100644
index 0000000000..0d4013df78
--- /dev/null
+++ b/ng2-components/ng2-alfresco-login/src/components/login.component.scss
@@ -0,0 +1,269 @@
+@mixin mat-login-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
+    $background: map-get($theme, background);
+
+    .show {
+        display: block !important;
+    }
+
+    .hide {
+        display: none !important;
+    }
+
+    .icon-inline {
+        position: absolute;
+        display: block;
+        top: 31%;
+        left: 82%;
+        width: 30px;
+        overflow: hidden;
+    }
+
+    .adf-login-content {
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-flex-flow: row wrap;
+        -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
+        margin: 0 auto;
+        -webkit-align-items: stretch;
+        -ms-flex-align: stretch;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-flex-flow: row wrap;
+        -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
+        background-size: cover;
+        background-position: center;
+        min-height: 100%;
+        padding: 0;
+        -webkit-box-orient: vertical;
+        -moz-box-orient: vertical;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .adf-login-card-wide {
+        border-radius: 8px;
+        background-color: mat-color($background, dialog);
+        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+        width: 450px;
+        min-width: 350px;
+        padding: 21px 64px 34px 64px;
+        box-sizing: border-box;
+    }
+
+    @media (max-width: 482px) {
+        .adf-login-card-wide {
+            width: calc(100% - 32px);
+        }
+    }
+
+    .error {
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+
+        -webkit-box-orient: horizontal;
+        -moz-box-orient: horizontal;
+        box-orient: horizontal;
+        flex-direction: row;
+
+        -webkit-box-pack: flex-start;
+        -moz-box-pack: flex-start;
+        box-pack: flex-start;
+        justify-content: flex-start;
+
+        color: mat-color($warn);
+        padding: 0px;
+        margin-bottom: 4px;
+        font-size: 13px;
+    }
+
+    .error .error-icon {
+        margin-right: 10px;
+    }
+
+    .adf-img-logo {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .adf-alfresco-logo {
+        padding: 24px 16px 24px 16px;
+    }
+
+    .adf-alfresco-logo img {
+        max-height: 43px;
+    }
+
+    .adf-login-button {
+        width: 100%;
+        height: 36px;
+        line-height: 38px;
+        box-shadow: none;
+    }
+
+    .adf-login-button-label {
+        color: rgb(255, 255, 255);
+    }
+
+    .adf-login-button.isChecking {
+        background-color: #e0f7fa;
+    }
+
+    .adf-login-button.isChecking .adf-login-button-label {
+        color: #00bcd4;
+    }
+
+    .adf-login-button.isWelcome {
+        background-color: #00bcd4;
+        color: #ffffff;
+    }
+
+    .adf-login-button.isWelcome .welcome-icon {
+        margin: 5px 0 0 10px;
+    }
+
+    .adf-interactive-login-label {
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+
+        -webkit-box-orient: horizontal;
+        -moz-box-orient: horizontal;
+        box-orient: horizontal;
+        flex-direction: row;
+
+        -webkit-box-pack: center;
+        -moz-box-pack: center;
+        box-pack: center;
+        justify-content: center;
+    }
+
+    .adf-login-checking-spinner {
+        height: 30px !important;
+        width: 20px !important;
+        margin-left: 10px;
+    }
+
+    .adf-login-controls {
+        padding: 0 0 26px 0;
+        overflow: visible;
+        width: 100%;
+    }
+
+    .adf-login-action {
+        margin-top: 20px;
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+
+        -webkit-box-orient: horizontal;
+        -moz-box-orient: horizontal;
+        box-orient: horizontal;
+        flex-direction: row;
+
+        -webkit-box-pack: space-between;
+        -moz-box-pack: space-between;
+        box-pack: space-between;
+        justify-content: space-between;
+    }
+
+    .adf-login-action-left a, .adf-login-action-right a {
+        text-decoration: none;
+    }
+
+    /* Known issue in angular material design module in betas */
+    > > > .rememberme-cb label > div {
+        margin-right: 8px;
+    }
+
+    .is-active {
+        background-color: transparent;
+        font-size: 12px;
+        font-weight: normal;
+        line-height: 1.33;
+        color: mat-color($warn);
+    }
+
+    .copyright {
+        width: 450px;
+        text-align: center;
+        padding-top: 16px;
+        font-size: 12px;
+        opacity: 0.54;
+    }
+
+    .mat-input-container .adf-login-password-icon.mat-icon {
+        font-size: 24px;
+        cursor: pointer;
+        user-select: none;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select: none;
+        position: relative;
+        top: -6px;
+        height: 20px;
+        opacity: 0.54;
+    }
+
+    .adf-login__field > > > .mat-input-wrapper {
+        margin: 1em 0 0 0;
+        font-size: 16px;
+    }
+
+    .adf-login-validation {
+        background-color: transparent;
+        color: mat-color($warn);
+        font-size: 12px;
+    }
+
+    .adf-login-error {
+        color: mat-color($warn);
+        position: absolute;
+        font-size: 12px;
+        margin-top: 5px;
+        display: block;
+    }
+
+    .adf-login-message {
+        color: blue;
+    }
+
+    .adf-full-width {
+        width: 100%;
+    }
+
+    .adf-login__remember-me {
+        padding-top: 22px;
+    }
+
+    .adf-login__remember-me > > > .mat-checkbox-label {
+        opacity: 0.87;
+    }
+
+    .adf-login__field {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        padding-bottom: 18px;
+    }
+
+    .adf-login-action-container {
+        border-top: 1px solid rgba(0, 0, 0, .1);
+        margin-top: 23px;
+    }
+}
diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.spec.ts b/ng2-components/ng2-alfresco-login/src/components/login.component.spec.ts
index da16a4db3e..d262c3fc4b 100644
--- a/ng2-components/ng2-alfresco-login/src/components/login.component.spec.ts
+++ b/ng2-components/ng2-alfresco-login/src/components/login.component.spec.ts
@@ -81,7 +81,7 @@ describe('AlfrescoLogin', () => {
     describe('Login button', () => {
 
         const getLoginButton = () => element.querySelector('#login-button');
-        const getLoginButtonText = () => element.querySelector('#login-button span.login-button-label').innerText;
+        const getLoginButtonText = () => element.querySelector('#login-button span.adf-login-button-label').innerText;
 
         it('should be rendered with the proper key by default', () => {
             expect(getLoginButton()).not.toBeNull();
@@ -150,11 +150,11 @@ describe('AlfrescoLogin', () => {
         expect(element.querySelector('[for="password"]')).toBeDefined();
         expect(element.querySelector('[for="password"]').innerText).toEqual('LOGIN.LABEL.PASSWORD');
 
-        expect(element.querySelector('#login-action-help')).toBeDefined();
-        expect(element.querySelector('#login-action-help').innerText).toEqual('LOGIN.ACTION.HELP');
+        expect(element.querySelector('#adf-login-action-left')).toBeDefined();
+        expect(element.querySelector('#adf-login-action-left').innerText).toEqual('LOGIN.ACTION.HELP');
 
-        expect(element.querySelector('#login-action-register')).toBeDefined();
-        expect(element.querySelector('#login-action-register').innerText).toEqual('LOGIN.ACTION.REGISTER');
+        expect(element.querySelector('#adf-login-action-right')).toBeDefined();
+        expect(element.querySelector('#adf-login-action-right').innerText).toEqual('LOGIN.ACTION.REGISTER');
     });
 
     describe('Copyright text', () => {
@@ -478,7 +478,7 @@ describe('AlfrescoLogin', () => {
         expect(component.error).toBe(false);
         expect(component.success).toBe(true);
         expect(element.querySelector('#login-success')).toBeDefined();
-        expect(element.querySelector('#login-success').innerHTML).toEqual('LOGIN.MESSAGES.LOGIN-SUCCESS');
+        expect(element.querySelector('#login-success').innerHTML).toContain('LOGIN.MESSAGES.LOGIN-SUCCESS');
         expect(component.onSuccess.emit).toHaveBeenCalledWith({
             token: true,
             username: 'fake-username',
diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.ts b/ng2-components/ng2-alfresco-login/src/components/login.component.ts
index c8efd807fa..da45383d8c 100644
--- a/ng2-components/ng2-alfresco-login/src/components/login.component.ts
+++ b/ng2-components/ng2-alfresco-login/src/components/login.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, EventEmitter, Input, OnInit, Output, TemplateRef } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewEncapsulation } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { AlfrescoAuthenticationService, AlfrescoSettingsService, AlfrescoTranslationService, LogService } from 'ng2-alfresco-core';
 import { FormSubmitEvent } from '../models/form-submit-event.model';
@@ -32,8 +32,9 @@ enum LoginSteps {
 @Component({
     selector: 'adf-login, alfresco-login',
     templateUrl: './login.component.html',
-    styleUrls: ['./login.component.css'],
-    host: {'(blur)': 'onBlur($event)'}
+    styleUrls: ['./login.component.scss'],
+    host: {'(blur)': 'onBlur($event)'},
+    encapsulation: ViewEncapsulation.None
 })
 export class LoginComponent implements OnInit {
 
diff --git a/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.html b/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.html
index 1dd634df15..c05055e54f 100644
--- a/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.html
+++ b/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.html
@@ -20,6 +20,7 @@
     </tr>
     </tbody>
 </table>
+
 <table id="search_no_result" data-automation-id="search_no_result_found" *ngIf="results && results.length === 0"
        class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
     <tbody>
@@ -30,6 +31,7 @@
     </tr>
     </tbody>
 </table>
+
 <table data-automation-id="autocomplete_error_message" *ngIf="errorMessage"
        class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
     <tbody>
diff --git a/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.css b/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.scss
similarity index 100%
rename from ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.css
rename to ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.scss
diff --git a/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.ts b/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.ts
index 637477775c..4862ffcf31 100644
--- a/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/search-autocomplete.component.ts
@@ -23,7 +23,7 @@ import { ThumbnailService } from 'ng2-alfresco-core';
 @Component({
     selector: 'adf-search-autocomplete, alfresco-search-autocomplete',
     templateUrl: './search-autocomplete.component.html',
-    styleUrls: ['./search-autocomplete.component.css']
+    styleUrls: ['./search-autocomplete.component.scss']
 })
 export class SearchAutocompleteComponent implements OnChanges {
 
diff --git a/ng2-components/ng2-alfresco-search/src/components/search-control.component.css b/ng2-components/ng2-alfresco-search/src/components/search-control.component.scss
similarity index 100%
rename from ng2-components/ng2-alfresco-search/src/components/search-control.component.css
rename to ng2-components/ng2-alfresco-search/src/components/search-control.component.scss
diff --git a/ng2-components/ng2-alfresco-search/src/components/search-control.component.ts b/ng2-components/ng2-alfresco-search/src/components/search-control.component.ts
index b8ced697ec..48cfafef88 100644
--- a/ng2-components/ng2-alfresco-search/src/components/search-control.component.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/search-control.component.ts
@@ -24,7 +24,7 @@ import { SearchAutocompleteComponent } from './search-autocomplete.component';
 @Component({
     selector: 'adf-search-control, alfresco-search-control',
     templateUrl: './search-control.component.html',
-    styleUrls: ['./search-control.component.css']
+    styleUrls: ['./search-control.component.scss']
 })
 export class SearchControlComponent implements OnInit, OnDestroy {
 
diff --git a/ng2-components/ng2-alfresco-search/src/components/search.component.css b/ng2-components/ng2-alfresco-search/src/components/search.component.scss
similarity index 99%
rename from ng2-components/ng2-alfresco-search/src/components/search.component.css
rename to ng2-components/ng2-alfresco-search/src/components/search.component.scss
index 46d9a98066..fc6c4cf784 100644
--- a/ng2-components/ng2-alfresco-search/src/components/search.component.css
+++ b/ng2-components/ng2-alfresco-search/src/components/search.component.scss
@@ -13,6 +13,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
 .no-result-message {
     height: 32px;
     opacity: 0.26;
diff --git a/ng2-components/ng2-alfresco-search/src/components/search.component.ts b/ng2-components/ng2-alfresco-search/src/components/search.component.ts
index cba61ce404..ed03248797 100644
--- a/ng2-components/ng2-alfresco-search/src/components/search.component.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/search.component.ts
@@ -23,7 +23,7 @@ import { PermissionModel } from 'ng2-alfresco-documentlist';
 
 @Component({
     selector: 'adf-search, alfresco-search',
-    styleUrls: ['./search.component.css'],
+    styleUrls: ['./search.component.scss'],
     templateUrl: './search.component.html'
 })
 export class SearchComponent implements OnChanges, OnInit {
diff --git a/ng2-components/ng2-alfresco-social/index.ts b/ng2-components/ng2-alfresco-social/index.ts
index ca5006550a..aacac81f99 100644
--- a/ng2-components/ng2-alfresco-social/index.ts
+++ b/ng2-components/ng2-alfresco-social/index.ts
@@ -20,8 +20,8 @@ import { CoreModule } from 'ng2-alfresco-core';
 
 import { LikeComponent } from './src/components/like.component';
 import { RatingComponent } from './src/components/rating.component';
-import { RatingService } from './src/services/rating.service';
 import { MaterialModule } from './src/material.module';
+import { RatingService } from './src/services/rating.service';
 
 export * from './src/components/rating.component';
 export * from './src/components/like.component';
diff --git a/ng2-components/ng2-alfresco-tag/index.ts b/ng2-components/ng2-alfresco-tag/index.ts
index d2341ac1ba..c42ca91ff5 100644
--- a/ng2-components/ng2-alfresco-tag/index.ts
+++ b/ng2-components/ng2-alfresco-tag/index.ts
@@ -16,8 +16,8 @@
  */
 
 import { ModuleWithProviders, NgModule } from '@angular/core';
-import { MaterialModule } from './src/components/material.module';
 import { CoreModule, TRANSLATION_PROVIDER } from 'ng2-alfresco-core';
+import { MaterialModule } from './src/components/material.module';
 
 import { TagActionsComponent } from './src/components/tag-actions.component';
 import { TagListComponent } from './src/components/tag-list.component';
diff --git a/ng2-components/ng2-alfresco-tag/src/components/tag-actions.component.html b/ng2-components/ng2-alfresco-tag/src/components/tag-actions.component.html
index 0bdf051cf7..95f10790de 100644
--- a/ng2-components/ng2-alfresco-tag/src/components/tag-actions.component.html
+++ b/ng2-components/ng2-alfresco-tag/src/components/tag-actions.component.html
@@ -21,7 +21,7 @@
             </md-input-container>
         </td>
         <td>
-            <button class="adf-full-width" id="add-tag" (click)="addTag()" [disabled]="disableAddTag"
+            <button class="adf-full-width" color="primary" id="add-tag" (click)="addTag()" [disabled]="disableAddTag"
                     md-raised-button>
                 {{'TAG.BUTTON.ADD' | translate }}
             </button>
diff --git a/ng2-components/ng2-alfresco-tag/src/components/tag-node-list.component.html b/ng2-components/ng2-alfresco-tag/src/components/tag-node-list.component.html
index 519417b67b..77b171d749 100644
--- a/ng2-components/ng2-alfresco-tag/src/components/tag-node-list.component.html
+++ b/ng2-components/ng2-alfresco-tag/src/components/tag-node-list.component.html
@@ -1,8 +1,8 @@
 <md-chip-list>
-    <md-chip class="adf-tag-chips" *ngFor="let currentEntry of tagsEntries; let idx = index">
+    <md-chip class="adf-tag-chips adf-primary-background-color" *ngFor="let currentEntry of tagsEntries; let idx = index">
         <span id="tag_name_{{idx}}">{{currentEntry.entry.tag}}</span>
         <button class="adf-tag-chips-delete" id="tag_delete_{{idx}}" type="button" (click)="removeTag(currentEntry.entry.id)">
-            <md-icon class="adf-tag-chips-delete-icon">cancel</md-icon>
+            <md-icon class="adf-tag-chips-delete-icon adf-primary-contrast-text-color">cancel</md-icon>
         </button>
     </md-chip>
 </md-chip-list>
diff --git a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.html b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.html
index 9ecf47aae2..03139467f7 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.html
+++ b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.html
@@ -67,6 +67,7 @@
 
     <footer class="upload-dialog__actions">
         <button
+            color="primary"
             *ngIf="!uploadList.isUploadCompleted() && !uploadList.isUploadCancelled()"
             md-button
             (click)="uploadList.cancelAllFiles($event)">
@@ -76,6 +77,7 @@
         <button
             *ngIf="uploadList.isUploadCompleted() || uploadList.isUploadCancelled()"
             md-button
+            color="primary"
             (click)="close($event)">
             {{ 'ADF_FILE_UPLOAD.BUTTON.CLOSE' | translate }}
         </button>
diff --git a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.scss b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.scss
index 9c6e632289..b0ccbf88cd 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.scss
+++ b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-dialog.component.scss
@@ -1,13 +1,16 @@
-@import 'theming';
+@import 'colors';
 
-:host {
-    & .upload-dialog {
-        color: $alfresco-secondary-text-color;
+@mixin mat-upload-dialog-theme($theme) {
+    $foreground: map-get($theme, foreground);
+    $background: map-get($theme, background);
+
+    .upload-dialog {
+        background: mat-color($background, dialog);
+        color: mat-color($foreground, text, 0.54);
         position: fixed;
         bottom: 20px;
         width: 40%;
-        background: $alfresco-white;
-        box-shadow: 1px 5px 15px $alfresco-drop-shadow;
+        box-shadow: 1px 5px 15px #888888;
 
         &--position-left {
             left: 25px;
@@ -43,8 +46,8 @@
         &__content {
             overflow: auto;
             max-height: 195px;
-            border-top: 1px solid $alfresco-dark-color--hue-1;
-            border-bottom: 1px solid $alfresco-dark-color--hue-1;
+            border-top: 1px solid mat-color($foreground, text, 0.14);
+            border-bottom: 1px solid mat-color($foreground, text, 0.14);
         }
 
         &__actions {
@@ -54,12 +57,11 @@
 
             & > button {
                 text-transform: uppercase;
-                color: $alfresco-primary-accent--default;
             }
         }
-    }
 
-    & md-icon {
+        & md-icon {
             cursor: pointer;
+        }
     }
 }
diff --git a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.html b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.html
index f60787bde8..aa9810e731 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.html
+++ b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.html
@@ -1,60 +1,62 @@
-<md-icon
-    md-list-icon
-    class="list-row__type">
-    insert_drive_file
-</md-icon>
+<div class="adf-file-uploading-list">
+    <md-icon
+        md-list-icon
+        class="list-row__type">
+        insert_drive_file
+    </md-icon>
 
-<span
-    class="list-row__name"
-    title="{{ file.name }}">
-    {{ file.name }}
-</span>
+    <span
+        class="list-row__name"
+        title="{{ file.name }}">
+        {{ file.name }}
+    </span>
 
-<div
-    *ngIf="file.status === FileUploadStatus.Progress"
-    (click)="onCancel(file)"
-    class="list-row__group list-row__group--toggle"
-    title="{{ 'ADF_FILE_UPLOAD.BUTTON.CANCEL_FILE' | translate }}">
+    <div
+        *ngIf="file.status === FileUploadStatus.Progress"
+        (click)="onCancel(file)"
+        class="list-row__group list-row__group--toggle"
+        title="{{ 'ADF_FILE_UPLOAD.BUTTON.CANCEL_FILE' | translate }}">
     <span class="list-row__status">
         {{ file.progress.loaded | adfFileSize }} / {{ file.progress.total | adfFileSize }}
     </span>
 
-    <md-icon
-        md-list-icon
-        class="list-row__action list-row__action--cancel">
-        clear
-    </md-icon>
-</div>
+        <md-icon
+            md-list-icon
+            class="list-row__action list-row__action--cancel">
+            clear
+        </md-icon>
+    </div>
 
- <div
-    *ngIf="file.status === FileUploadStatus.Complete"
-    (click)="onRemove(file)"
-    class="list-row__group list-row__group--toggle"
-    title="{{ 'ADF_FILE_UPLOAD.BUTTON.REMOVE_FILE' | translate }}">
-    <md-icon
-        md-list-icon
-        class="list-row__status list-row__status--done">
-        check_circle
-    </md-icon>
+    <div
+        *ngIf="file.status === FileUploadStatus.Complete"
+        (click)="onRemove(file)"
+        class="list-row__group list-row__group--toggle"
+        title="{{ 'ADF_FILE_UPLOAD.BUTTON.REMOVE_FILE' | translate }}">
+        <md-icon
+            md-list-icon
+            class="list-row__status list-row__status--done">
+            check_circle
+        </md-icon>
 
-    <md-icon
-        md-list-icon
-        class="list-row__action list-row__action--remove">
-        remove_circle
-    </md-icon>
-</div>
+        <md-icon
+            md-list-icon
+            class="list-row__action list-row__action--remove">
+            remove_circle
+        </md-icon>
+    </div>
 
-<div
-    *ngIf="file.status === FileUploadStatus.Error"
-    class="list-row__block list-row__status--error"
-    title="{{ file.response }}">
-    <md-icon md-list-icon>
-        report_problem
-    </md-icon>
-</div>
+    <div
+        *ngIf="file.status === FileUploadStatus.Error"
+        class="list-row__block list-row__status--error"
+        title="{{ file.response }}">
+        <md-icon md-list-icon>
+            report_problem
+        </md-icon>
+    </div>
 
-<div
-    *ngIf="file.status === FileUploadStatus.Cancelled  || file.status === FileUploadStatus.Aborted"
-    class="list-row__block list-row__status--cancelled">
-    {{ 'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate }}
+    <div
+        *ngIf="file.status === FileUploadStatus.Cancelled  || file.status === FileUploadStatus.Aborted"
+        class="list-row__block list-row__status--cancelled">
+        {{ 'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate }}
+    </div>
 </div>
diff --git a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.scss b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.scss
index 1e18553bbd..04571a1497 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.scss
+++ b/ng2-components/ng2-alfresco-upload/src/components/file-uploading-list-row.component.scss
@@ -1,67 +1,74 @@
-@import 'theming';
+@import 'colors';
 
-:host {
-    display: flex;
-    align-items: center;
-    padding: 0.5em 1em 0.5em 1em;
+@mixin mat-file-uploading-list-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
 
-    &:not(:first-child) {
-         border-top: 1px solid $alfresco-dark-color--hue-1;
-    }
 
-    .list-row {
-        cursor: default;
+    .adf-file-uploading-list {
+        display: flex;
+        align-items: center;
+        padding: 0.5em 1em 0.5em 1em;
 
-        &__name {
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            flex: 1 1 auto;
-            padding: 0 1em 0 0.5em;
+        &:not(:first-child) {
+            border-top: 1px solid ;
         }
 
-        &__group, &__block {
-            min-width: 200px;
-            display: flex;
-            justify-content: flex-end;
-        }
+        .list-row {
+            cursor: default;
 
-        &__group--toggle {
-            cursor: pointer;
+            &__name {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                flex: 1 1 auto;
+                padding: 0 1em 0 0.5em;
+            }
 
-            .list-row__status {
+            &__group, &__block {
+                min-width: 200px;
                 display: flex;
+                justify-content: flex-end;
             }
 
-            .list-row__action {
-                display: none;
-            }
+            &__group--toggle {
+                cursor: pointer;
 
-            &:hover {
                 .list-row__status {
-                    display: none;
+                    display: flex;
                 }
 
                 .list-row__action {
-                    display: flex;
+                    display: none;
+                }
+
+                &:hover {
+                    .list-row__status {
+                        display: none;
+                    }
+
+                    .list-row__action {
+                        display: flex;
+                    }
                 }
             }
-        }
 
-        &__status--done {
-            color: $alfresco-secondary-accent--default;
-        }
+            &__status--done {
+                color: mat-color($accent);
+            }
 
-        &__status--error {
-            color: $alfresco-warn-color--default;
-        }
+            &__status--error {
+                color: mat-color($warn);
+            }
 
-        &__action--cancel {
-            color: $alfresco-warn-color--default;
-        }
+            &__action--cancel {
+                color: mat-color($warn);
+            }
 
-        &__action--remove {
-            color: $alfresco-secondary-accent--default;
+            &__action--remove {
+                color: mat-color($accent);
+            }
         }
     }
 }
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.css b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.css
deleted file mode 100644
index 7358dca90a..0000000000
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.mdl-button--file input {
-    cursor: pointer;
-    height: 100%;
-    right: 0;
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    width: 300px;
-    z-index: 4;
-}
-
-
-.mdl-button--file--disabled {
-    background: rgba(0,0,0,.12);
-    color: rgba(0,0,0,.26);
-}
-
-.mdl-button--file--disabled:hover {
-    background: rgba(0,0,0,.12);
-    color: rgba(0,0,0,.26);
-}
-
-.mdl-button--file--disabled:focus:not(:active) {
-    box-shadow: 0 0 8px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.36);
-    background-color: rgba(158,158,158,.4);
-}
-
-.mdl-button--file--disabled input[type="file"]:disabled {
-    cursor: default;
-    background-color: transparent;
-}
-
-.mdl-textfield--file .mdl-textfield__input {
-    box-sizing: border-box;
-    width: calc(100% - 32px);
-}
-
-.mdl-textfield--file .mdl-button--file {
-    right: 0;
-}
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html
index 73276e0737..69ee9694b2 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.html
@@ -1,8 +1,8 @@
-<form>
+<form class="adf-upload-button-file-container">
     <!--Files Upload-->
-    <div *ngIf="!uploadFolders"
-        [class.mdl-button--file--disabled]="isButtonDisabled()"
-        class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
+    <a *ngIf="!uploadFolders"
+        [disabled]="isButtonDisabled()"
+        md-raised-button color="primary">
         <md-icon>file_upload</md-icon>
 
         <!--Multiple Files Upload-->
@@ -47,12 +47,11 @@
                 [title]="tooltip"
                 (change)="onFilesAdded($event)">
         </span>
-    </div>
+    </a>
 
     <!--Folders Upload-->
-    <div *ngIf="uploadFolders"
-        [class.mdl-button--file--disabled]="isButtonDisabled()"
-        class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-button--file">
+    <a *ngIf="uploadFolders"
+        [disabled]="isButtonDisabled()" md-raised-button color="primary">
         <md-icon>file_upload</md-icon>
         <label
             id="uploadFolder-label"
@@ -73,5 +72,5 @@
             [attr.disabled]="isButtonDisabled()"
             [title]="tooltip"
             (change)="onDirectoryAdded($event)">
-    </div>
+    </a>
 </form>
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.scss b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.scss
new file mode 100644
index 0000000000..a5bd6f3d7e
--- /dev/null
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.scss
@@ -0,0 +1,12 @@
+.adf {
+    &-upload-button-file-container input {
+        cursor: pointer;
+        height: 100%;
+        right: 0;
+        opacity: 0;
+        position: absolute;
+        top: 0;
+        width: 300px;
+        z-index: 4;
+    }
+}
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.ts b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.ts
index 4294987f49..18e1baaa12 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.ts
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-button.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, EventEmitter, forwardRef, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
+import { Component, EventEmitter, forwardRef, Input, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';
 import { MinimalNodeEntryEntity } from 'alfresco-js-api';
 import {
     AlfrescoApiService,
@@ -34,10 +34,11 @@ import { PermissionModel } from '../models/permissions.model';
 @Component({
     selector: 'adf-upload-button, alfresco-upload-button',
     templateUrl: './upload-button.component.html',
-    styleUrls: ['./upload-button.component.css'],
+    styleUrls: ['./upload-button.component.scss'],
     providers: [
         { provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadButtonComponent)}
-    ]
+    ],
+    encapsulation: ViewEncapsulation.None
 })
 export class UploadButtonComponent implements OnInit, OnChanges, NodePermissionSubject {
 
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
index 7dc4760dca..bc155e3aec 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
@@ -1,6 +1,5 @@
 .upload-border {
     vertical-align: middle;
-    color: #555;
     text-align: center;
 }
 
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.ts b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.ts
index a8c57ca11d..d8b9a58fa8 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.ts
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
 import {
     AlfrescoTranslationService,
     EXTENDIBLE_COMPONENT,
@@ -33,7 +33,8 @@ import {
     styleUrls: ['./upload-drag-area.component.css'],
     providers: [
         { provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadDragAreaComponent)}
-    ]
+    ],
+    encapsulation: ViewEncapsulation.None
 })
 export class UploadDragAreaComponent implements NodePermissionSubject {
 
diff --git a/ng2-components/package-lock.json b/ng2-components/package-lock.json
index 4625a47e4e..ddb5f8e8af 100644
--- a/ng2-components/package-lock.json
+++ b/ng2-components/package-lock.json
@@ -2,71 +2,113 @@
   "name": "ng2-alfresco-components",
   "version": "1.7.0",
   "lockfileVersion": 1,
+  "requires": true,
   "dependencies": {
     "@angular/animations": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-4.2.5.tgz",
-      "integrity": "sha1-EjD2vGoY8quyPifx2a6e+v0aYDE="
+      "integrity": "sha1-EjD2vGoY8quyPifx2a6e+v0aYDE=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/cdk": {
       "version": "2.0.0-beta.8",
       "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-2.0.0-beta.8.tgz",
-      "integrity": "sha512-OOtK+AA14cmRG9AbUgvoKC9Tooz0N37GTaRSV+xziC8GxXHgwvTu4PFSFHlBnHPipOYC/tB2oP39j3KuurEMPA=="
+      "integrity": "sha512-OOtK+AA14cmRG9AbUgvoKC9Tooz0N37GTaRSV+xziC8GxXHgwvTu4PFSFHlBnHPipOYC/tB2oP39j3KuurEMPA==",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/common": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/common/-/common-4.2.5.tgz",
-      "integrity": "sha1-TVCpW0RM1Yz3BvDandFAfTuDNi4="
+      "integrity": "sha1-TVCpW0RM1Yz3BvDandFAfTuDNi4=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/compiler": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-4.2.5.tgz",
-      "integrity": "sha1-tIZ0x0VrKw3xBy1w5OZnr4bN34M="
+      "integrity": "sha1-tIZ0x0VrKw3xBy1w5OZnr4bN34M=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/compiler-cli": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-4.2.5.tgz",
-      "integrity": "sha1-OzltZa3oOA83EgHUNh/JYqSax2o="
+      "integrity": "sha1-OzltZa3oOA83EgHUNh/JYqSax2o=",
+      "requires": {
+        "@angular/tsc-wrapped": "4.2.5",
+        "minimist": "1.2.0",
+        "reflect-metadata": "0.1.10"
+      }
     },
     "@angular/core": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/core/-/core-4.2.5.tgz",
-      "integrity": "sha1-YcG1iFwmIzLXN/vg9dcRUXWahGQ="
+      "integrity": "sha1-YcG1iFwmIzLXN/vg9dcRUXWahGQ=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/forms": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-4.2.5.tgz",
-      "integrity": "sha1-p+VcjR9aToU37+Ht14NOSh9ZxuQ="
+      "integrity": "sha1-p+VcjR9aToU37+Ht14NOSh9ZxuQ=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/http": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/http/-/http-4.2.5.tgz",
-      "integrity": "sha1-P/+OXPjogmK6zRyZYwQxLDxaOu8="
+      "integrity": "sha1-P/+OXPjogmK6zRyZYwQxLDxaOu8=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/material": {
       "version": "2.0.0-beta.8",
       "resolved": "https://registry.npmjs.org/@angular/material/-/material-2.0.0-beta.8.tgz",
-      "integrity": "sha512-4+OecvjU15i+l/vXBP2qEHdlsU9taK6kBhsWKsxNLK3+TAVoV5qjc2rjOucHtTwI/oOjyBXnLJP6pl4tuLEUQw=="
+      "integrity": "sha512-4+OecvjU15i+l/vXBP2qEHdlsU9taK6kBhsWKsxNLK3+TAVoV5qjc2rjOucHtTwI/oOjyBXnLJP6pl4tuLEUQw==",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/platform-browser": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-4.2.5.tgz",
-      "integrity": "sha1-2d3+D4EITpjvJKefSF27ES54oMQ="
+      "integrity": "sha1-2d3+D4EITpjvJKefSF27ES54oMQ=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/platform-browser-dynamic": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-4.2.5.tgz",
-      "integrity": "sha1-gHbsSohcw6GiPF5UDECn/dP357I="
+      "integrity": "sha1-gHbsSohcw6GiPF5UDECn/dP357I=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/router": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/router/-/router-4.2.5.tgz",
-      "integrity": "sha1-fzZAiUk6saBurF8MYowPn9sRAI8="
+      "integrity": "sha1-fzZAiUk6saBurF8MYowPn9sRAI8=",
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "@angular/tsc-wrapped": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@angular/tsc-wrapped/-/tsc-wrapped-4.2.5.tgz",
-      "integrity": "sha1-Ci/CMwYXgNK+QCmWGHh4wng4t+M="
+      "integrity": "sha1-Ci/CMwYXgNK+QCmWGHh4wng4t+M=",
+      "requires": {
+        "tsickle": "0.21.6"
+      }
     },
     "@ngx-translate/core": {
       "version": "7.0.0",
@@ -101,7 +143,11 @@
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.3.tgz",
       "integrity": "sha1-w8p0NJOGSMPg2cHjKN1otiLChMo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "mime-types": "2.1.16",
+        "negotiator": "0.6.1"
+      }
     },
     "acorn": {
       "version": "4.0.13",
@@ -113,13 +159,25 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-2.0.2.tgz",
       "integrity": "sha1-x1K9IQvvZ5UBtsbLf8hPj0cVjMQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "acorn": "4.0.13"
+      }
     },
     "adf-tslint-rules": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/adf-tslint-rules/-/adf-tslint-rules-0.0.3.tgz",
       "integrity": "sha512-GUhgoEtbHRYfEi+y83jOqDKkbIzt6om3o1e48x3bLZuLpS+EDC9Vn74p48oaIrhYXt1TSND6xDcEp31qyltDrQ==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "app-root-path": "2.0.1",
+        "codelyzer": "3.1.2",
+        "css-selector-tokenizer": "0.7.0",
+        "cssauron": "1.4.0",
+        "semver-dsl": "1.0.1",
+        "source-map": "0.5.6",
+        "sprintf-js": "1.1.1"
+      }
     },
     "after": {
       "version": "0.8.2",
@@ -131,7 +189,11 @@
       "version": "4.11.8",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
       "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "co": "4.6.0",
+        "json-stable-stringify": "1.0.1"
+      }
     },
     "ajv-keywords": {
       "version": "1.5.1",
@@ -142,13 +204,22 @@
     "alfresco-js-api": {
       "version": "1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
       "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2.tgz",
-      "integrity": "sha512-x47sy7uJOSCHkYxm0VBDnRt8/xc0nZ4M/OxEU/Z7ta14/A0HjAnz1dLz6aYEA+Kb/lXZiZesnLnHdQuSmR4jDw=="
+      "integrity": "sha512-x47sy7uJOSCHkYxm0VBDnRt8/xc0nZ4M/OxEU/Z7ta14/A0HjAnz1dLz6aYEA+Kb/lXZiZesnLnHdQuSmR4jDw==",
+      "requires": {
+        "event-emitter": "0.3.4",
+        "superagent": "3.4.1"
+      }
     },
     "align-text": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
       "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "kind-of": "3.2.2",
+        "longest": "1.0.1",
+        "repeat-string": "1.6.1"
+      }
     },
     "alphanum-sort": {
       "version": "1.0.2",
@@ -167,12 +238,19 @@
       "resolved": "https://registry.npmjs.org/ammo/-/ammo-2.0.4.tgz",
       "integrity": "sha1-v4CqshFpjqePY+9efxE91dnokX8=",
       "dev": true,
+      "requires": {
+        "boom": "5.2.0",
+        "hoek": "4.2.0"
+      },
       "dependencies": {
         "boom": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/boom/-/boom-5.2.0.tgz",
           "integrity": "sha512-Z5BTk6ZRe4tXXQlkqftmsAUANpXmuwlsF5Oov8ThoMbQRzdGTA1ngYRW160GexgOgjsFOKJz0LYhoNi+2AMBUw==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.2.0"
+          }
         },
         "hoek": {
           "version": "4.2.0",
@@ -187,12 +265,21 @@
       "resolved": "https://registry.npmjs.org/angular2-template-loader/-/angular2-template-loader-0.6.2.tgz",
       "integrity": "sha1-wNROkP/w+sleiyPwQ6zaf9HFHXw=",
       "dev": true,
+      "requires": {
+        "loader-utils": "0.2.17"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -206,7 +293,10 @@
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz",
       "integrity": "sha1-jGOPnRCAgAo1PJwoyKgcpHBdlGw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "ansi-wrap": "0.1.0"
+      }
     },
     "ansi-regex": {
       "version": "2.1.1",
@@ -236,7 +326,11 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
       "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "micromatch": "2.3.11",
+        "normalize-path": "2.1.1"
+      }
     },
     "app-root-path": {
       "version": "2.0.1",
@@ -254,13 +348,20 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.4.tgz",
       "integrity": "sha1-u13KOCu5TwXhUZQ3PRb9O6HKEQ0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "delegates": "1.0.0",
+        "readable-stream": "2.3.3"
+      }
     },
     "argparse": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.9.tgz",
       "integrity": "sha1-c9g7wmP4bpf4zE9rrhsOkKfSLIY=",
       "dev": true,
+      "requires": {
+        "sprintf-js": "1.0.3"
+      },
       "dependencies": {
         "sprintf-js": {
           "version": "1.0.3",
@@ -274,7 +375,10 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
       "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "arr-flatten": "1.1.0"
+      }
     },
     "arr-flatten": {
       "version": "1.1.0",
@@ -340,13 +444,21 @@
       "version": "4.9.1",
       "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.9.1.tgz",
       "integrity": "sha1-SLokC0WpKA6UdImQull9IWYX/UA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
     },
     "assert": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/assert/-/assert-1.4.1.tgz",
       "integrity": "sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "util": "0.10.3"
+      }
     },
     "assert-plus": {
       "version": "0.2.0",
@@ -364,7 +476,10 @@
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/async/-/async-2.5.0.tgz",
       "integrity": "sha512-e+lJAJeNWuPCNyxZKOBdaJGyLGHugXVQtrAwtuAe2vhxTYxFTKE73p8JuTmdH0qdQZtDvI4dhJwjZc5zsfIsYw==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4"
+      }
     },
     "async-each": {
       "version": "1.0.1",
@@ -393,7 +508,15 @@
       "version": "6.5.4",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-6.5.4.tgz",
       "integrity": "sha1-E4brZwjM/zau//cK3GlOz9YK8bA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "browserslist": "1.4.0",
+        "caniuse-db": "1.0.30000715",
+        "normalize-range": "0.1.2",
+        "num2fraction": "1.2.2",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "aws-sign2": {
       "version": "0.6.0",
@@ -411,19 +534,55 @@
       "version": "6.22.0",
       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.22.0.tgz",
       "integrity": "sha1-AnYgvuVnqIwyVhV05/0IAdMxGOQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "esutils": "2.0.2",
+        "js-tokens": "3.0.2"
+      }
     },
     "babel-core": {
       "version": "6.25.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.25.0.tgz",
       "integrity": "sha1-fdQrBGPHQunVKW3rPsZ6kyLa1yk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "6.22.0",
+        "babel-generator": "6.25.0",
+        "babel-helpers": "6.24.1",
+        "babel-messages": "6.23.0",
+        "babel-register": "6.24.1",
+        "babel-runtime": "6.25.0",
+        "babel-template": "6.25.0",
+        "babel-traverse": "6.25.0",
+        "babel-types": "6.25.0",
+        "babylon": "6.18.0",
+        "convert-source-map": "1.5.0",
+        "debug": "2.6.8",
+        "json5": "0.5.1",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4",
+        "path-is-absolute": "1.0.1",
+        "private": "0.1.7",
+        "slash": "1.0.0",
+        "source-map": "0.5.6"
+      }
     },
     "babel-generator": {
       "version": "6.25.0",
       "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.25.0.tgz",
       "integrity": "sha1-M6GvcNXyiQrrRlpKd5PB32qeqfw=",
       "dev": true,
+      "requires": {
+        "babel-messages": "6.23.0",
+        "babel-runtime": "6.25.0",
+        "babel-types": "6.25.0",
+        "detect-indent": "4.0.0",
+        "jsesc": "1.3.0",
+        "lodash": "4.17.4",
+        "source-map": "0.5.6",
+        "trim-right": "1.0.1"
+      },
       "dependencies": {
         "jsesc": {
           "version": "1.3.0",
@@ -437,19 +596,30 @@
       "version": "6.24.1",
       "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz",
       "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.25.0",
+        "babel-types": "6.25.0"
+      }
     },
     "babel-helpers": {
       "version": "6.24.1",
       "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz",
       "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.25.0",
+        "babel-template": "6.25.0"
+      }
     },
     "babel-messages": {
       "version": "6.23.0",
       "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
       "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.25.0"
+      }
     },
     "babel-plugin-transform-cjs-system-require": {
       "version": "0.1.1",
@@ -461,19 +631,31 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-cjs-system-wrapper/-/babel-plugin-transform-cjs-system-wrapper-0.2.1.tgz",
       "integrity": "sha1-6FUHiHe1bU0bkrn5Gzf1mdsCAOM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-cjs-system-require": "0.1.1",
+        "babel-template": "6.25.0"
+      }
     },
     "babel-plugin-transform-es2015-modules-systemjs": {
       "version": "6.24.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz",
       "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-helper-hoist-variables": "6.24.1",
+        "babel-runtime": "6.25.0",
+        "babel-template": "6.25.0"
+      }
     },
     "babel-plugin-transform-global-system-wrapper": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-global-system-wrapper/-/babel-plugin-transform-global-system-wrapper-0.0.1.tgz",
       "integrity": "sha1-r7RpzsDgRom5/n6LH9KA/JSm2PI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-template": "6.25.0"
+      }
     },
     "babel-plugin-transform-system-register": {
       "version": "0.0.1",
@@ -485,31 +667,68 @@
       "version": "6.24.1",
       "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.24.1.tgz",
       "integrity": "sha1-fhDhOi9xBlvfrVoXh7pFvKbe118=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-core": "6.25.0",
+        "babel-runtime": "6.25.0",
+        "core-js": "2.4.1",
+        "home-or-tmp": "2.0.0",
+        "lodash": "4.17.4",
+        "mkdirp": "0.5.1",
+        "source-map-support": "0.4.15"
+      }
     },
     "babel-runtime": {
       "version": "6.25.0",
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.25.0.tgz",
       "integrity": "sha1-M7mOql1IK7AajRqmtDetKwGuxBw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "core-js": "2.4.1",
+        "regenerator-runtime": "0.10.5"
+      }
     },
     "babel-template": {
       "version": "6.25.0",
       "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.25.0.tgz",
       "integrity": "sha1-ZlJBFmt8KqTGGdceGSlpVSsQwHE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.25.0",
+        "babel-traverse": "6.25.0",
+        "babel-types": "6.25.0",
+        "babylon": "6.18.0",
+        "lodash": "4.17.4"
+      }
     },
     "babel-traverse": {
       "version": "6.25.0",
       "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.25.0.tgz",
       "integrity": "sha1-IldJfi/NGbie3BPEyROB+VEklvE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "6.22.0",
+        "babel-messages": "6.23.0",
+        "babel-runtime": "6.25.0",
+        "babel-types": "6.25.0",
+        "babylon": "6.18.0",
+        "debug": "2.6.8",
+        "globals": "9.18.0",
+        "invariant": "2.2.2",
+        "lodash": "4.17.4"
+      }
     },
     "babel-types": {
       "version": "6.25.0",
       "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.25.0.tgz",
       "integrity": "sha1-cK+ySNVmDl0Y+BHZHIMDtUE0oY4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "babel-runtime": "6.25.0",
+        "esutils": "2.0.2",
+        "lodash": "4.17.4",
+        "to-fast-properties": "1.0.3"
+      }
     },
     "babylon": {
       "version": "6.18.0",
@@ -557,7 +776,10 @@
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
       "integrity": "sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=",
       "dev": true,
-      "optional": true
+      "optional": true,
+      "requires": {
+        "tweetnacl": "0.14.5"
+      }
     },
     "beeper": {
       "version": "1.1.1",
@@ -569,7 +791,10 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
       "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "callsite": "1.0.0"
+      }
     },
     "big.js": {
       "version": "3.1.3",
@@ -593,7 +818,10 @@
       "version": "0.0.9",
       "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
       "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      }
     },
     "bluebird": {
       "version": "2.11.0",
@@ -612,6 +840,12 @@
       "resolved": "https://registry.npmjs.org/body/-/body-5.1.0.tgz",
       "integrity": "sha1-5LoM5BCkaTYyM2dgnstOZVMSUGk=",
       "dev": true,
+      "requires": {
+        "continuable-cache": "0.3.1",
+        "error": "7.0.2",
+        "raw-body": "1.1.7",
+        "safe-json-parse": "1.0.1"
+      },
       "dependencies": {
         "bytes": {
           "version": "1.0.0",
@@ -623,7 +857,11 @@
           "version": "1.1.7",
           "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-1.1.7.tgz",
           "integrity": "sha1-HQJ8K/oRasxmI7yo8AAWVyqH1CU=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "bytes": "1.0.0",
+            "string_decoder": "0.10.31"
+          }
         },
         "string_decoder": {
           "version": "0.10.31",
@@ -638,12 +876,27 @@
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.17.2.tgz",
       "integrity": "sha1-+IkqvI+eYn1Crtr7yma/WrmRBO4=",
       "dev": true,
+      "requires": {
+        "bytes": "2.4.0",
+        "content-type": "1.0.2",
+        "debug": "2.6.7",
+        "depd": "1.1.1",
+        "http-errors": "1.6.2",
+        "iconv-lite": "0.4.15",
+        "on-finished": "2.3.0",
+        "qs": "6.4.0",
+        "raw-body": "2.2.0",
+        "type-is": "1.6.15"
+      },
       "dependencies": {
         "debug": {
           "version": "2.6.7",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.7.tgz",
           "integrity": "sha1-krrR9tBbu2u6Isyoi80OyJTChh4=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
         },
         "qs": {
           "version": "6.4.0",
@@ -663,18 +916,30 @@
       "version": "2.10.1",
       "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz",
       "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "hoek": "2.16.3"
+      }
     },
     "brace-expansion": {
       "version": "1.1.8",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.8.tgz",
-      "integrity": "sha1-wHshHHyVLsH479Uad+8NHTmQopI="
+      "integrity": "sha1-wHshHHyVLsH479Uad+8NHTmQopI=",
+      "requires": {
+        "balanced-match": "1.0.0",
+        "concat-map": "0.0.1"
+      }
     },
     "braces": {
       "version": "1.8.5",
       "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
       "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "expand-range": "1.8.2",
+        "preserve": "0.2.0",
+        "repeat-element": "1.1.2"
+      }
     },
     "brorand": {
       "version": "1.1.0",
@@ -686,49 +951,90 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.0.6.tgz",
       "integrity": "sha1-Xncl297x/Vkw1OurSFZ85FHEigo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "buffer-xor": "1.0.3",
+        "cipher-base": "1.0.4",
+        "create-hash": "1.1.3",
+        "evp_bytestokey": "1.0.0",
+        "inherits": "2.0.3"
+      }
     },
     "browserify-cipher": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.0.tgz",
       "integrity": "sha1-mYgkSHS/XtTijalWZtzWasj8Njo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "browserify-aes": "1.0.6",
+        "browserify-des": "1.0.0",
+        "evp_bytestokey": "1.0.0"
+      }
     },
     "browserify-des": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.0.tgz",
       "integrity": "sha1-2qJ3cXRwki7S/hhZQRihdUOXId0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "cipher-base": "1.0.4",
+        "des.js": "1.0.0",
+        "inherits": "2.0.3"
+      }
     },
     "browserify-rsa": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
       "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "randombytes": "2.0.5"
+      }
     },
     "browserify-sign": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.0.4.tgz",
       "integrity": "sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "browserify-rsa": "4.0.1",
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "elliptic": "6.4.0",
+        "inherits": "2.0.3",
+        "parse-asn1": "5.1.0"
+      }
     },
     "browserify-zlib": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.1.4.tgz",
       "integrity": "sha1-uzX4pRn2AOD6a4SFJByXnQFB+y0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "pako": "0.2.9"
+      }
     },
     "browserslist": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.4.0.tgz",
       "integrity": "sha1-nP3PU4TZFY9bcNoqoAsw6P8BkEk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "caniuse-db": "1.0.30000715"
+      }
     },
     "buffer": {
       "version": "4.9.1",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
       "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "base64-js": "1.2.1",
+        "ieee754": "1.1.8",
+        "isarray": "1.0.0"
+      }
     },
     "buffer-xor": {
       "version": "1.0.3",
@@ -764,7 +1070,11 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
       "integrity": "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "no-case": "2.3.1",
+        "upper-case": "1.1.3"
+      }
     },
     "camelcase": {
       "version": "1.2.1",
@@ -777,6 +1087,10 @@
       "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
       "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
       "dev": true,
+      "requires": {
+        "camelcase": "2.1.1",
+        "map-obj": "1.0.1"
+      },
       "dependencies": {
         "camelcase": {
           "version": "2.1.1",
@@ -790,7 +1104,13 @@
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-1.6.1.tgz",
       "integrity": "sha1-tTTnxzTE+B7F++isoq0kNUuWLGw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "browserslist": "1.4.0",
+        "caniuse-db": "1.0.30000715",
+        "lodash.memoize": "4.1.2",
+        "lodash.uniq": "4.5.0"
+      }
     },
     "caniuse-db": {
       "version": "1.0.30000715",
@@ -808,13 +1128,24 @@
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
       "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "align-text": "0.1.4",
+        "lazy-cache": "1.0.4"
+      }
     },
     "chalk": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
       "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
       "dev": true,
+      "requires": {
+        "ansi-styles": "2.2.1",
+        "escape-string-regexp": "1.0.5",
+        "has-ansi": "2.0.0",
+        "strip-ansi": "3.0.1",
+        "supports-color": "2.0.0"
+      },
       "dependencies": {
         "supports-color": {
           "version": "2.0.0",
@@ -827,23 +1158,45 @@
     "chart.js": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-2.5.0.tgz",
-      "integrity": "sha1-/m51Gok3afVucr7lrZEgfhxZKVc="
+      "integrity": "sha1-/m51Gok3afVucr7lrZEgfhxZKVc=",
+      "requires": {
+        "chartjs-color": "2.1.0",
+        "moment": "2.15.1"
+      }
     },
     "chartjs-color": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/chartjs-color/-/chartjs-color-2.1.0.tgz",
-      "integrity": "sha1-nDmsgwzNmJlq6AyfEQhv8SyYp1Y="
+      "integrity": "sha1-nDmsgwzNmJlq6AyfEQhv8SyYp1Y=",
+      "requires": {
+        "chartjs-color-string": "0.4.0",
+        "color-convert": "0.5.3"
+      }
     },
     "chartjs-color-string": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/chartjs-color-string/-/chartjs-color-string-0.4.0.tgz",
-      "integrity": "sha1-V3SNRTCuKNjbClSSGCugbf3y9Gg="
+      "integrity": "sha1-V3SNRTCuKNjbClSSGCugbf3y9Gg=",
+      "requires": {
+        "color-name": "1.1.3"
+      }
     },
     "chokidar": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
       "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=",
       "dev": true,
+      "requires": {
+        "anymatch": "1.3.2",
+        "async-each": "1.0.1",
+        "fsevents": "1.1.2",
+        "glob-parent": "2.0.0",
+        "inherits": "2.0.3",
+        "is-binary-path": "1.0.1",
+        "is-glob": "2.0.1",
+        "path-is-absolute": "1.0.1",
+        "readdirp": "2.1.0"
+      },
       "dependencies": {
         "is-extglob": {
           "version": "1.0.0",
@@ -855,7 +1208,10 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
         }
       }
     },
@@ -863,25 +1219,40 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
       "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "safe-buffer": "5.1.1"
+      }
     },
     "clap": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/clap/-/clap-1.2.0.tgz",
       "integrity": "sha1-WckP4+E3EEdG/xlGmiemNP9oyFc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3"
+      }
     },
     "clean-css": {
       "version": "4.1.7",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.7.tgz",
       "integrity": "sha1-ua6k+FZ5iJzz6ui0A0nsTr390DI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "source-map": "0.5.6"
+      }
     },
     "cliui": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
       "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=",
       "dev": true,
+      "requires": {
+        "center-align": "0.1.3",
+        "right-align": "0.1.3",
+        "wordwrap": "0.0.2"
+      },
       "dependencies": {
         "wordwrap": {
           "version": "0.0.2",
@@ -901,7 +1272,14 @@
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-0.2.4.tgz",
       "integrity": "sha1-TnPdCen7lxzDhnDF3O2cGJZIHMY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "for-own": "0.1.5",
+        "is-plain-object": "2.0.4",
+        "kind-of": "3.2.2",
+        "lazy-cache": "1.0.4",
+        "shallow-clone": "0.1.2"
+      }
     },
     "clone-stats": {
       "version": "0.0.1",
@@ -919,7 +1297,10 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/coa/-/coa-1.0.4.tgz",
       "integrity": "sha1-qe8VNmDWqGqL3sAomlxoTSF0Mv0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "q": "1.5.0"
+      }
     },
     "code-point-at": {
       "version": "1.1.0",
@@ -931,7 +1312,15 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-3.1.2.tgz",
       "integrity": "sha1-n/HwQfubXuXb60W6hm368EmDrwQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "app-root-path": "2.0.1",
+        "css-selector-tokenizer": "0.7.0",
+        "cssauron": "1.4.0",
+        "semver-dsl": "1.0.1",
+        "source-map": "0.5.6",
+        "sprintf-js": "1.1.1"
+      }
     },
     "coffee-script": {
       "version": "1.12.7",
@@ -944,12 +1333,20 @@
       "resolved": "https://registry.npmjs.org/color/-/color-0.11.4.tgz",
       "integrity": "sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=",
       "dev": true,
+      "requires": {
+        "clone": "1.0.2",
+        "color-convert": "1.9.0",
+        "color-string": "0.3.0"
+      },
       "dependencies": {
         "color-convert": {
           "version": "1.9.0",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
           "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
         }
       }
     },
@@ -967,13 +1364,21 @@
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/color-string/-/color-string-0.3.0.tgz",
       "integrity": "sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      }
     },
     "colormin": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/colormin/-/colormin-1.1.2.tgz",
       "integrity": "sha1-6i90IKcrlogaOKrlnsEkpvcpgTM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "color": "0.11.4",
+        "css-color-names": "0.0.4",
+        "has": "1.0.1"
+      }
     },
     "colors": {
       "version": "1.1.2",
@@ -984,7 +1389,10 @@
     "combined-stream": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.5.tgz",
-      "integrity": "sha1-k4NwpXtKUd6ix3wV1cX9+JUWQAk="
+      "integrity": "sha1-k4NwpXtKUd6ix3wV1cX9+JUWQAk=",
+      "requires": {
+        "delayed-stream": "1.0.0"
+      }
     },
     "commander": {
       "version": "2.11.0",
@@ -1013,13 +1421,25 @@
       "version": "2.0.11",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.11.tgz",
       "integrity": "sha1-FnGKdd4oPtjmBAQWJaIGRYZ5fYo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "mime-db": "1.29.0"
+      }
     },
     "compression": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.0.tgz",
       "integrity": "sha1-AwyfGY8WQ6BX13anOOki2kNzAS0=",
       "dev": true,
+      "requires": {
+        "accepts": "1.3.3",
+        "bytes": "2.5.0",
+        "compressible": "2.0.11",
+        "debug": "2.6.8",
+        "on-headers": "1.0.1",
+        "safe-buffer": "5.1.1",
+        "vary": "1.1.1"
+      },
       "dependencies": {
         "bytes": {
           "version": "2.5.0",
@@ -1038,13 +1458,24 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.0.tgz",
       "integrity": "sha1-CqxmL9Ur54lk1VMvaUeE5wEQrPc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "typedarray": "0.0.6"
+      }
     },
     "connect": {
       "version": "3.6.3",
       "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.3.tgz",
       "integrity": "sha512-GLSZqgjVxPvGYVD/2vz//gS201MEXk4b7t3nHV6OVnTdDNWi/Gm7Rpxs/ybvljPWvULys/wrzIV3jB3YvEc3nQ==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "debug": "2.6.8",
+        "finalhandler": "1.0.4",
+        "parseurl": "1.3.1",
+        "utils-merge": "1.0.0"
+      }
     },
     "connect-history-api-fallback": {
       "version": "1.3.0",
@@ -1056,7 +1487,10 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.1.0.tgz",
       "integrity": "sha1-8CQcRXMKn8YyOyBtvzjtx0HQuxA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "date-now": "0.1.4"
+      }
     },
     "console-control-strings": {
       "version": "1.1.0",
@@ -1116,12 +1550,28 @@
       "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-4.0.1.tgz",
       "integrity": "sha1-lyjjg7lDFgUNDHRjlY8rhcCqggA=",
       "dev": true,
+      "requires": {
+        "bluebird": "2.11.0",
+        "fs-extra": "0.26.7",
+        "glob": "6.0.4",
+        "is-glob": "3.1.0",
+        "loader-utils": "0.2.17",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4",
+        "node-dir": "0.1.17"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -1139,31 +1589,57 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.0.tgz",
       "integrity": "sha1-iIxyNZbN92EvZJgjPuvXo1MBc30=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "elliptic": "6.4.0"
+      }
     },
     "create-hash": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.1.3.tgz",
       "integrity": "sha1-YGBCrIuSYnUPSDyt2rD1gZFy2P0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "cipher-base": "1.0.4",
+        "inherits": "2.0.3",
+        "ripemd160": "2.0.1",
+        "sha.js": "2.4.8"
+      }
     },
     "create-hmac": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.6.tgz",
       "integrity": "sha1-rLniIaThe9sHbpBlfEK5PjcmzwY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "cipher-base": "1.0.4",
+        "create-hash": "1.1.3",
+        "inherits": "2.0.3",
+        "ripemd160": "2.0.1",
+        "safe-buffer": "5.1.1",
+        "sha.js": "2.4.8"
+      }
     },
     "cross-spawn": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
       "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
       "dev": true,
+      "requires": {
+        "lru-cache": "4.1.1",
+        "which": "1.3.0"
+      },
       "dependencies": {
         "lru-cache": {
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.1.tgz",
           "integrity": "sha512-q4spe4KTfsAS1SUHLO0wz8Qiyf1+vMIAgpRYioFYDMNqKfHQbg+AVDH3i4fvpl71/P1L0dBl+fQi+P37UYf0ew==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "pseudomap": "1.0.2",
+            "yallist": "2.1.2"
+          }
         }
       }
     },
@@ -1171,13 +1647,28 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz",
       "integrity": "sha1-O9/s3GCBR8HGcgL6KR59ylnqo7g=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "boom": "2.10.1"
+      }
     },
     "crypto-browserify": {
       "version": "3.11.1",
       "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.11.1.tgz",
       "integrity": "sha512-Na7ZlwCOqoaW5RwUK1WpXws2kv8mNhWdTlzob0UXulk6G9BDbyiJaGTYBIX61Ozn9l1EPPJpICZb4DaOpT9NlQ==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "browserify-cipher": "1.0.0",
+        "browserify-sign": "4.0.4",
+        "create-ecdh": "4.0.0",
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "diffie-hellman": "5.0.2",
+        "inherits": "2.0.3",
+        "pbkdf2": "3.0.13",
+        "public-encrypt": "4.0.0",
+        "randombytes": "2.0.5"
+      }
     },
     "css-color-names": {
       "version": "0.0.4",
@@ -1190,18 +1681,41 @@
       "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.23.1.tgz",
       "integrity": "sha1-n6I/K1wJZSNZEK1ezvO4o2OQ/lA=",
       "dev": true,
+      "requires": {
+        "css-selector-tokenizer": "0.5.4",
+        "cssnano": "3.8.1",
+        "loader-utils": "0.2.17",
+        "lodash.camelcase": "3.0.1",
+        "object-assign": "4.1.1",
+        "postcss": "5.2.17",
+        "postcss-modules-extract-imports": "1.1.0",
+        "postcss-modules-local-by-default": "1.2.0",
+        "postcss-modules-scope": "1.1.0",
+        "postcss-modules-values": "1.3.0",
+        "source-list-map": "0.1.8"
+      },
       "dependencies": {
         "css-selector-tokenizer": {
           "version": "0.5.4",
           "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.5.4.tgz",
           "integrity": "sha1-E5uv00o1/QwUKEhwSeBpnm9qLCE=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "cssesc": "0.1.0",
+            "fastparse": "1.1.1"
+          }
         },
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -1209,25 +1723,45 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
       "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "boolbase": "1.0.0",
+        "css-what": "2.1.0",
+        "domutils": "1.5.1",
+        "nth-check": "1.0.1"
+      }
     },
     "css-selector-tokenizer": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz",
       "integrity": "sha1-5piEdK6MlTR3v15+/s/OzNnPTIY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "cssesc": "0.1.0",
+        "fastparse": "1.1.1",
+        "regexpu-core": "1.0.0"
+      }
     },
     "css-to-string-loader": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/css-to-string-loader/-/css-to-string-loader-0.1.2.tgz",
       "integrity": "sha1-t/8B3Xj7veaYuFmVUj9hG+onaAk=",
       "dev": true,
+      "requires": {
+        "loader-utils": "0.2.17"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -1241,7 +1775,10 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/cssauron/-/cssauron-1.4.0.tgz",
       "integrity": "sha1-pmAt/34EqDBtwNuaVR6S6LVmKtg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "through": "2.3.8"
+      }
     },
     "cssesc": {
       "version": "0.1.0",
@@ -1253,19 +1790,60 @@
       "version": "3.8.1",
       "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-3.8.1.tgz",
       "integrity": "sha1-AIpIIUjulIzwry7m5EvZfFP4huw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "autoprefixer": "6.5.4",
+        "decamelize": "1.2.0",
+        "defined": "1.0.0",
+        "has": "1.0.1",
+        "object-assign": "4.1.1",
+        "postcss": "5.2.17",
+        "postcss-calc": "5.3.1",
+        "postcss-colormin": "2.2.2",
+        "postcss-convert-values": "2.6.1",
+        "postcss-discard-comments": "2.0.4",
+        "postcss-discard-duplicates": "2.1.0",
+        "postcss-discard-empty": "2.1.0",
+        "postcss-discard-overridden": "0.1.1",
+        "postcss-discard-unused": "2.2.3",
+        "postcss-filter-plugins": "2.0.2",
+        "postcss-merge-idents": "2.1.7",
+        "postcss-merge-longhand": "2.0.2",
+        "postcss-merge-rules": "2.1.2",
+        "postcss-minify-font-values": "1.0.5",
+        "postcss-minify-gradients": "1.0.5",
+        "postcss-minify-params": "1.2.2",
+        "postcss-minify-selectors": "2.1.1",
+        "postcss-normalize-charset": "1.1.1",
+        "postcss-normalize-url": "3.0.8",
+        "postcss-ordered-values": "2.2.3",
+        "postcss-reduce-idents": "2.4.0",
+        "postcss-reduce-initial": "1.0.1",
+        "postcss-reduce-transforms": "1.0.4",
+        "postcss-svgo": "2.1.6",
+        "postcss-unique-selectors": "2.0.2",
+        "postcss-value-parser": "3.3.0",
+        "postcss-zindex": "2.2.0"
+      }
     },
     "csso": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/csso/-/csso-2.3.2.tgz",
       "integrity": "sha1-3dUsWHAz9J6Utx/FVWnyUuj/X4U=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "clap": "1.2.0",
+        "source-map": "0.5.6"
+      }
     },
     "currently-unhandled": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
       "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "array-find-index": "1.0.2"
+      }
     },
     "custom-event": {
       "version": "1.0.1",
@@ -1276,13 +1854,19 @@
     "d": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/d/-/d-0.1.1.tgz",
-      "integrity": "sha1-2hhMU10Y2O57oqoim5FACfrhEwk="
+      "integrity": "sha1-2hhMU10Y2O57oqoim5FACfrhEwk=",
+      "requires": {
+        "es5-ext": "0.10.27"
+      }
     },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
       "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
       "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0"
+      },
       "dependencies": {
         "assert-plus": {
           "version": "1.0.0",
@@ -1308,12 +1892,19 @@
       "version": "1.0.12",
       "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.12.tgz",
       "integrity": "sha1-nxJLZ1lMk3/3BpMuSmQsyo27/uk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "get-stdin": "4.0.1",
+        "meow": "3.7.0"
+      }
     },
     "debug": {
       "version": "2.6.8",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.8.tgz",
-      "integrity": "sha1-5zFTHKLt4n0YgiJCfaF4IdaP9Pw="
+      "integrity": "sha1-5zFTHKLt4n0YgiJCfaF4IdaP9Pw=",
+      "requires": {
+        "ms": "2.0.0"
+      }
     },
     "decamelize": {
       "version": "1.2.0",
@@ -1360,7 +1951,11 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
       "integrity": "sha1-wHTS4qpqipoH29YfmhXCzYPsjsw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
     },
     "destroy": {
       "version": "1.0.4",
@@ -1372,7 +1967,10 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
       "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "repeating": "2.0.1"
+      }
     },
     "detect-node": {
       "version": "2.0.3",
@@ -1402,13 +2000,21 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.2.tgz",
       "integrity": "sha1-tYNXOScM/ias9jIJn97SoH8gnl4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "miller-rabin": "4.0.0",
+        "randombytes": "2.0.5"
+      }
     },
     "dom-converter": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.1.4.tgz",
       "integrity": "sha1-pF71cnuJDJv/5tfIduexnLDhfzs=",
       "dev": true,
+      "requires": {
+        "utila": "0.3.3"
+      },
       "dependencies": {
         "utila": {
           "version": "0.3.3",
@@ -1422,13 +2028,23 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
       "integrity": "sha1-ViromZ9Evl6jB29UGdzVnrQ6yVs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "custom-event": "1.0.1",
+        "ent": "2.2.0",
+        "extend": "3.0.1",
+        "void-elements": "2.0.1"
+      }
     },
     "dom-serializer": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.0.tgz",
       "integrity": "sha1-BzxpdUbOB4DOI75KKOKT5AvDDII=",
       "dev": true,
+      "requires": {
+        "domelementtype": "1.1.3",
+        "entities": "1.1.1"
+      },
       "dependencies": {
         "domelementtype": {
           "version": "1.1.3",
@@ -1454,24 +2070,38 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.1.0.tgz",
       "integrity": "sha1-0mRvXlf2w7qxHPbLBdPArPdBJZQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "domelementtype": "1.3.0"
+      }
     },
     "domutils": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
       "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "dom-serializer": "0.1.0",
+        "domelementtype": "1.3.0"
+      }
     },
     "draggabilly": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/draggabilly/-/draggabilly-2.1.1.tgz",
-      "integrity": "sha1-OjGh+nPkzHHHWkv+qaz7La3gFyI="
+      "integrity": "sha1-OjGh+nPkzHHHWkv+qaz7La3gFyI=",
+      "requires": {
+        "get-size": "2.0.2",
+        "unidragger": "2.1.0"
+      }
     },
     "duplexer2": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.0.2.tgz",
       "integrity": "sha1-xhTc9n4vsUmVqRcR5aYX6KYKMds=",
       "dev": true,
+      "requires": {
+        "readable-stream": "1.1.14"
+      },
       "dependencies": {
         "isarray": {
           "version": "0.0.1",
@@ -1483,7 +2113,13 @@
           "version": "1.1.14",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
           "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
         },
         "string_decoder": {
           "version": "0.10.31",
@@ -1497,14 +2133,23 @@
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.5.1.tgz",
       "integrity": "sha512-j5goxHTwVED1Fpe5hh3q9R93Kip0Bg2KVAt4f8CEYM3UEwYcPSvWbXaUQOzdX/HtiNomipv+gU7ASQPDbV7pGQ==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "stream-shift": "1.0.0"
+      }
     },
     "ecc-jsbn": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
       "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=",
       "dev": true,
-      "optional": true
+      "optional": true,
+      "requires": {
+        "jsbn": "0.1.1"
+      }
     },
     "ee-first": {
       "version": "1.1.1",
@@ -1522,7 +2167,16 @@
       "version": "6.4.0",
       "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz",
       "integrity": "sha1-ysmvh2LIWDYYcAPI3+GT5eLq5d8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "brorand": "1.1.0",
+        "hash.js": "1.1.3",
+        "hmac-drbg": "1.0.1",
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0",
+        "minimalistic-crypto-utils": "1.0.1"
+      }
     },
     "emojis-list": {
       "version": "2.1.0",
@@ -1540,19 +2194,33 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.0.tgz",
       "integrity": "sha1-epDYM+/abPpurA9JSduw+tOmMgY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "once": "1.4.0"
+      }
     },
     "engine.io": {
       "version": "1.8.4",
       "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-1.8.4.tgz",
       "integrity": "sha1-d7zhK4Dl1gQpM3/sOw2vaR68kAM=",
       "dev": true,
+      "requires": {
+        "accepts": "1.3.3",
+        "base64id": "1.0.0",
+        "cookie": "0.3.1",
+        "debug": "2.3.3",
+        "engine.io-parser": "1.3.2",
+        "ws": "1.1.4"
+      },
       "dependencies": {
         "debug": {
           "version": "2.3.3",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
           "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
         },
         "ms": {
           "version": "0.7.2",
@@ -1567,12 +2235,29 @@
       "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-1.8.4.tgz",
       "integrity": "sha1-n+hd7iWFPKa6viW9KtaHEIY+kcI=",
       "dev": true,
+      "requires": {
+        "component-emitter": "1.2.1",
+        "component-inherit": "0.0.3",
+        "debug": "2.3.3",
+        "engine.io-parser": "1.3.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parsejson": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "1.1.2",
+        "xmlhttprequest-ssl": "1.5.3",
+        "yeast": "0.1.2"
+      },
       "dependencies": {
         "debug": {
           "version": "2.3.3",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
           "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
         },
         "ms": {
           "version": "0.7.2",
@@ -1584,7 +2269,11 @@
           "version": "1.1.2",
           "resolved": "https://registry.npmjs.org/ws/-/ws-1.1.2.tgz",
           "integrity": "sha1-iiRPoFJAHgjJiGz0SoUYnh/UBn8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "options": "0.0.6",
+            "ultron": "1.0.2"
+          }
         }
       }
     },
@@ -1592,13 +2281,27 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-1.3.2.tgz",
       "integrity": "sha1-k3sHnwAH0Ik+xW1GyyILjLQ1Igo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "0.0.6",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.4",
+        "has-binary": "0.1.7",
+        "wtf-8": "1.0.0"
+      }
     },
     "enhanced-resolve": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz",
       "integrity": "sha1-BCHjOf1xQZs9oT0Smzl5BAIwR24=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "memory-fs": "0.4.1",
+        "object-assign": "4.1.1",
+        "tapable": "0.2.8"
+      }
     },
     "ent": {
       "version": "2.2.0",
@@ -1616,34 +2319,56 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.4.tgz",
       "integrity": "sha1-uJbiOp5ei6M4cfyZar02NfyaHH0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "prr": "0.0.0"
+      }
     },
     "error": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/error/-/error-7.0.2.tgz",
       "integrity": "sha1-pfdf/02ZJhJt2sDqXcOOaJFTywI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "string-template": "0.2.1",
+        "xtend": "4.0.1"
+      }
     },
     "error-ex": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
       "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-arrayish": "0.2.1"
+      }
     },
     "es5-ext": {
       "version": "0.10.27",
       "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.27.tgz",
-      "integrity": "sha512-3KXJRYzKXTd7xfFy5uZsJCXue55fAYQ035PRjyYk2PicllxIwcW9l3AbM/eGaw3vgVAUW4tl4xg9AXDEI6yw0w=="
+      "integrity": "sha512-3KXJRYzKXTd7xfFy5uZsJCXue55fAYQ035PRjyYk2PicllxIwcW9l3AbM/eGaw3vgVAUW4tl4xg9AXDEI6yw0w==",
+      "requires": {
+        "es6-iterator": "2.0.1",
+        "es6-symbol": "3.1.1"
+      }
     },
     "es6-iterator": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.1.tgz",
       "integrity": "sha1-jjGcnwRTv1ddN0lAplWSDlnKVRI=",
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.27",
+        "es6-symbol": "3.1.1"
+      },
       "dependencies": {
         "d": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz",
-          "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8="
+          "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=",
+          "requires": {
+            "es5-ext": "0.10.27"
+          }
         }
       }
     },
@@ -1651,11 +2376,18 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz",
       "integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=",
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.27"
+      },
       "dependencies": {
         "d": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz",
-          "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8="
+          "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=",
+          "requires": {
+            "es5-ext": "0.10.27"
+          }
         }
       }
     },
@@ -1663,13 +2395,21 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/es6-template-strings/-/es6-template-strings-2.0.1.tgz",
       "integrity": "sha1-sWbGpiVi9Hi7d3X2ypYQOlmbSyw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "es5-ext": "0.10.27",
+        "esniff": "1.1.0"
+      }
     },
     "es6-templates": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/es6-templates/-/es6-templates-0.2.3.tgz",
       "integrity": "sha1-XLmsn7He1usSOTQrgdeSu7QHjuQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "recast": "0.11.23",
+        "through": "2.3.8"
+      }
     },
     "escape-html": {
       "version": "1.0.3",
@@ -1688,13 +2428,23 @@
       "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.8.1.tgz",
       "integrity": "sha1-WltTr0aTEQvrsIZ6o0MN07cKEBg=",
       "dev": true,
+      "requires": {
+        "esprima": "2.7.3",
+        "estraverse": "1.9.3",
+        "esutils": "2.0.2",
+        "optionator": "0.8.2",
+        "source-map": "0.2.0"
+      },
       "dependencies": {
         "source-map": {
           "version": "0.2.0",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.2.0.tgz",
           "integrity": "sha1-2rc/vPwrqBm03gO9b26qSBZLP50=",
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
         }
       }
     },
@@ -1703,12 +2453,19 @@
       "resolved": "https://registry.npmjs.org/esniff/-/esniff-1.1.0.tgz",
       "integrity": "sha1-xmhJIp+RRk3t4uDUAgHtar9l8qw=",
       "dev": true,
+      "requires": {
+        "d": "1.0.0",
+        "es5-ext": "0.10.27"
+      },
       "dependencies": {
         "d": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz",
           "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "es5-ext": "0.10.27"
+          }
         }
       }
     },
@@ -1754,7 +2511,11 @@
     "event-emitter": {
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.4.tgz",
-      "integrity": "sha1-jWPd+0z+H647MsomXExyAiIIC7U="
+      "integrity": "sha1-jWPd+0z+H647MsomXExyAiIIC7U=",
+      "requires": {
+        "d": "0.1.1",
+        "es5-ext": "0.10.27"
+      }
     },
     "eventemitter3": {
       "version": "1.2.0",
@@ -1772,31 +2533,49 @@
       "version": "0.1.6",
       "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-0.1.6.tgz",
       "integrity": "sha1-Cs7ehJ7X3RzMMsgRuxG5RNTykjI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "original": "1.0.0"
+      }
     },
     "evp_bytestokey": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.0.tgz",
       "integrity": "sha1-SXtmrZ/vZc18CKYYCCS6FHa2blM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "create-hash": "1.1.3"
+      }
     },
     "expand-braces": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/expand-braces/-/expand-braces-0.1.2.tgz",
       "integrity": "sha1-SIsdHSRRyz06axks/AMPRMWFX+o=",
       "dev": true,
+      "requires": {
+        "array-slice": "0.2.3",
+        "array-unique": "0.2.1",
+        "braces": "0.1.5"
+      },
       "dependencies": {
         "braces": {
           "version": "0.1.5",
           "resolved": "https://registry.npmjs.org/braces/-/braces-0.1.5.tgz",
           "integrity": "sha1-wIVxEIUpHYt1/ddOqw+FlygHEeY=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "expand-range": "0.1.1"
+          }
         },
         "expand-range": {
           "version": "0.1.1",
           "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz",
           "integrity": "sha1-TLjtoJk8pW+k9B/ELzy7TMrf8EQ=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-number": "0.1.1",
+            "repeat-string": "0.2.2"
+          }
         },
         "is-number": {
           "version": "0.1.1",
@@ -1816,19 +2595,55 @@
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
       "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-posix-bracket": "0.1.1"
+      }
     },
     "expand-range": {
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
       "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "fill-range": "2.2.3"
+      }
     },
     "express": {
       "version": "4.15.4",
       "resolved": "https://registry.npmjs.org/express/-/express-4.15.4.tgz",
       "integrity": "sha1-Ay4iU0ic+PzgJma+yj0R7XotrtE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "accepts": "1.3.3",
+        "array-flatten": "1.1.1",
+        "content-disposition": "0.5.2",
+        "content-type": "1.0.2",
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.8",
+        "depd": "1.1.1",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "etag": "1.8.0",
+        "finalhandler": "1.0.4",
+        "fresh": "0.5.0",
+        "merge-descriptors": "1.0.1",
+        "methods": "1.1.2",
+        "on-finished": "2.3.0",
+        "parseurl": "1.3.1",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "1.1.5",
+        "qs": "6.5.0",
+        "range-parser": "1.2.0",
+        "send": "0.15.4",
+        "serve-static": "1.12.4",
+        "setprototypeof": "1.0.3",
+        "statuses": "1.3.1",
+        "type-is": "1.6.15",
+        "utils-merge": "1.0.0",
+        "vary": "1.1.1"
+      }
     },
     "extend": {
       "version": "3.0.1",
@@ -1839,13 +2654,19 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
       "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-extendable": "0.1.1"
+      }
     },
     "extglob": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
       "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=",
       "dev": true,
+      "requires": {
+        "is-extglob": "1.0.0"
+      },
       "dependencies": {
         "is-extglob": {
           "version": "1.0.0",
@@ -1860,12 +2681,24 @@
       "resolved": "https://registry.npmjs.org/extract-text-webpack-plugin/-/extract-text-webpack-plugin-2.0.0-rc.3.tgz",
       "integrity": "sha1-c4GqeGnOJtSzmnurcc8J5aOEMrI=",
       "dev": true,
+      "requires": {
+        "ajv": "4.11.8",
+        "async": "2.5.0",
+        "loader-utils": "0.2.17",
+        "webpack-sources": "0.1.5"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -1879,7 +2712,11 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.0.tgz",
       "integrity": "sha1-Rb4X0Cu5kX1gzP/UmVyZnmyMmUg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "time-stamp": "1.1.0"
+      }
     },
     "fast-levenshtein": {
       "version": "2.0.6",
@@ -1903,13 +2740,19 @@
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
       "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "websocket-driver": "0.6.5"
+      }
     },
     "file-loader": {
       "version": "0.11.1",
       "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-0.11.1.tgz",
       "integrity": "sha1-azKO4SNKcp5OR9Njdd1tNcDh24Q=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0"
+      }
     },
     "filename-regex": {
       "version": "2.0.1",
@@ -1922,18 +2765,32 @@
       "resolved": "https://registry.npmjs.org/fileset/-/fileset-0.2.1.tgz",
       "integrity": "sha1-WI74lzxmI7KnbfRlEFaWuWqsgGc=",
       "dev": true,
+      "requires": {
+        "glob": "5.0.15",
+        "minimatch": "2.0.10"
+      },
       "dependencies": {
         "glob": {
           "version": "5.0.15",
           "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
           "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "2.0.10",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "minimatch": {
           "version": "2.0.10",
           "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-2.0.10.tgz",
           "integrity": "sha1-jQh8OcazjAAbl/ynzm0OHoCvusc=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "brace-expansion": "1.1.8"
+          }
         }
       }
     },
@@ -1941,19 +2798,39 @@
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.3.tgz",
       "integrity": "sha1-ULd9/X5Gm8dJJHCWNpn+eoSFpyM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-number": "2.1.0",
+        "isobject": "2.1.0",
+        "randomatic": "1.1.7",
+        "repeat-element": "1.1.2",
+        "repeat-string": "1.6.1"
+      }
     },
     "finalhandler": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.0.4.tgz",
       "integrity": "sha512-16l/r8RgzlXKmFOhZpHBztvye+lAhC5SU7hXavnerC9UfZqZxxXl3BzL8MhffPT3kF61lj9Oav2LKEzh0ei7tg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "debug": "2.6.8",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "on-finished": "2.3.0",
+        "parseurl": "1.3.1",
+        "statuses": "1.3.1",
+        "unpipe": "1.0.0"
+      }
     },
     "find-up": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
       "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "path-exists": "2.1.0",
+        "pinkie-promise": "2.0.1"
+      }
     },
     "flatten": {
       "version": "1.0.2",
@@ -1971,7 +2848,10 @@
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
       "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "for-in": "1.0.2"
+      }
     },
     "forever-agent": {
       "version": "0.6.1",
@@ -1983,12 +2863,24 @@
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-0.2.3.tgz",
       "integrity": "sha1-dEk9mqC3yNWiBvlz5cCe7sfnL44=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "chokidar": "1.7.0",
+        "lodash.endswith": "4.2.1",
+        "lodash.isstring": "4.0.1",
+        "lodash.startswith": "4.2.1"
+      }
     },
     "form-data": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.2.0.tgz",
-      "integrity": "sha1-ml47kpX5gLJiPPZPojixTOvKcHs="
+      "integrity": "sha1-ml47kpX5gLJiPPZPojixTOvKcHs=",
+      "requires": {
+        "asynckit": "0.4.0",
+        "combined-stream": "1.0.5",
+        "mime-types": "2.1.16"
+      }
     },
     "formidable": {
       "version": "1.1.1",
@@ -2011,13 +2903,23 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/fs-access/-/fs-access-1.0.1.tgz",
       "integrity": "sha1-1qh/JiJxzv6+wwxVNAf7mV2od3o=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "null-check": "1.0.0"
+      }
     },
     "fs-extra": {
       "version": "0.26.7",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.26.7.tgz",
       "integrity": "sha1-muH92UiXeY7at20JGM9C0MMYT6k=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "jsonfile": "2.4.0",
+        "klaw": "1.3.1",
+        "path-is-absolute": "1.0.1",
+        "rimraf": "2.6.1"
+      }
     },
     "fs.realpath": {
       "version": "1.0.0",
@@ -2031,6 +2933,10 @@
       "integrity": "sha512-Sn44E5wQW4bTHXvQmvSHwqbuiXtduD6Rrjm2ZtUEGbyrig+nUH3t/QD4M4/ZXViY556TBpRgZkHLDx3JxPwxiw==",
       "dev": true,
       "optional": true,
+      "requires": {
+        "nan": "2.6.2",
+        "node-pre-gyp": "0.6.36"
+      },
       "dependencies": {
         "abbrev": {
           "version": "1.1.0",
@@ -2042,7 +2948,11 @@
           "version": "4.11.8",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "co": "4.6.0",
+            "json-stable-stringify": "1.0.1"
+          }
         },
         "ansi-regex": {
           "version": "2.1.1",
@@ -2059,7 +2969,11 @@
           "version": "1.1.4",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "delegates": "1.0.0",
+            "readable-stream": "2.2.9"
+          }
         },
         "asn1": {
           "version": "0.2.3",
@@ -2100,22 +3014,35 @@
           "version": "1.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "tweetnacl": "0.14.5"
+          }
         },
         "block-stream": {
           "version": "0.0.9",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "inherits": "2.0.3"
+          }
         },
         "boom": {
           "version": "2.10.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "2.16.3"
+          }
         },
         "brace-expansion": {
           "version": "1.1.7",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "balanced-match": "0.4.2",
+            "concat-map": "0.0.1"
+          }
         },
         "buffer-shims": {
           "version": "1.0.0",
@@ -2142,7 +3069,10 @@
         "combined-stream": {
           "version": "1.0.5",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "delayed-stream": "1.0.0"
+          }
         },
         "concat-map": {
           "version": "0.0.1",
@@ -2163,13 +3093,19 @@
           "version": "2.0.5",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "boom": "2.10.1"
+          }
         },
         "dashdash": {
           "version": "1.14.1",
           "bundled": true,
           "dev": true,
           "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0"
+          },
           "dependencies": {
             "assert-plus": {
               "version": "1.0.0",
@@ -2183,7 +3119,10 @@
           "version": "2.6.8",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
         },
         "deep-extend": {
           "version": "0.4.2",
@@ -2206,7 +3145,10 @@
           "version": "0.1.1",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "jsbn": "0.1.1"
+          }
         },
         "extend": {
           "version": "3.0.1",
@@ -2229,7 +3171,12 @@
           "version": "2.1.4",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "asynckit": "0.4.0",
+            "combined-stream": "1.0.5",
+            "mime-types": "2.1.15"
+          }
         },
         "fs.realpath": {
           "version": "1.0.0",
@@ -2239,25 +3186,49 @@
         "fstream": {
           "version": "1.0.11",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "graceful-fs": "4.1.11",
+            "inherits": "2.0.3",
+            "mkdirp": "0.5.1",
+            "rimraf": "2.6.1"
+          }
         },
         "fstream-ignore": {
           "version": "1.0.5",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "fstream": "1.0.11",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4"
+          }
         },
         "gauge": {
           "version": "2.7.4",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "aproba": "1.1.1",
+            "console-control-strings": "1.1.0",
+            "has-unicode": "2.0.1",
+            "object-assign": "4.1.1",
+            "signal-exit": "3.0.2",
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wide-align": "1.1.2"
+          }
         },
         "getpass": {
           "version": "0.1.7",
           "bundled": true,
           "dev": true,
           "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0"
+          },
           "dependencies": {
             "assert-plus": {
               "version": "1.0.0",
@@ -2270,7 +3241,15 @@
         "glob": {
           "version": "7.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "graceful-fs": {
           "version": "4.1.11",
@@ -2287,7 +3266,11 @@
           "version": "4.2.1",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "ajv": "4.11.8",
+            "har-schema": "1.0.5"
+          }
         },
         "has-unicode": {
           "version": "2.0.1",
@@ -2299,7 +3282,13 @@
           "version": "3.1.3",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "boom": "2.10.1",
+            "cryptiles": "2.0.5",
+            "hoek": "2.16.3",
+            "sntp": "1.0.9"
+          }
         },
         "hoek": {
           "version": "2.16.3",
@@ -2310,12 +3299,21 @@
           "version": "1.1.1",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "assert-plus": "0.2.0",
+            "jsprim": "1.4.0",
+            "sshpk": "1.13.0"
+          }
         },
         "inflight": {
           "version": "1.0.6",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "once": "1.4.0",
+            "wrappy": "1.0.2"
+          }
         },
         "inherits": {
           "version": "2.0.3",
@@ -2331,7 +3329,10 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "number-is-nan": "1.0.1"
+          }
         },
         "is-typedarray": {
           "version": "1.0.0",
@@ -2354,7 +3355,10 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "jsbn": "0.1.1"
+          }
         },
         "jsbn": {
           "version": "0.1.1",
@@ -2372,7 +3376,10 @@
           "version": "1.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "jsonify": "0.0.0"
+          }
         },
         "json-stringify-safe": {
           "version": "5.0.1",
@@ -2391,6 +3398,12 @@
           "bundled": true,
           "dev": true,
           "optional": true,
+          "requires": {
+            "assert-plus": "1.0.0",
+            "extsprintf": "1.0.2",
+            "json-schema": "0.2.3",
+            "verror": "1.3.6"
+          },
           "dependencies": {
             "assert-plus": {
               "version": "1.0.0",
@@ -2408,12 +3421,18 @@
         "mime-types": {
           "version": "2.1.15",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "mime-db": "1.27.0"
+          }
         },
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "brace-expansion": "1.1.7"
+          }
         },
         "minimist": {
           "version": "0.0.8",
@@ -2423,7 +3442,10 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.8"
+          }
         },
         "ms": {
           "version": "2.0.0",
@@ -2435,19 +3457,40 @@
           "version": "0.6.36",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "mkdirp": "0.5.1",
+            "nopt": "4.0.1",
+            "npmlog": "4.1.0",
+            "rc": "1.2.1",
+            "request": "2.81.0",
+            "rimraf": "2.6.1",
+            "semver": "5.3.0",
+            "tar": "2.2.1",
+            "tar-pack": "3.4.0"
+          }
         },
         "nopt": {
           "version": "4.0.1",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "abbrev": "1.1.0",
+            "osenv": "0.1.4"
+          }
         },
         "npmlog": {
           "version": "4.1.0",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "are-we-there-yet": "1.1.4",
+            "console-control-strings": "1.1.0",
+            "gauge": "2.7.4",
+            "set-blocking": "2.0.0"
+          }
         },
         "number-is-nan": {
           "version": "1.0.1",
@@ -2469,7 +3512,10 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "wrappy": "1.0.2"
+          }
         },
         "os-homedir": {
           "version": "1.0.2",
@@ -2487,7 +3533,11 @@
           "version": "0.1.4",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "os-homedir": "1.0.2",
+            "os-tmpdir": "1.0.2"
+          }
         },
         "path-is-absolute": {
           "version": "1.0.1",
@@ -2522,6 +3572,12 @@
           "bundled": true,
           "dev": true,
           "optional": true,
+          "requires": {
+            "deep-extend": "0.4.2",
+            "ini": "1.3.4",
+            "minimist": "1.2.0",
+            "strip-json-comments": "2.0.1"
+          },
           "dependencies": {
             "minimist": {
               "version": "1.2.0",
@@ -2534,18 +3590,54 @@
         "readable-stream": {
           "version": "2.2.9",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "buffer-shims": "1.0.0",
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "1.0.0",
+            "process-nextick-args": "1.0.7",
+            "string_decoder": "1.0.1",
+            "util-deprecate": "1.0.2"
+          }
         },
         "request": {
           "version": "2.81.0",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "aws-sign2": "0.6.0",
+            "aws4": "1.6.0",
+            "caseless": "0.12.0",
+            "combined-stream": "1.0.5",
+            "extend": "3.0.1",
+            "forever-agent": "0.6.1",
+            "form-data": "2.1.4",
+            "har-validator": "4.2.1",
+            "hawk": "3.1.3",
+            "http-signature": "1.1.1",
+            "is-typedarray": "1.0.0",
+            "isstream": "0.1.2",
+            "json-stringify-safe": "5.0.1",
+            "mime-types": "2.1.15",
+            "oauth-sign": "0.8.2",
+            "performance-now": "0.2.0",
+            "qs": "6.4.0",
+            "safe-buffer": "5.0.1",
+            "stringstream": "0.0.5",
+            "tough-cookie": "2.3.2",
+            "tunnel-agent": "0.6.0",
+            "uuid": "3.0.1"
+          }
         },
         "rimraf": {
           "version": "2.6.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "glob": "7.1.2"
+          }
         },
         "safe-buffer": {
           "version": "5.0.1",
@@ -2574,13 +3666,27 @@
           "version": "1.0.9",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "hoek": "2.16.3"
+          }
         },
         "sshpk": {
           "version": "1.13.0",
           "bundled": true,
           "dev": true,
           "optional": true,
+          "requires": {
+            "asn1": "0.2.3",
+            "assert-plus": "1.0.0",
+            "bcrypt-pbkdf": "1.0.1",
+            "dashdash": "1.14.1",
+            "ecc-jsbn": "0.1.1",
+            "getpass": "0.1.7",
+            "jodid25519": "1.0.2",
+            "jsbn": "0.1.1",
+            "tweetnacl": "0.14.5"
+          },
           "dependencies": {
             "assert-plus": {
               "version": "1.0.0",
@@ -2593,12 +3699,20 @@
         "string_decoder": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.0.1"
+          }
         },
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
         },
         "stringstream": {
           "version": "0.0.5",
@@ -2609,7 +3723,10 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ansi-regex": "2.1.1"
+          }
         },
         "strip-json-comments": {
           "version": "2.0.1",
@@ -2620,25 +3737,46 @@
         "tar": {
           "version": "2.2.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "requires": {
+            "block-stream": "0.0.9",
+            "fstream": "1.0.11",
+            "inherits": "2.0.3"
+          }
         },
         "tar-pack": {
           "version": "3.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "debug": "2.6.8",
+            "fstream": "1.0.11",
+            "fstream-ignore": "1.0.5",
+            "once": "1.4.0",
+            "readable-stream": "2.2.9",
+            "rimraf": "2.6.1",
+            "tar": "2.2.1",
+            "uid-number": "0.0.6"
+          }
         },
         "tough-cookie": {
           "version": "2.3.2",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "punycode": "1.4.1"
+          }
         },
         "tunnel-agent": {
           "version": "0.6.0",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "safe-buffer": "5.0.1"
+          }
         },
         "tweetnacl": {
           "version": "0.14.5",
@@ -2667,13 +3805,19 @@
           "version": "1.3.6",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "extsprintf": "1.0.2"
+          }
         },
         "wide-align": {
           "version": "1.1.2",
           "bundled": true,
           "dev": true,
-          "optional": true
+          "optional": true,
+          "requires": {
+            "string-width": "1.0.2"
+          }
         },
         "wrappy": {
           "version": "1.0.2",
@@ -2686,7 +3830,13 @@
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz",
       "integrity": "sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "inherits": "2.0.3",
+        "mkdirp": "0.5.1",
+        "rimraf": "2.6.1"
+      }
     },
     "function-bind": {
       "version": "1.1.0",
@@ -2698,13 +3848,26 @@
       "version": "2.7.4",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
       "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "aproba": "1.1.2",
+        "console-control-strings": "1.1.0",
+        "has-unicode": "2.0.1",
+        "object-assign": "4.1.1",
+        "signal-exit": "3.0.2",
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1",
+        "wide-align": "1.1.2"
+      }
     },
     "gaze": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.2.tgz",
       "integrity": "sha1-hHIkZ3rbiHDWeSV+0ziP22HkAQU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "globule": "1.2.0"
+      }
     },
     "get-caller-file": {
       "version": "1.0.2",
@@ -2728,6 +3891,9 @@
       "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
       "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
       "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0"
+      },
       "dependencies": {
         "assert-plus": {
           "version": "1.0.0",
@@ -2741,13 +3907,24 @@
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
       "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inflight": "1.0.6",
+        "inherits": "2.0.3",
+        "minimatch": "3.0.4",
+        "once": "1.4.0",
+        "path-is-absolute": "1.0.1"
+      }
     },
     "glob-base": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
       "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=",
       "dev": true,
+      "requires": {
+        "glob-parent": "2.0.0",
+        "is-glob": "2.0.1"
+      },
       "dependencies": {
         "is-extglob": {
           "version": "1.0.0",
@@ -2759,7 +3936,10 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
         }
       }
     },
@@ -2768,6 +3948,9 @@
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
       "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=",
       "dev": true,
+      "requires": {
+        "is-glob": "2.0.1"
+      },
       "dependencies": {
         "is-extglob": {
           "version": "1.0.0",
@@ -2779,7 +3962,10 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
         }
       }
     },
@@ -2794,12 +3980,25 @@
       "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.0.tgz",
       "integrity": "sha1-HcScaCLdnoovoAuiopUAboZkvQk=",
       "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4"
+      },
       "dependencies": {
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         }
       }
     },
@@ -2807,13 +4006,22 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.0.tgz",
       "integrity": "sha1-f+DxmfV6yQbPUS/urY+Q7kooT8U=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "sparkles": "1.0.0"
+      }
     },
     "good": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/good/-/good-7.1.0.tgz",
       "integrity": "sha1-ngWtJMWKEbcc9QgXAPN3jbCyLBw=",
       "dev": true,
+      "requires": {
+        "hoek": "4.2.0",
+        "joi": "10.6.0",
+        "oppsy": "1.0.2",
+        "pumpify": "1.3.5"
+      },
       "dependencies": {
         "hoek": {
           "version": "4.2.0",
@@ -2828,6 +4036,12 @@
       "resolved": "https://registry.npmjs.org/good-console/-/good-console-6.4.0.tgz",
       "integrity": "sha1-cpTJ2QxMnwWaCC4YBiVJWWbSulk=",
       "dev": true,
+      "requires": {
+        "hoek": "4.2.0",
+        "joi": "8.1.1",
+        "json-stringify-safe": "5.0.1",
+        "moment": "2.15.1"
+      },
       "dependencies": {
         "hoek": {
           "version": "4.2.0",
@@ -2839,7 +4053,13 @@
           "version": "8.1.1",
           "resolved": "https://registry.npmjs.org/joi/-/joi-8.1.1.tgz",
           "integrity": "sha1-LYtSpdkJ0hftRySFd+7+ixeY9I8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.2.0",
+            "isemail": "2.2.1",
+            "moment": "2.15.1",
+            "topo": "2.0.2"
+          }
         }
       }
     },
@@ -2848,6 +4068,10 @@
       "resolved": "https://registry.npmjs.org/good-squeeze/-/good-squeeze-5.0.1.tgz",
       "integrity": "sha1-K/U8KKd8BysYpkaR9uhizWjqCJE=",
       "dev": true,
+      "requires": {
+        "fast-safe-stringify": "1.1.0",
+        "hoek": "4.2.0"
+      },
       "dependencies": {
         "hoek": {
           "version": "4.2.0",
@@ -2874,6 +4098,13 @@
       "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-2.1.1.tgz",
       "integrity": "sha1-MELZrewqHe1qdwep7SOA+KF6Qw4=",
       "dev": true,
+      "requires": {
+        "ansi-red": "0.1.1",
+        "coffee-script": "1.12.7",
+        "extend-shallow": "2.0.1",
+        "js-yaml": "3.9.1",
+        "toml": "2.3.2"
+      },
       "dependencies": {
         "esprima": {
           "version": "4.0.0",
@@ -2885,7 +4116,11 @@
           "version": "3.9.1",
           "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.9.1.tgz",
           "integrity": "sha512-CbcG379L1e+mWBnLvHWWeLs8GyV/EMw862uLI3c+GxVyDHWZcjZinwuBd3iW2pgxgIlksW/1vNJa4to+RvDOww==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "argparse": "1.0.9",
+            "esprima": "4.0.0"
+          }
         }
       }
     },
@@ -2894,6 +4129,26 @@
       "resolved": "https://registry.npmjs.org/gulp-util/-/gulp-util-3.0.7.tgz",
       "integrity": "sha1-eJJcS4+LSQBawBoBHFV+YhiUHLs=",
       "dev": true,
+      "requires": {
+        "array-differ": "1.0.0",
+        "array-uniq": "1.0.3",
+        "beeper": "1.1.1",
+        "chalk": "1.1.3",
+        "dateformat": "1.0.12",
+        "fancy-log": "1.3.0",
+        "gulplog": "1.0.0",
+        "has-gulplog": "0.1.0",
+        "lodash._reescape": "3.0.0",
+        "lodash._reevaluate": "3.0.0",
+        "lodash._reinterpolate": "3.0.0",
+        "lodash.template": "3.6.2",
+        "minimist": "1.2.0",
+        "multipipe": "0.1.2",
+        "object-assign": "3.0.0",
+        "replace-ext": "0.0.1",
+        "through2": "2.0.1",
+        "vinyl": "0.5.3"
+      },
       "dependencies": {
         "object-assign": {
           "version": "3.0.0",
@@ -2907,7 +4162,10 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
       "integrity": "sha1-4oxNRdBey77YGDY86PnFkmIp/+U=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "glogg": "1.0.0"
+      }
     },
     "hammerjs": {
       "version": "2.0.8",
@@ -2925,6 +4183,12 @@
       "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.0.10.tgz",
       "integrity": "sha1-PTDHGLCaPZbyPqTMH0A8TTup/08=",
       "dev": true,
+      "requires": {
+        "async": "1.5.2",
+        "optimist": "0.6.1",
+        "source-map": "0.4.4",
+        "uglify-js": "2.8.29"
+      },
       "dependencies": {
         "async": {
           "version": "1.5.2",
@@ -2936,7 +4200,10 @@
           "version": "0.4.4",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
           "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
         },
         "uglify-js": {
           "version": "2.8.29",
@@ -2944,6 +4211,11 @@
           "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
           "dev": true,
           "optional": true,
+          "requires": {
+            "source-map": "0.5.6",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          },
           "dependencies": {
             "source-map": {
               "version": "0.5.6",
@@ -2961,18 +4233,46 @@
       "resolved": "https://registry.npmjs.org/hapi/-/hapi-16.1.0.tgz",
       "integrity": "sha1-QZ3YY0dYiCHrWgpfSTvOAZgC0zs=",
       "dev": true,
+      "requires": {
+        "accept": "2.1.3",
+        "ammo": "2.0.3",
+        "boom": "4.2.0",
+        "call": "4.0.0",
+        "catbox": "7.1.3",
+        "catbox-memory": "2.0.4",
+        "cryptiles": "3.1.1",
+        "heavy": "4.0.3",
+        "hoek": "4.1.0",
+        "iron": "4.0.4",
+        "items": "2.1.1",
+        "joi": "10.1.0",
+        "mimos": "3.0.3",
+        "podium": "1.2.5",
+        "shot": "3.4.0",
+        "statehood": "5.0.1",
+        "subtext": "4.3.0",
+        "topo": "2.0.2"
+      },
       "dependencies": {
         "accept": {
           "version": "2.1.3",
           "resolved": "https://registry.npmjs.org/accept/-/accept-2.1.3.tgz",
           "integrity": "sha1-qw9b2kxEm76SaupgezUiVi9az4Y=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "hoek": "4.1.0"
+          }
         },
         "ammo": {
           "version": "2.0.3",
           "resolved": "https://registry.npmjs.org/ammo/-/ammo-2.0.3.tgz",
           "integrity": "sha1-kUu89lsEPtD1ioqdAZbiUOxR5qc=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "hoek": "4.1.0"
+          }
         },
         "b64": {
           "version": "3.0.2",
@@ -2984,43 +4284,69 @@
           "version": "4.2.0",
           "resolved": "https://registry.npmjs.org/boom/-/boom-4.2.0.tgz",
           "integrity": "sha1-wadBdLEfu6Ij9hYtT9iFGhuCpTY=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0"
+          }
         },
         "call": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/call/-/call-4.0.0.tgz",
           "integrity": "sha1-zSk4GpgEahMtsm4mKOcL2DIaHd8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "hoek": "4.1.0"
+          }
         },
         "catbox": {
           "version": "7.1.3",
           "resolved": "https://registry.npmjs.org/catbox/-/catbox-7.1.3.tgz",
           "integrity": "sha1-mBft7FqSF0MoKt38nEWs5ShH7rs=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "hoek": "4.1.0",
+            "joi": "10.1.0"
+          }
         },
         "catbox-memory": {
           "version": "2.0.4",
           "resolved": "https://registry.npmjs.org/catbox-memory/-/catbox-memory-2.0.4.tgz",
           "integrity": "sha1-Qz4lWQLK9UIz0ShkKcj03xToItU=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0"
+          }
         },
         "content": {
           "version": "3.0.3",
           "resolved": "https://registry.npmjs.org/content/-/content-3.0.3.tgz",
           "integrity": "sha1-AA+KATcblcZq/pm+k5D6bLkaqHo=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0"
+          }
         },
         "cryptiles": {
           "version": "3.1.1",
           "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-3.1.1.tgz",
           "integrity": "sha1-hqkgP3NnoOkyS8dVX/D89fgZee4=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0"
+          }
         },
         "heavy": {
           "version": "4.0.3",
           "resolved": "https://registry.npmjs.org/heavy/-/heavy-4.0.3.tgz",
           "integrity": "sha1-l2u6EYsBGxX+kEqk8pKhaL/GIy8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "hoek": "4.1.0",
+            "joi": "10.1.0"
+          }
         },
         "hoek": {
           "version": "4.1.0",
@@ -3032,7 +4358,12 @@
           "version": "4.0.4",
           "resolved": "https://registry.npmjs.org/iron/-/iron-4.0.4.tgz",
           "integrity": "sha1-wfjMTJFFQZSriSDZJHuoguUoBho=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "cryptiles": "3.1.1",
+            "hoek": "4.1.0"
+          }
         },
         "isemail": {
           "version": "2.2.1",
@@ -3050,7 +4381,13 @@
           "version": "10.1.0",
           "resolved": "https://registry.npmjs.org/joi/-/joi-10.1.0.tgz",
           "integrity": "sha1-jDqHV3wVn/66EppQVPMjj579cVk=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0",
+            "isemail": "2.2.1",
+            "items": "2.1.1",
+            "topo": "2.0.2"
+          }
         },
         "mime-db": {
           "version": "1.25.0",
@@ -3062,61 +4399,110 @@
           "version": "3.0.3",
           "resolved": "https://registry.npmjs.org/mimos/-/mimos-3.0.3.tgz",
           "integrity": "sha1-uRCQcq03jCty9qAQHEPd+ys2ZB8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0",
+            "mime-db": "1.25.0"
+          }
         },
         "nigel": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/nigel/-/nigel-2.0.2.tgz",
           "integrity": "sha1-k6GGb7DFLYc5CqdeKxYfS1x15bE=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0",
+            "vise": "2.0.2"
+          }
         },
         "pez": {
           "version": "2.1.4",
           "resolved": "https://registry.npmjs.org/pez/-/pez-2.1.4.tgz",
           "integrity": "sha1-c/gi+mLVmdZcRgb0kNVNNFGRvHw=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "b64": "3.0.2",
+            "boom": "4.2.0",
+            "content": "3.0.3",
+            "hoek": "4.1.0",
+            "nigel": "2.0.2"
+          }
         },
         "podium": {
           "version": "1.2.5",
           "resolved": "https://registry.npmjs.org/podium/-/podium-1.2.5.tgz",
           "integrity": "sha1-h8VmwvA2W88KHsdgLE0BlIzdKtU=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0",
+            "items": "2.1.1",
+            "joi": "10.1.0"
+          }
         },
         "shot": {
           "version": "3.4.0",
           "resolved": "https://registry.npmjs.org/shot/-/shot-3.4.0.tgz",
           "integrity": "sha1-5xJe5yV1rlIYNJ6TNjaAjXkNS5I=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0",
+            "joi": "10.1.0"
+          }
         },
         "statehood": {
           "version": "5.0.1",
           "resolved": "https://registry.npmjs.org/statehood/-/statehood-5.0.1.tgz",
           "integrity": "sha1-/BPJezd1HBjnBRPSuX6Jasi3MAU=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "cryptiles": "3.1.1",
+            "hoek": "4.1.0",
+            "iron": "4.0.4",
+            "items": "2.1.1",
+            "joi": "10.1.0"
+          }
         },
         "subtext": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/subtext/-/subtext-4.3.0.tgz",
           "integrity": "sha1-36yQSS7DVmn9bgDG5dk4sG18z7s=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "content": "3.0.3",
+            "hoek": "4.1.0",
+            "pez": "2.1.4",
+            "wreck": "10.0.0"
+          }
         },
         "topo": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/topo/-/topo-2.0.2.tgz",
           "integrity": "sha1-zVYVdSU5BXwNwEkaYhw7xvvh0YI=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0"
+          }
         },
         "vise": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/vise/-/vise-2.0.2.tgz",
           "integrity": "sha1-awjo+0y3bjpQzW3Q7DczjoEaDTk=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.1.0"
+          }
         },
         "wreck": {
           "version": "10.0.0",
           "resolved": "https://registry.npmjs.org/wreck/-/wreck-10.0.0.tgz",
           "integrity": "sha1-mKuIL4XhalJjMlB/EB9aeEEWIng=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "boom": "4.2.0",
+            "hoek": "4.1.0"
+          }
         }
       }
     },
@@ -3125,6 +4511,12 @@
       "resolved": "https://registry.npmjs.org/happypack/-/happypack-3.0.0.tgz",
       "integrity": "sha1-PdpueRE+eqZxlWzu6neliX64r8c=",
       "dev": true,
+      "requires": {
+        "async": "1.5.0",
+        "json-stringify-safe": "5.0.1",
+        "loader-utils": "0.2.16",
+        "mkdirp": "0.5.1"
+      },
       "dependencies": {
         "async": {
           "version": "1.5.0",
@@ -3136,7 +4528,13 @@
           "version": "0.2.16",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.16.tgz",
           "integrity": "sha1-8IYyBm7YKCg13/iN+1JwR2Wt7m0=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -3150,25 +4548,38 @@
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz",
       "integrity": "sha1-M0gdDxu/9gDdID11gSpqX7oALio=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "ajv": "4.11.8",
+        "har-schema": "1.0.5"
+      }
     },
     "has": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.1.tgz",
       "integrity": "sha1-hGFzP1OLCDfJNh45qauelwTcLyg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "function-bind": "1.1.0"
+      }
     },
     "has-ansi": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
       "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "ansi-regex": "2.1.1"
+      }
     },
     "has-binary": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/has-binary/-/has-binary-0.1.7.tgz",
       "integrity": "sha1-aOYesWIQyVRaClzOBqhzkS/h5ow=",
       "dev": true,
+      "requires": {
+        "isarray": "0.0.1"
+      },
       "dependencies": {
         "isarray": {
           "version": "0.0.1",
@@ -3194,7 +4605,10 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz",
       "integrity": "sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "sparkles": "1.0.0"
+      }
     },
     "has-unicode": {
       "version": "2.0.1",
@@ -3206,19 +4620,32 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-2.0.2.tgz",
       "integrity": "sha1-ZuodhW206KVHDK32/OI65SRO8uE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      }
     },
     "hash.js": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.3.tgz",
       "integrity": "sha512-/UETyP0W22QILqS+6HowevwhEFJ3MBJnwTf75Qob9Wz9t0DPuisL8kW8YZMK62dHAKE1c1p+gY1TtOLY+USEHA==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "minimalistic-assert": "1.0.0"
+      }
     },
     "hawk": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
       "integrity": "sha1-B4REvXwWQLD+VA0sm3PVlnjo4cQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "boom": "2.10.1",
+        "cryptiles": "2.0.5",
+        "hoek": "2.16.3",
+        "sntp": "1.0.9"
+      }
     },
     "he": {
       "version": "1.1.1",
@@ -3230,7 +4657,12 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
       "integrity": "sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "hash.js": "1.1.3",
+        "minimalistic-assert": "1.0.0",
+        "minimalistic-crypto-utils": "1.0.1"
+      }
     },
     "hoek": {
       "version": "2.16.3",
@@ -3242,7 +4674,11 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
       "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "os-homedir": "1.0.2",
+        "os-tmpdir": "1.0.2"
+      }
     },
     "hosted-git-info": {
       "version": "2.5.0",
@@ -3254,7 +4690,13 @@
       "version": "2.1.6",
       "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
       "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "obuf": "1.1.1",
+        "readable-stream": "2.3.3",
+        "wbuf": "1.7.2"
+      }
     },
     "html-comment-regex": {
       "version": "1.1.1",
@@ -3273,12 +4715,25 @@
       "resolved": "https://registry.npmjs.org/html-loader/-/html-loader-0.4.4.tgz",
       "integrity": "sha1-8rW5rNXgNf86tf02nBPJenuwFNo=",
       "dev": true,
+      "requires": {
+        "es6-templates": "0.2.3",
+        "fastparse": "1.1.1",
+        "html-minifier": "3.5.3",
+        "loader-utils": "0.2.17",
+        "object-assign": "4.1.1"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -3286,13 +4741,31 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.3.tgz",
       "integrity": "sha512-iKRzQQDuTCsq0Ultbi/mfJJnR0D3AdZKTq966Gsp92xkmAPCV4Xi08qhJ0Dl3ZAWemSgJ7qZK+UsZc0gFqK6wg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "camel-case": "3.0.0",
+        "clean-css": "4.1.7",
+        "commander": "2.11.0",
+        "he": "1.1.1",
+        "ncname": "1.0.0",
+        "param-case": "2.1.1",
+        "relateurl": "0.2.7",
+        "uglify-js": "3.0.27"
+      }
     },
     "html-webpack-plugin": {
       "version": "2.28.0",
       "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-2.28.0.tgz",
       "integrity": "sha1-LnhjtX5f1I/iYzA+L/yTTDBk0Ak=",
       "dev": true,
+      "requires": {
+        "bluebird": "3.5.0",
+        "html-minifier": "3.5.3",
+        "loader-utils": "0.2.17",
+        "lodash": "4.17.4",
+        "pretty-error": "2.1.1",
+        "toposort": "1.0.3"
+      },
       "dependencies": {
         "bluebird": {
           "version": "3.5.0",
@@ -3304,7 +4777,13 @@
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -3313,12 +4792,21 @@
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.3.0.tgz",
       "integrity": "sha1-zHDQWln2VC5D8OaFyYLhTJJKnv4=",
       "dev": true,
+      "requires": {
+        "domelementtype": "1.3.0",
+        "domhandler": "2.1.0",
+        "domutils": "1.1.6",
+        "readable-stream": "1.0.34"
+      },
       "dependencies": {
         "domutils": {
           "version": "1.1.6",
           "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.1.6.tgz",
           "integrity": "sha1-vdw94Jm5ou+sxRxiPyj0FuzFdIU=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "domelementtype": "1.3.0"
+          }
         },
         "isarray": {
           "version": "0.0.1",
@@ -3330,7 +4818,13 @@
           "version": "1.0.34",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
           "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
         },
         "string_decoder": {
           "version": "0.10.31",
@@ -3350,25 +4844,46 @@
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz",
       "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "depd": "1.1.1",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.0.3",
+        "statuses": "1.3.1"
+      }
     },
     "http-proxy": {
       "version": "1.16.2",
       "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.16.2.tgz",
       "integrity": "sha1-Bt/ykpUr9k2+hHH6nfcwZtTzd0I=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "eventemitter3": "1.2.0",
+        "requires-port": "1.0.0"
+      }
     },
     "http-proxy-middleware": {
       "version": "0.17.4",
       "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz",
       "integrity": "sha1-ZC6ISIUdZvCdTxJJEoRtuutBuDM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "http-proxy": "1.16.2",
+        "is-glob": "3.1.0",
+        "lodash": "4.17.4",
+        "micromatch": "2.3.11"
+      }
     },
     "http-signature": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
       "integrity": "sha1-33LiZwZs0Kxn+3at+OE0qPvPkb8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "assert-plus": "0.2.0",
+        "jsprim": "1.4.1",
+        "sshpk": "1.13.1"
+      }
     },
     "https-browserify": {
       "version": "0.0.1",
@@ -3404,7 +4919,10 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
       "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "repeating": "2.0.1"
+      }
     },
     "indexes-of": {
       "version": "1.0.1",
@@ -3423,12 +4941,23 @@
       "resolved": "https://registry.npmjs.org/inert/-/inert-4.1.0.tgz",
       "integrity": "sha1-5o35+wuH2K1ojjQo2q811iO2T10=",
       "dev": true,
+      "requires": {
+        "ammo": "2.0.4",
+        "boom": "4.3.1",
+        "hoek": "4.2.0",
+        "items": "2.1.1",
+        "joi": "10.6.0",
+        "lru-cache": "4.0.2"
+      },
       "dependencies": {
         "boom": {
           "version": "4.3.1",
           "resolved": "https://registry.npmjs.org/boom/-/boom-4.3.1.tgz",
           "integrity": "sha1-T4owBctKfjiJ90kDD9JbluAdLjE=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "hoek": "4.2.0"
+          }
         },
         "hoek": {
           "version": "4.2.0",
@@ -3440,7 +4969,11 @@
           "version": "4.0.2",
           "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.0.2.tgz",
           "integrity": "sha1-HRdnnAac2l0ECZGgnbwsDbN35V4=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "pseudomap": "1.0.2",
+            "yallist": "2.1.2"
+          }
         }
       }
     },
@@ -3448,7 +4981,11 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "once": "1.4.0",
+        "wrappy": "1.0.2"
+      }
     },
     "inherits": {
       "version": "2.0.3",
@@ -3471,7 +5008,10 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.2.tgz",
       "integrity": "sha1-nh9WrArNtr8wMwbzOL47IErmA2A=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "loose-envify": "1.3.1"
+      }
     },
     "invert-kv": {
       "version": "1.0.0",
@@ -3501,7 +5041,10 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
       "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "binary-extensions": "1.10.0"
+      }
     },
     "is-buffer": {
       "version": "1.1.5",
@@ -3513,7 +5056,10 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
       "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "builtin-modules": "1.1.1"
+      }
     },
     "is-dotfile": {
       "version": "1.0.3",
@@ -3525,7 +5071,10 @@
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
       "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-primitive": "2.0.0"
+      }
     },
     "is-extendable": {
       "version": "0.1.1",
@@ -3543,25 +5092,37 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
       "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "number-is-nan": "1.0.1"
+      }
     },
     "is-fullwidth-code-point": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
       "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "number-is-nan": "1.0.1"
+      }
     },
     "is-glob": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
       "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-extglob": "2.1.1"
+      }
     },
     "is-number": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
       "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "kind-of": "3.2.2"
+      }
     },
     "is-plain-obj": {
       "version": "1.1.0",
@@ -3574,6 +5135,9 @@
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
       "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
       "dev": true,
+      "requires": {
+        "isobject": "3.0.1"
+      },
       "dependencies": {
         "isobject": {
           "version": "3.0.1",
@@ -3599,7 +5163,10 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-2.1.0.tgz",
       "integrity": "sha1-z2EJDaDZ77yrhyLeum8DIgjbsOk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "html-comment-regex": "1.1.1"
+      }
     },
     "is-typedarray": {
       "version": "1.0.0",
@@ -3640,7 +5207,10 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
       "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "isarray": "1.0.0"
+      }
     },
     "isstream": {
       "version": "0.1.2",
@@ -3653,6 +5223,22 @@
       "resolved": "https://registry.npmjs.org/istanbul/-/istanbul-0.4.5.tgz",
       "integrity": "sha1-ZcfXPUxNqE1POsMQuRj7C4Azczs=",
       "dev": true,
+      "requires": {
+        "abbrev": "1.0.9",
+        "async": "1.5.2",
+        "escodegen": "1.8.1",
+        "esprima": "2.7.3",
+        "glob": "5.0.15",
+        "handlebars": "4.0.10",
+        "js-yaml": "3.7.0",
+        "mkdirp": "0.5.1",
+        "nopt": "3.0.6",
+        "once": "1.4.0",
+        "resolve": "1.1.7",
+        "supports-color": "3.2.3",
+        "which": "1.3.0",
+        "wordwrap": "1.0.0"
+      },
       "dependencies": {
         "async": {
           "version": "1.5.2",
@@ -3664,7 +5250,14 @@
           "version": "5.0.15",
           "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
           "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         }
       }
     },
@@ -3673,12 +5266,23 @@
       "resolved": "https://registry.npmjs.org/istanbul-instrumenter-loader/-/istanbul-instrumenter-loader-0.2.0.tgz",
       "integrity": "sha1-ZD5OXk6PlGaGOimpd9KDqzcsAZw=",
       "dev": true,
+      "requires": {
+        "istanbul": "0.4.5",
+        "loader-utils": "0.2.17",
+        "object-assign": "4.1.1"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -3705,6 +5309,12 @@
       "resolved": "https://registry.npmjs.org/joi/-/joi-10.6.0.tgz",
       "integrity": "sha512-hBF3LcqyAid+9X/pwg+eXjD2QBZI5eXnBFJYaAkH4SK3mp9QSRiiQnDYlmlz5pccMvnLcJRS4whhDOTCkmsAdQ==",
       "dev": true,
+      "requires": {
+        "hoek": "4.2.0",
+        "isemail": "2.2.1",
+        "items": "2.1.1",
+        "topo": "2.0.2"
+      },
       "dependencies": {
         "hoek": {
           "version": "4.2.0",
@@ -3730,7 +5340,11 @@
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
       "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "argparse": "1.0.9",
+        "esprima": "2.7.3"
+      }
     },
     "jsbn": {
       "version": "0.1.1",
@@ -3761,7 +5375,10 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
       "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "jsonify": "0.0.0"
+      }
     },
     "json-stringify-safe": {
       "version": "5.0.1",
@@ -3785,7 +5402,10 @@
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
       "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11"
+      }
     },
     "jsonify": {
       "version": "0.0.0",
@@ -3798,6 +5418,12 @@
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
       "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
       "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      },
       "dependencies": {
         "assert-plus": {
           "version": "1.0.0",
@@ -3812,12 +5438,45 @@
       "resolved": "https://registry.npmjs.org/karma/-/karma-0.13.22.tgz",
       "integrity": "sha1-B3ULG9Bj1+fnuRvNLmNU2PKqh0Q=",
       "dev": true,
+      "requires": {
+        "batch": "0.5.3",
+        "bluebird": "2.11.0",
+        "body-parser": "1.17.2",
+        "chokidar": "1.7.0",
+        "colors": "1.1.2",
+        "connect": "3.6.3",
+        "core-js": "2.4.1",
+        "di": "0.0.1",
+        "dom-serialize": "2.2.1",
+        "expand-braces": "0.1.2",
+        "glob": "7.1.2",
+        "graceful-fs": "4.1.11",
+        "http-proxy": "1.16.2",
+        "isbinaryfile": "3.0.2",
+        "lodash": "3.10.1",
+        "log4js": "0.6.38",
+        "mime": "1.3.6",
+        "minimatch": "3.0.4",
+        "optimist": "0.6.1",
+        "rimraf": "2.6.1",
+        "socket.io": "1.7.4",
+        "source-map": "0.5.6",
+        "useragent": "2.2.1"
+      },
       "dependencies": {
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "lodash": {
           "version": "3.10.1",
@@ -3831,13 +5490,24 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-1.0.1.tgz",
       "integrity": "sha1-vlrnxCZPmgouIuPZhL6zJa2SyMs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "fs-access": "1.0.1",
+        "which": "1.3.0"
+      }
     },
     "karma-coverage": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-1.1.1.tgz",
       "integrity": "sha1-Wv+LOc9plNwi3kyENix2ABtjfPY=",
       "dev": true,
+      "requires": {
+        "dateformat": "1.0.12",
+        "istanbul": "0.4.5",
+        "lodash": "3.10.1",
+        "minimatch": "3.0.4",
+        "source-map": "0.5.6"
+      },
       "dependencies": {
         "lodash": {
           "version": "3.10.1",
@@ -3857,13 +5527,19 @@
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/karma-jasmine-ajax/-/karma-jasmine-ajax-0.1.13.tgz",
       "integrity": "sha1-eLuS2Jb+MqJaGACYxHci4dlgW/w=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "jasmine-ajax": "3.2.0"
+      }
     },
     "karma-jasmine-html-reporter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-0.2.0.tgz",
       "integrity": "sha1-j/K03sm+exX7RhtzHL7z5s54tzU=",
       "dev": true,
+      "requires": {
+        "karma-jasmine": "0.2.3"
+      },
       "dependencies": {
         "karma-jasmine": {
           "version": "0.2.3",
@@ -3877,19 +5553,34 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/karma-mocha-reporter/-/karma-mocha-reporter-2.2.2.tgz",
       "integrity": "sha1-h23poockTlSmCFkXMqmOZmEfar4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3"
+      }
     },
     "karma-remap-istanbul": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/karma-remap-istanbul/-/karma-remap-istanbul-0.6.0.tgz",
       "integrity": "sha1-l/O3cAZSVPm0ck8tm+SjouG69vw=",
       "dev": true,
+      "requires": {
+        "istanbul": "0.4.5",
+        "remap-istanbul": "0.9.5"
+      },
       "dependencies": {
         "remap-istanbul": {
           "version": "0.9.5",
           "resolved": "https://registry.npmjs.org/remap-istanbul/-/remap-istanbul-0.9.5.tgz",
           "integrity": "sha1-oYYXsfMe7Fp9vud1OCmLd1YGqqg=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1",
+            "gulp-util": "3.0.7",
+            "istanbul": "0.4.5",
+            "minimatch": "3.0.4",
+            "source-map": "0.5.6",
+            "through2": "2.0.1"
+          }
         }
       }
     },
@@ -3897,19 +5588,33 @@
       "version": "0.3.7",
       "resolved": "https://registry.npmjs.org/karma-sourcemap-loader/-/karma-sourcemap-loader-0.3.7.tgz",
       "integrity": "sha1-kTIsd/jxPUb+0GKwQuEAnUxFBdg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11"
+      }
     },
     "karma-systemjs": {
       "version": "0.16.0",
       "resolved": "https://registry.npmjs.org/karma-systemjs/-/karma-systemjs-0.16.0.tgz",
       "integrity": "sha1-/iyB+vpkm8j9DuyMxba9dRXB8V0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4",
+        "minimatch": "3.0.4"
+      }
     },
     "karma-webpack": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/karma-webpack/-/karma-webpack-2.0.3.tgz",
       "integrity": "sha1-Oc6/XKJYATmyf5rmm3iBa5yC+uY=",
       "dev": true,
+      "requires": {
+        "async": "0.9.2",
+        "loader-utils": "0.2.17",
+        "lodash": "3.10.1",
+        "source-map": "0.1.43",
+        "webpack-dev-middleware": "1.12.0"
+      },
       "dependencies": {
         "async": {
           "version": "0.9.2",
@@ -3921,7 +5626,13 @@
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         },
         "lodash": {
           "version": "3.10.1",
@@ -3933,7 +5644,10 @@
           "version": "0.1.43",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
           "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
         }
       }
     },
@@ -3941,13 +5655,19 @@
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
       "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-buffer": "1.1.5"
+      }
     },
     "klaw": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz",
       "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11"
+      }
     },
     "lazy-cache": {
       "version": "1.0.4",
@@ -3959,25 +5679,41 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
       "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "invert-kv": "1.0.0"
+      }
     },
     "levn": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
       "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "prelude-ls": "1.1.2",
+        "type-check": "0.3.2"
+      }
     },
     "linkify-it": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.0.3.tgz",
       "integrity": "sha1-2UpGSPmxwXnWT6lykSaL22zpQ08=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "uc.micro": "1.0.3"
+      }
     },
     "list-item": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/list-item/-/list-item-1.1.1.tgz",
       "integrity": "sha1-DGXQDih8tmPMs8s4Sad+iewmilY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "expand-range": "1.8.2",
+        "extend-shallow": "2.0.1",
+        "is-number": "2.1.0",
+        "repeat-string": "1.6.1"
+      }
     },
     "livereload-js": {
       "version": "2.2.2",
@@ -3989,7 +5725,14 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
       "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "parse-json": "2.2.0",
+        "pify": "2.3.0",
+        "pinkie-promise": "2.0.1",
+        "strip-bom": "2.0.0"
+      }
     },
     "loader-runner": {
       "version": "2.3.0",
@@ -4001,7 +5744,12 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
       "integrity": "sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "big.js": "3.1.3",
+        "emojis-list": "2.1.0",
+        "json5": "0.5.1"
+      }
     },
     "lodash": {
       "version": "4.17.4",
@@ -4031,7 +5779,11 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/lodash._createcompounder/-/lodash._createcompounder-3.0.0.tgz",
       "integrity": "sha1-XdLLVTctbnDg4jkvsjBNZjEJEHU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash.deburr": "3.2.0",
+        "lodash.words": "3.2.0"
+      }
     },
     "lodash._getnative": {
       "version": "3.9.1",
@@ -4079,7 +5831,10 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-3.0.1.tgz",
       "integrity": "sha1-kyyLh/ikN3iXxnGXUzKC+Xrqwpg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._createcompounder": "3.0.0"
+      }
     },
     "lodash.clonedeep": {
       "version": "4.5.0",
@@ -4091,7 +5846,10 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-3.2.0.tgz",
       "integrity": "sha1-baj1QzSjZqfPTEx2742Aqhs2XtU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._root": "3.0.1"
+      }
     },
     "lodash.endswith": {
       "version": "4.2.1",
@@ -4103,7 +5861,10 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-3.2.0.tgz",
       "integrity": "sha1-mV7g3BjBtIzJLv+ucaEKq1tIdpg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._root": "3.0.1"
+      }
     },
     "lodash.flatten": {
       "version": "4.3.0",
@@ -4133,7 +5894,12 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz",
       "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._getnative": "3.9.1",
+        "lodash.isarguments": "3.1.0",
+        "lodash.isarray": "3.0.4"
+      }
     },
     "lodash.memoize": {
       "version": "4.1.2",
@@ -4169,13 +5935,28 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-3.6.2.tgz",
       "integrity": "sha1-+M3sxhaaJVvpCYrosMU9N4kx0U8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._basecopy": "3.0.1",
+        "lodash._basetostring": "3.0.1",
+        "lodash._basevalues": "3.0.0",
+        "lodash._isiterateecall": "3.0.9",
+        "lodash._reinterpolate": "3.0.0",
+        "lodash.escape": "3.2.0",
+        "lodash.keys": "3.1.2",
+        "lodash.restparam": "3.6.1",
+        "lodash.templatesettings": "3.1.1"
+      }
     },
     "lodash.templatesettings": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-3.1.1.tgz",
       "integrity": "sha1-+zB4RHU7Zrnxr6VOJix0UwfbqOU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._reinterpolate": "3.0.0",
+        "lodash.escape": "3.2.0"
+      }
     },
     "lodash.uniq": {
       "version": "4.5.0",
@@ -4193,13 +5974,20 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/lodash.words/-/lodash.words-3.2.0.tgz",
       "integrity": "sha1-TiqGSbwIdFsXxpWxo86P7llmI7M=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash._root": "3.0.1"
+      }
     },
     "log4js": {
       "version": "0.6.38",
       "resolved": "https://registry.npmjs.org/log4js/-/log4js-0.6.38.tgz",
       "integrity": "sha1-LElBFmldb7JUgJQ9P8hy5mKlIv0=",
       "dev": true,
+      "requires": {
+        "readable-stream": "1.0.34",
+        "semver": "4.3.6"
+      },
       "dependencies": {
         "isarray": {
           "version": "0.0.1",
@@ -4211,7 +5999,13 @@
           "version": "1.0.34",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
           "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "0.0.1",
+            "string_decoder": "0.10.31"
+          }
         },
         "semver": {
           "version": "4.3.6",
@@ -4237,13 +6031,20 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
       "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "js-tokens": "3.0.2"
+      }
     },
     "loud-rejection": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
       "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "currently-unhandled": "0.4.1",
+        "signal-exit": "3.0.2"
+      }
     },
     "lower-case": {
       "version": "1.1.4",
@@ -4279,7 +6080,14 @@
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.3.2.tgz",
       "integrity": "sha512-4J92IhJq1kGoyXddwzzfjr9cEKGexBfFsZooKYMhMLLlWa4+dlSPDUUP7y+xQOCebIj61aLmKlowg//YcdPP1w==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "argparse": "1.0.9",
+        "entities": "1.1.1",
+        "linkify-it": "2.0.3",
+        "mdurl": "1.0.1",
+        "uc.micro": "1.0.3"
+      }
     },
     "markdown-link": {
       "version": "0.1.1",
@@ -4292,12 +6100,29 @@
       "resolved": "https://registry.npmjs.org/markdown-toc/-/markdown-toc-1.1.0.tgz",
       "integrity": "sha1-GORyN9iVSelEcSHmniyoU8otdSo=",
       "dev": true,
+      "requires": {
+        "concat-stream": "1.6.0",
+        "diacritics-map": "0.1.0",
+        "gray-matter": "2.1.1",
+        "lazy-cache": "2.0.2",
+        "list-item": "1.1.1",
+        "markdown-link": "0.1.1",
+        "minimist": "1.2.0",
+        "mixin-deep": "1.2.0",
+        "object.pick": "1.2.0",
+        "remarkable": "1.7.1",
+        "repeat-string": "1.6.1",
+        "strip-color": "0.1.0"
+      },
       "dependencies": {
         "lazy-cache": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
           "integrity": "sha1-uRkKT5EzVGlIQIWfio9whNiCImQ=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "set-getter": "0.1.0"
+          }
         }
       }
     },
@@ -4305,25 +6130,48 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.4.1.tgz",
       "integrity": "sha1-NzIMqUSTgCT9a0IbJAGtNJNJWIo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "markdown-it": "8.3.2"
+      }
     },
     "markdownlint-cli": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/markdownlint-cli/-/markdownlint-cli-0.3.1.tgz",
       "integrity": "sha1-fgWAnyfn9QiGvwWtx9LSW7OwUpM=",
       "dev": true,
+      "requires": {
+        "commander": "2.9.0",
+        "deep-extend": "0.4.2",
+        "glob": "7.0.6",
+        "lodash.flatten": "4.3.0",
+        "lodash.values": "4.2.0",
+        "markdownlint": "0.4.1",
+        "rc": "1.1.7"
+      },
       "dependencies": {
         "commander": {
           "version": "2.9.0",
           "resolved": "https://registry.npmjs.org/commander/-/commander-2.9.0.tgz",
           "integrity": "sha1-nJkJQXbhIkDLItbFFGCYQA/g99Q=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "graceful-readlink": "1.0.1"
+          }
         },
         "glob": {
           "version": "7.0.6",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.0.6.tgz",
           "integrity": "sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         }
       }
     },
@@ -4346,7 +6194,11 @@
     "md-date-time-picker": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/md-date-time-picker/-/md-date-time-picker-2.2.0.tgz",
-      "integrity": "sha1-aIdfznnbbtEiNevEZ6qTSEX04dY="
+      "integrity": "sha1-aIdfznnbbtEiNevEZ6qTSEX04dY=",
+      "requires": {
+        "draggabilly": "2.1.1",
+        "moment": "2.15.1"
+      }
     },
     "mdurl": {
       "version": "1.0.1",
@@ -4364,13 +6216,29 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
       "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "errno": "0.1.4",
+        "readable-stream": "2.3.3"
+      }
     },
     "meow": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
       "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "camelcase-keys": "2.1.0",
+        "decamelize": "1.2.0",
+        "loud-rejection": "1.6.0",
+        "map-obj": "1.0.1",
+        "minimist": "1.2.0",
+        "normalize-package-data": "2.4.0",
+        "object-assign": "4.1.1",
+        "read-pkg-up": "1.0.1",
+        "redent": "1.0.0",
+        "trim-newlines": "1.0.0"
+      }
     },
     "merge-descriptors": {
       "version": "1.0.1",
@@ -4382,7 +6250,10 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-1.0.1.tgz",
       "integrity": "sha1-QEEgLVCKNCugAXQAjfDCUbjBNeE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "readable-stream": "2.3.3"
+      }
     },
     "methods": {
       "version": "1.1.2",
@@ -4394,6 +6265,21 @@
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
       "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=",
       "dev": true,
+      "requires": {
+        "arr-diff": "2.0.0",
+        "array-unique": "0.2.1",
+        "braces": "1.8.5",
+        "expand-brackets": "0.1.5",
+        "extglob": "0.3.2",
+        "filename-regex": "2.0.1",
+        "is-extglob": "1.0.0",
+        "is-glob": "2.0.1",
+        "kind-of": "3.2.2",
+        "normalize-path": "2.1.1",
+        "object.omit": "2.0.1",
+        "parse-glob": "3.0.4",
+        "regex-cache": "0.4.3"
+      },
       "dependencies": {
         "is-extglob": {
           "version": "1.0.0",
@@ -4405,7 +6291,10 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
         }
       }
     },
@@ -4413,7 +6302,11 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.0.tgz",
       "integrity": "sha1-SmL7HUKTPAVYOYL0xxb2+55sbT0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "brorand": "1.1.0"
+      }
     },
     "mime": {
       "version": "1.3.6",
@@ -4428,7 +6321,10 @@
     "mime-types": {
       "version": "2.1.16",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.16.tgz",
-      "integrity": "sha1-K4WKUuXs1RbbiXrCvodIeDBpjiM="
+      "integrity": "sha1-K4WKUuXs1RbbiXrCvodIeDBpjiM=",
+      "requires": {
+        "mime-db": "1.29.0"
+      }
     },
     "minimalistic-assert": {
       "version": "1.0.0",
@@ -4445,7 +6341,10 @@
     "minimatch": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
-      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA=="
+      "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+      "requires": {
+        "brace-expansion": "1.1.8"
+      }
     },
     "minimist": {
       "version": "1.2.0",
@@ -4456,13 +6355,21 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.2.0.tgz",
       "integrity": "sha1-0CuMb4ttS49ZgtP9AJxJGYUcP+I=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "for-in": "1.0.2",
+        "is-extendable": "0.1.1"
+      }
     },
     "mixin-object": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mixin-object/-/mixin-object-2.0.1.tgz",
       "integrity": "sha1-T7lJRB2rGCVA8f4DW6YOGUel5X4=",
       "dev": true,
+      "requires": {
+        "for-in": "0.1.8",
+        "is-extendable": "0.1.1"
+      },
       "dependencies": {
         "for-in": {
           "version": "0.1.8",
@@ -4476,6 +6383,9 @@
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "requires": {
+        "minimist": "0.0.8"
+      },
       "dependencies": {
         "minimist": {
           "version": "0.0.8",
@@ -4498,7 +6408,10 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz",
       "integrity": "sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "duplexer2": "0.0.2"
+      }
     },
     "nan": {
       "version": "2.6.2",
@@ -4510,7 +6423,10 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/ncname/-/ncname-1.0.0.tgz",
       "integrity": "sha1-W1etGLHKCShk72Kwse2BlPODtxw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "xml-char-classes": "1.0.0"
+      }
     },
     "negotiator": {
       "version": "0.6.1",
@@ -4522,16 +6438,46 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ng2-activiti-diagrams/-/ng2-activiti-diagrams-1.7.0.tgz",
       "integrity": "sha512-2wU26EGrDpWUuhNjo4IGceEM76vpVOBr53T8L3nsPeyiR8QI9Da7jDDTx2stk3aX45tbflvsiLOG0RGC8iYJsg==",
+      "requires": {
+        "@angular/animations": "4.2.5",
+        "@angular/cdk": "2.0.0-beta.8",
+        "@angular/common": "4.2.5",
+        "@angular/compiler": "4.2.5",
+        "@angular/core": "4.2.5",
+        "@angular/forms": "4.2.5",
+        "@angular/http": "4.2.5",
+        "@angular/material": "2.0.0-beta.8",
+        "@angular/platform-browser": "4.2.5",
+        "@angular/platform-browser-dynamic": "4.2.5",
+        "@angular/router": "4.2.5",
+        "@ngx-translate/core": "7.0.0",
+        "alfresco-js-api": "1.7.0",
+        "core-js": "2.4.1",
+        "hammerjs": "2.0.8",
+        "ng2-alfresco-core": "1.7.0",
+        "raphael": "2.2.6",
+        "reflect-metadata": "0.1.10",
+        "rxjs": "5.1.0",
+        "systemjs": "0.19.27",
+        "zone.js": "0.8.4"
+      },
       "dependencies": {
         "alfresco-js-api": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.7.0.tgz",
-          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ=="
+          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ==",
+          "requires": {
+            "event-emitter": "0.3.4",
+            "superagent": "3.4.1"
+          }
         },
         "raphael": {
           "version": "2.2.6",
           "resolved": "https://registry.npmjs.org/raphael/-/raphael-2.2.6.tgz",
-          "integrity": "sha1-beJockeUdlQ0T3CWduoMfvXl04g="
+          "integrity": "sha1-beJockeUdlQ0T3CWduoMfvXl04g=",
+          "requires": {
+            "eve": "0.5.0"
+          }
         },
         "zone.js": {
           "version": "0.8.4",
@@ -4544,11 +6490,39 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ng2-activiti-form/-/ng2-activiti-form-1.7.0.tgz",
       "integrity": "sha512-7wZdzA9JNt6b7b6pXtHQB43XmkVNE6dJI8l5X/FW2Ru3AnaG3HF14+eFUM6oLSNbXWv+JQOhYlb6tMvVfxHX8w==",
+      "requires": {
+        "@angular/animations": "4.2.5",
+        "@angular/cdk": "2.0.0-beta.8",
+        "@angular/common": "4.2.5",
+        "@angular/compiler": "4.2.5",
+        "@angular/core": "4.2.5",
+        "@angular/forms": "4.2.5",
+        "@angular/http": "4.2.5",
+        "@angular/material": "2.0.0-beta.8",
+        "@angular/platform-browser": "4.2.5",
+        "@angular/platform-browser-dynamic": "4.2.5",
+        "@angular/router": "4.2.5",
+        "@ngx-translate/core": "7.0.0",
+        "alfresco-js-api": "1.7.0",
+        "core-js": "2.4.1",
+        "hammerjs": "2.0.8",
+        "md-date-time-picker": "2.2.0",
+        "moment": "2.15.1",
+        "ng2-alfresco-core": "1.7.0",
+        "reflect-metadata": "0.1.10",
+        "rxjs": "5.1.0",
+        "systemjs": "0.19.27",
+        "zone.js": "0.8.4"
+      },
       "dependencies": {
         "alfresco-js-api": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.7.0.tgz",
-          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ=="
+          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ==",
+          "requires": {
+            "event-emitter": "0.3.4",
+            "superagent": "3.4.1"
+          }
         },
         "zone.js": {
           "version": "0.8.4",
@@ -4561,11 +6535,41 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ng2-activiti-tasklist/-/ng2-activiti-tasklist-1.7.0.tgz",
       "integrity": "sha512-R5Oq5wYW65QAspYH+4eR7Tyg/fqarc3crYi/CLHb/u6cAyA0Y8brvz10IBgqThbmUqfLb+8ba4hTSgiNSLadoQ==",
+      "requires": {
+        "@angular/animations": "4.2.5",
+        "@angular/cdk": "2.0.0-beta.8",
+        "@angular/common": "4.2.5",
+        "@angular/compiler": "4.2.5",
+        "@angular/core": "4.2.5",
+        "@angular/forms": "4.2.5",
+        "@angular/http": "4.2.5",
+        "@angular/material": "2.0.0-beta.8",
+        "@angular/platform-browser": "4.2.5",
+        "@angular/platform-browser-dynamic": "4.2.5",
+        "@angular/router": "4.2.5",
+        "@ngx-translate/core": "7.0.0",
+        "alfresco-js-api": "1.7.0",
+        "core-js": "2.4.1",
+        "hammerjs": "2.0.8",
+        "md-date-time-picker": "2.2.0",
+        "moment": "2.15.1",
+        "ng2-activiti-form": "1.7.0",
+        "ng2-alfresco-core": "1.7.0",
+        "ng2-alfresco-datatable": "1.7.0",
+        "reflect-metadata": "0.1.10",
+        "rxjs": "5.1.0",
+        "systemjs": "0.19.27",
+        "zone.js": "0.7.6"
+      },
       "dependencies": {
         "alfresco-js-api": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.7.0.tgz",
-          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ=="
+          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ==",
+          "requires": {
+            "event-emitter": "0.3.4",
+            "superagent": "3.4.1"
+          }
         },
         "zone.js": {
           "version": "0.7.6",
@@ -4578,11 +6582,39 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ng2-alfresco-core/-/ng2-alfresco-core-1.7.0.tgz",
       "integrity": "sha512-dXKstITLFv3snsJDPdNr9EVzgeLCSefHfWuGKmNB8KWZeP4ZMT0KCMLcAK+e+8H40/4WJnkuANltAafZ898e7w==",
+      "requires": {
+        "@angular/animations": "4.2.5",
+        "@angular/cdk": "2.0.0-beta.8",
+        "@angular/common": "4.2.5",
+        "@angular/compiler": "4.2.5",
+        "@angular/compiler-cli": "4.2.5",
+        "@angular/core": "4.2.5",
+        "@angular/forms": "4.2.5",
+        "@angular/http": "4.2.5",
+        "@angular/material": "2.0.0-beta.8",
+        "@angular/platform-browser": "4.2.5",
+        "@angular/platform-browser-dynamic": "4.2.5",
+        "@angular/router": "4.2.5",
+        "@ngx-translate/core": "7.0.0",
+        "alfresco-js-api": "1.7.0",
+        "core-js": "2.4.1",
+        "hammerjs": "2.0.8",
+        "material-design-icons": "2.2.3",
+        "material-design-lite": "1.2.1",
+        "reflect-metadata": "0.1.10",
+        "rxjs": "5.1.0",
+        "systemjs": "0.19.27",
+        "zone.js": "0.7.6"
+      },
       "dependencies": {
         "alfresco-js-api": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.7.0.tgz",
-          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ=="
+          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ==",
+          "requires": {
+            "event-emitter": "0.3.4",
+            "superagent": "3.4.1"
+          }
         },
         "zone.js": {
           "version": "0.7.6",
@@ -4595,11 +6627,37 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ng2-alfresco-datatable/-/ng2-alfresco-datatable-1.7.0.tgz",
       "integrity": "sha512-fLceBX0x9rsYqgJbig0raLFZb2O4zhpRX0bjOt1k5IvEeYwU39Ax851HMKbs7XjGXNf3C4uo4r0ra84SsWX7tg==",
+      "requires": {
+        "@angular/animations": "4.2.5",
+        "@angular/cdk": "2.0.0-beta.8",
+        "@angular/common": "4.2.5",
+        "@angular/compiler": "4.2.5",
+        "@angular/core": "4.2.5",
+        "@angular/forms": "4.2.5",
+        "@angular/http": "4.2.5",
+        "@angular/material": "2.0.0-beta.8",
+        "@angular/platform-browser": "4.2.5",
+        "@angular/platform-browser-dynamic": "4.2.5",
+        "@angular/router": "4.2.5",
+        "@ngx-translate/core": "7.0.0",
+        "alfresco-js-api": "1.7.0",
+        "core-js": "2.4.1",
+        "hammerjs": "2.0.8",
+        "ng2-alfresco-core": "1.7.0",
+        "reflect-metadata": "0.1.10",
+        "rxjs": "5.1.0",
+        "systemjs": "0.19.27",
+        "zone.js": "0.7.6"
+      },
       "dependencies": {
         "alfresco-js-api": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.7.0.tgz",
-          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ=="
+          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ==",
+          "requires": {
+            "event-emitter": "0.3.4",
+            "superagent": "3.4.1"
+          }
         },
         "zone.js": {
           "version": "0.7.6",
@@ -4612,11 +6670,38 @@
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ng2-alfresco-documentlist/-/ng2-alfresco-documentlist-1.7.0.tgz",
       "integrity": "sha512-PmCK45W8FH7Y29TAEYwExNR7sY8urje5mvattuPJWWIT4HGzrRvJcmVFpXGehTWpE9iT7yJs4cmV+5plZA2ySQ==",
+      "requires": {
+        "@angular/animations": "4.2.5",
+        "@angular/cdk": "2.0.0-beta.8",
+        "@angular/common": "4.2.5",
+        "@angular/compiler": "4.2.5",
+        "@angular/core": "4.2.5",
+        "@angular/forms": "4.2.5",
+        "@angular/http": "4.2.5",
+        "@angular/material": "2.0.0-beta.8",
+        "@angular/platform-browser": "4.2.5",
+        "@angular/platform-browser-dynamic": "4.2.5",
+        "@angular/router": "4.2.5",
+        "@ngx-translate/core": "7.0.0",
+        "alfresco-js-api": "1.7.0",
+        "core-js": "2.4.1",
+        "hammerjs": "2.0.8",
+        "ng2-alfresco-core": "1.7.0",
+        "ng2-alfresco-datatable": "1.7.0",
+        "reflect-metadata": "0.1.10",
+        "rxjs": "5.1.0",
+        "systemjs": "0.19.27",
+        "zone.js": "0.7.6"
+      },
       "dependencies": {
         "alfresco-js-api": {
           "version": "1.7.0",
           "resolved": "https://registry.npmjs.org/alfresco-js-api/-/alfresco-js-api-1.7.0.tgz",
-          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ=="
+          "integrity": "sha512-CyN1W1QxlKkE9X/WQv68pZr7nzPcR6LoV/hjgOCBz6QEkj8eBowzYB2PF3EL8d6g80LmgXBF733Dv0ur/kJqLQ==",
+          "requires": {
+            "event-emitter": "0.3.4",
+            "superagent": "3.4.1"
+          }
         },
         "zone.js": {
           "version": "0.7.6",
@@ -4629,11 +6714,18 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/ng2-charts/-/ng2-charts-1.6.0.tgz",
       "integrity": "sha512-9w0WH69x5/nuqC1og2WaY39NbaBqTGIP1+5gZaH7/KPN6UEPonNg/pYnsIVklLj1DWPWXKa8+XXIJZ1jy5nLxg==",
+      "requires": {
+        "chart.js": "2.6.0"
+      },
       "dependencies": {
         "chart.js": {
           "version": "2.6.0",
           "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-2.6.0.tgz",
-          "integrity": "sha1-MI+aSwv+1aFUwU9d6x2UcNIqvnE="
+          "integrity": "sha1-MI+aSwv+1aFUwU9d6x2UcNIqvnE=",
+          "requires": {
+            "chartjs-color": "2.1.0",
+            "moment": "2.15.1"
+          }
         }
       }
     },
@@ -4641,13 +6733,19 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.1.tgz",
       "integrity": "sha1-euuhxzpSGEJlVUt9wDuvcg34AIE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lower-case": "1.1.4"
+      }
     },
     "node-dir": {
       "version": "0.1.17",
       "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz",
       "integrity": "sha1-X1Zl2TNRM1yqvvjxxVRRbPXx5OU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "minimatch": "3.0.4"
+      }
     },
     "node-ensure": {
       "version": "0.0.0",
@@ -4659,12 +6757,35 @@
       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.6.2.tgz",
       "integrity": "sha1-m/vlRWIoYoSDjnUOrAUpWFP6HGA=",
       "dev": true,
+      "requires": {
+        "fstream": "1.0.11",
+        "glob": "7.1.2",
+        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
+        "mkdirp": "0.5.1",
+        "nopt": "3.0.6",
+        "npmlog": "4.1.2",
+        "osenv": "0.1.4",
+        "request": "2.81.0",
+        "rimraf": "2.6.1",
+        "semver": "5.3.0",
+        "tar": "2.2.1",
+        "which": "1.3.0"
+      },
       "dependencies": {
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "semver": {
           "version": "5.3.0",
@@ -4679,6 +6800,31 @@
       "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.0.0.tgz",
       "integrity": "sha1-o6WeyXAkmFtG6Vg3lkb5bEthZkY=",
       "dev": true,
+      "requires": {
+        "assert": "1.4.1",
+        "browserify-zlib": "0.1.4",
+        "buffer": "4.9.1",
+        "console-browserify": "1.1.0",
+        "constants-browserify": "1.0.0",
+        "crypto-browserify": "3.11.1",
+        "domain-browser": "1.1.7",
+        "events": "1.1.1",
+        "https-browserify": "0.0.1",
+        "os-browserify": "0.2.1",
+        "path-browserify": "0.0.0",
+        "process": "0.11.10",
+        "punycode": "1.4.1",
+        "querystring-es3": "0.2.1",
+        "readable-stream": "2.3.3",
+        "stream-browserify": "2.0.1",
+        "stream-http": "2.7.2",
+        "string_decoder": "0.10.31",
+        "timers-browserify": "2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "0.11.0",
+        "util": "0.10.3",
+        "vm-browserify": "0.0.4"
+      },
       "dependencies": {
         "string_decoder": {
           "version": "0.10.31",
@@ -4693,12 +6839,40 @@
       "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.5.3.tgz",
       "integrity": "sha1-0JydEXlkEjnRuX/8YjH9zsU+FWg=",
       "dev": true,
+      "requires": {
+        "async-foreach": "0.1.3",
+        "chalk": "1.1.3",
+        "cross-spawn": "3.0.1",
+        "gaze": "1.1.2",
+        "get-stdin": "4.0.1",
+        "glob": "7.1.2",
+        "in-publish": "2.0.0",
+        "lodash.assign": "4.2.0",
+        "lodash.clonedeep": "4.5.0",
+        "lodash.mergewith": "4.6.0",
+        "meow": "3.7.0",
+        "mkdirp": "0.5.1",
+        "nan": "2.6.2",
+        "node-gyp": "3.6.2",
+        "npmlog": "4.1.2",
+        "request": "2.81.0",
+        "sass-graph": "2.2.4",
+        "stdout-stream": "1.4.0"
+      },
       "dependencies": {
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         }
       }
     },
@@ -4706,19 +6880,31 @@
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
       "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "abbrev": "1.0.9"
+      }
     },
     "normalize-package-data": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
       "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "2.5.0",
+        "is-builtin-module": "1.0.0",
+        "semver": "5.4.1",
+        "validate-npm-package-license": "3.0.1"
+      }
     },
     "normalize-path": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
       "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "remove-trailing-separator": "1.1.0"
+      }
     },
     "normalize-range": {
       "version": "0.1.2",
@@ -4730,19 +6916,34 @@
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
       "integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "prepend-http": "1.0.4",
+        "query-string": "4.3.4",
+        "sort-keys": "1.1.2"
+      }
     },
     "npmlog": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
       "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "are-we-there-yet": "1.1.4",
+        "console-control-strings": "1.1.0",
+        "gauge": "2.7.4",
+        "set-blocking": "2.0.0"
+      }
     },
     "nth-check": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.1.tgz",
       "integrity": "sha1-mSms32KPwsQQmN6rgqxYDPFJquQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "boolbase": "1.0.0"
+      }
     },
     "null-check": {
       "version": "1.0.0",
@@ -4790,13 +6991,20 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
       "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "for-own": "0.1.5",
+        "is-extendable": "0.1.1"
+      }
     },
     "object.pick": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.2.0.tgz",
       "integrity": "sha1-tTkr7peC2m2ft9avr1OXefEjTCs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "isobject": "2.1.0"
+      }
     },
     "obuf": {
       "version": "1.1.1",
@@ -4808,7 +7016,10 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
       "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
     },
     "on-headers": {
       "version": "1.0.1",
@@ -4820,19 +7031,30 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "wrappy": "1.0.2"
+      }
     },
     "opn": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/opn/-/opn-4.0.2.tgz",
       "integrity": "sha1-erwi5kTf9jsKltWrfyeQwPAavJU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "pinkie-promise": "2.0.1"
+      }
     },
     "oppsy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/oppsy/-/oppsy-1.0.2.tgz",
       "integrity": "sha1-mAFM1pZ2U6g8//pVQibckAULqtQ=",
       "dev": true,
+      "requires": {
+        "hoek": "4.2.0",
+        "items": "2.1.1"
+      },
       "dependencies": {
         "hoek": {
           "version": "4.2.0",
@@ -4847,6 +7069,10 @@
       "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
       "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
       "dev": true,
+      "requires": {
+        "minimist": "0.0.10",
+        "wordwrap": "0.0.3"
+      },
       "dependencies": {
         "minimist": {
           "version": "0.0.10",
@@ -4866,7 +7092,15 @@
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.2.tgz",
       "integrity": "sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "deep-is": "0.1.3",
+        "fast-levenshtein": "2.0.6",
+        "levn": "0.3.0",
+        "prelude-ls": "1.1.2",
+        "type-check": "0.3.2",
+        "wordwrap": "1.0.0"
+      }
     },
     "options": {
       "version": "0.0.6",
@@ -4879,12 +7113,19 @@
       "resolved": "https://registry.npmjs.org/original/-/original-1.0.0.tgz",
       "integrity": "sha1-kUf5P6FpbQS+YeAb1QuurKZWvTs=",
       "dev": true,
+      "requires": {
+        "url-parse": "1.0.5"
+      },
       "dependencies": {
         "url-parse": {
           "version": "1.0.5",
           "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.0.5.tgz",
           "integrity": "sha1-CFSGBCKv3P7+tsllxmLUgAFpkns=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "querystringify": "0.0.4",
+            "requires-port": "1.0.0"
+          }
         }
       }
     },
@@ -4904,7 +7145,10 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
       "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lcid": "1.0.0"
+      }
     },
     "os-tmpdir": {
       "version": "1.0.2",
@@ -4916,19 +7160,29 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.4.tgz",
       "integrity": "sha1-Qv5tWVPfBsgGS+bxdsPQWqqjRkQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "os-homedir": "1.0.2",
+        "os-tmpdir": "1.0.2"
+      }
     },
     "package-json-merge": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/package-json-merge/-/package-json-merge-0.0.1.tgz",
       "integrity": "sha1-U4W/ZplPS6E92XEl8zTEt74kvhE=",
       "dev": true,
+      "requires": {
+        "commander": "2.9.0"
+      },
       "dependencies": {
         "commander": {
           "version": "2.9.0",
           "resolved": "https://registry.npmjs.org/commander/-/commander-2.9.0.tgz",
           "integrity": "sha1-nJkJQXbhIkDLItbFFGCYQA/g99Q=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "graceful-readlink": "1.0.1"
+          }
         }
       }
     },
@@ -4942,19 +7196,35 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
       "integrity": "sha1-35T9jPZTHs915r75oIWPvHK+Ikc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "no-case": "2.3.1"
+      }
     },
     "parse-asn1": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.0.tgz",
       "integrity": "sha1-N8T5t+06tlx0gXtfJICTf7+XxxI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "asn1.js": "4.9.1",
+        "browserify-aes": "1.0.6",
+        "create-hash": "1.1.3",
+        "evp_bytestokey": "1.0.0",
+        "pbkdf2": "3.0.13"
+      }
     },
     "parse-glob": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
       "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=",
       "dev": true,
+      "requires": {
+        "glob-base": "0.3.0",
+        "is-dotfile": "1.0.3",
+        "is-extglob": "1.0.0",
+        "is-glob": "2.0.1"
+      },
       "dependencies": {
         "is-extglob": {
           "version": "1.0.0",
@@ -4966,7 +7236,10 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
         }
       }
     },
@@ -4974,25 +7247,37 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
       "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "error-ex": "1.3.1"
+      }
     },
     "parsejson": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/parsejson/-/parsejson-0.0.3.tgz",
       "integrity": "sha1-q343WfIJ7OmUN5c/fQ8fZK4OZKs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "better-assert": "1.0.2"
+      }
     },
     "parseqs": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
       "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "better-assert": "1.0.2"
+      }
     },
     "parseuri": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
       "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "better-assert": "1.0.2"
+      }
     },
     "parseurl": {
       "version": "1.3.1",
@@ -5010,7 +7295,10 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
       "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "pinkie-promise": "2.0.1"
+      }
     },
     "path-is-absolute": {
       "version": "1.0.1",
@@ -5034,18 +7322,33 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
       "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "pify": "2.3.0",
+        "pinkie-promise": "2.0.1"
+      }
     },
     "pbkdf2": {
       "version": "3.0.13",
       "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.13.tgz",
       "integrity": "sha512-+dCHxDH+djNtjgWmvVC/my3SYBAKpKNqKSjLkp+GtWWYe4XPE+e/PSD2aCanlEZZnqPk2uekTKNC/ccbwd2X2Q==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "create-hash": "1.1.3",
+        "create-hmac": "1.1.6",
+        "ripemd160": "2.0.1",
+        "safe-buffer": "5.1.1",
+        "sha.js": "2.4.8"
+      }
     },
     "pdfjs-dist": {
       "version": "1.5.404",
       "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-1.5.404.tgz",
-      "integrity": "sha1-hYXGUWquIU1ZCXXo+ys8PzrxTO8="
+      "integrity": "sha1-hYXGUWquIU1ZCXXo+ys8PzrxTO8=",
+      "requires": {
+        "node-ensure": "0.0.0"
+      }
     },
     "performance-now": {
       "version": "0.2.0",
@@ -5069,13 +7372,21 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
       "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "pinkie": "2.0.4"
+      }
     },
     "portfinder": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.13.tgz",
       "integrity": "sha1-uzLs2HwnEErm7kS1o8y/Drsa7ek=",
       "dev": true,
+      "requires": {
+        "async": "1.5.2",
+        "debug": "2.6.8",
+        "mkdirp": "0.5.1"
+      },
       "dependencies": {
         "async": {
           "version": "1.5.2",
@@ -5089,85 +7400,144 @@
       "version": "5.2.17",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.17.tgz",
       "integrity": "sha1-z09Ze4ZNZcikkrLqvp1wbIecOIs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "js-base64": "2.1.9",
+        "source-map": "0.5.6",
+        "supports-color": "3.2.3"
+      }
     },
     "postcss-calc": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-5.3.1.tgz",
       "integrity": "sha1-d7rnypKK2FcW4v2kLyYb98HWW14=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-message-helpers": "2.0.0",
+        "reduce-css-calc": "1.3.0"
+      }
     },
     "postcss-colormin": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-2.2.2.tgz",
       "integrity": "sha1-ZjFBfV8OkJo9fsJrJMio0eT5bks=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "colormin": "1.1.2",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-convert-values": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz",
       "integrity": "sha1-u9hZPFwf0uPRwyK7kl3K6Nrk1i0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-discard-comments": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz",
       "integrity": "sha1-vv6J+v1bPazlzM5Rt2uBUUvgDj0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-discard-duplicates": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz",
       "integrity": "sha1-uavye4isGIFYpesSq8riAmO5GTI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-discard-empty": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz",
       "integrity": "sha1-0rS9nVztXr2Nyt52QMfXzX9PkrU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-discard-overridden": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz",
       "integrity": "sha1-ix6vVU9ob7KIzYdMVWZ7CqNmjVg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-discard-unused": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz",
       "integrity": "sha1-vOMLLMWR/8Y0Mitfs0ZLbZNPRDM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "uniqs": "2.0.0"
+      }
     },
     "postcss-filter-plugins": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/postcss-filter-plugins/-/postcss-filter-plugins-2.0.2.tgz",
       "integrity": "sha1-bYWGJTTXNaxCDkqFgG4fXUKG2Ew=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "uniqid": "4.1.1"
+      }
     },
     "postcss-merge-idents": {
       "version": "2.1.7",
       "resolved": "https://registry.npmjs.org/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz",
       "integrity": "sha1-TFUwMTwI4dWzu/PSu8dH4njuonA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-merge-longhand": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz",
       "integrity": "sha1-I9kM0Sewp3mUkVMyc5A0oaTz1lg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-merge-rules": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz",
       "integrity": "sha1-0d9d+qexrMO+VT8OnhDofGG19yE=",
       "dev": true,
+      "requires": {
+        "browserslist": "1.7.7",
+        "caniuse-api": "1.6.1",
+        "postcss": "5.2.17",
+        "postcss-selector-parser": "2.2.3",
+        "vendors": "1.0.1"
+      },
       "dependencies": {
         "browserslist": {
           "version": "1.7.7",
           "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-1.7.7.tgz",
           "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "caniuse-db": "1.0.30000715",
+            "electron-to-chromium": "1.3.18"
+          }
         }
       }
     },
@@ -5181,49 +7551,84 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz",
       "integrity": "sha1-S1jttWZB66fIR0qzUmyv17vey2k=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-minify-gradients": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz",
       "integrity": "sha1-Xb2hE3NwP4PPtKPqOIHY11/15uE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-minify-params": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz",
       "integrity": "sha1-rSzgcTc7lDs9kwo/pZo1jCjW8fM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "1.0.2",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0",
+        "uniqs": "2.0.0"
+      }
     },
     "postcss-minify-selectors": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz",
       "integrity": "sha1-ssapjAByz5G5MtGkllCBFDEXNb8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "1.0.2",
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "postcss-selector-parser": "2.2.3"
+      }
     },
     "postcss-modules-extract-imports": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.1.0.tgz",
       "integrity": "sha1-thTJcgvmgW6u41+zpfqh26agXds=",
       "dev": true,
+      "requires": {
+        "postcss": "6.0.9"
+      },
       "dependencies": {
         "ansi-styles": {
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
         },
         "chalk": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
           "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.2.1"
+          }
         },
         "color-convert": {
           "version": "1.9.0",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
           "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
         },
         "has-flag": {
           "version": "2.0.0",
@@ -5235,13 +7640,21 @@
           "version": "6.0.9",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.9.tgz",
           "integrity": "sha512-bBE2AHNEBhF23TfET6AA/lFP8ah+qHOZoFJEflFG+HgvVLdTmMOrocx/4LVVDIn3w6jUssw1q2Exk1cc9UOI8w==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.6",
+            "supports-color": "4.2.1"
+          }
         },
         "supports-color": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.2.1.tgz",
           "integrity": "sha512-qxzYsob3yv6U+xMzPrv170y8AwGP7i74g+pbixCfD6rgso8BscLT2qXIuz6TpOaiJZ3mFgT5O9lyT9nMU4LfaA==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "has-flag": "2.0.0"
+          }
         }
       }
     },
@@ -5250,24 +7663,39 @@
       "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz",
       "integrity": "sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=",
       "dev": true,
+      "requires": {
+        "css-selector-tokenizer": "0.7.0",
+        "postcss": "6.0.9"
+      },
       "dependencies": {
         "ansi-styles": {
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
         },
         "chalk": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
           "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.2.1"
+          }
         },
         "color-convert": {
           "version": "1.9.0",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
           "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
         },
         "has-flag": {
           "version": "2.0.0",
@@ -5279,13 +7707,21 @@
           "version": "6.0.9",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.9.tgz",
           "integrity": "sha512-bBE2AHNEBhF23TfET6AA/lFP8ah+qHOZoFJEflFG+HgvVLdTmMOrocx/4LVVDIn3w6jUssw1q2Exk1cc9UOI8w==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.6",
+            "supports-color": "4.2.1"
+          }
         },
         "supports-color": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.2.1.tgz",
           "integrity": "sha512-qxzYsob3yv6U+xMzPrv170y8AwGP7i74g+pbixCfD6rgso8BscLT2qXIuz6TpOaiJZ3mFgT5O9lyT9nMU4LfaA==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "has-flag": "2.0.0"
+          }
         }
       }
     },
@@ -5294,24 +7730,39 @@
       "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
       "integrity": "sha1-1upkmUx5+XtipytCb75gVqGUu5A=",
       "dev": true,
+      "requires": {
+        "css-selector-tokenizer": "0.7.0",
+        "postcss": "6.0.9"
+      },
       "dependencies": {
         "ansi-styles": {
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
         },
         "chalk": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
           "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.2.1"
+          }
         },
         "color-convert": {
           "version": "1.9.0",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
           "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
         },
         "has-flag": {
           "version": "2.0.0",
@@ -5323,13 +7774,21 @@
           "version": "6.0.9",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.9.tgz",
           "integrity": "sha512-bBE2AHNEBhF23TfET6AA/lFP8ah+qHOZoFJEflFG+HgvVLdTmMOrocx/4LVVDIn3w6jUssw1q2Exk1cc9UOI8w==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.6",
+            "supports-color": "4.2.1"
+          }
         },
         "supports-color": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.2.1.tgz",
           "integrity": "sha512-qxzYsob3yv6U+xMzPrv170y8AwGP7i74g+pbixCfD6rgso8BscLT2qXIuz6TpOaiJZ3mFgT5O9lyT9nMU4LfaA==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "has-flag": "2.0.0"
+          }
         }
       }
     },
@@ -5338,24 +7797,39 @@
       "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz",
       "integrity": "sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=",
       "dev": true,
+      "requires": {
+        "icss-replace-symbols": "1.1.0",
+        "postcss": "6.0.9"
+      },
       "dependencies": {
         "ansi-styles": {
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.0.tgz",
           "integrity": "sha512-NnSOmMEYtVR2JVMIGTzynRkkaxtiq1xnFBcdQD/DnNCYPoEPsVJhM98BDyaoNOQIi7p4okdi3E27eN7GQbsUug==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-convert": "1.9.0"
+          }
         },
         "chalk": {
           "version": "2.1.0",
           "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.1.0.tgz",
           "integrity": "sha512-LUHGS/dge4ujbXMJrnihYMcL4AoOweGnw9Tp3kQuqy1Kx5c1qKjqvMJZ6nVJPMWJtKCTN72ZogH3oeSO9g9rXQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ansi-styles": "3.2.0",
+            "escape-string-regexp": "1.0.5",
+            "supports-color": "4.2.1"
+          }
         },
         "color-convert": {
           "version": "1.9.0",
           "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.0.tgz",
           "integrity": "sha1-Gsz5fdc5uYO/mU1W/sj5WFNkG3o=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "color-name": "1.1.3"
+          }
         },
         "has-flag": {
           "version": "2.0.0",
@@ -5367,13 +7841,21 @@
           "version": "6.0.9",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.9.tgz",
           "integrity": "sha512-bBE2AHNEBhF23TfET6AA/lFP8ah+qHOZoFJEflFG+HgvVLdTmMOrocx/4LVVDIn3w6jUssw1q2Exk1cc9UOI8w==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "chalk": "2.1.0",
+            "source-map": "0.5.6",
+            "supports-color": "4.2.1"
+          }
         },
         "supports-color": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-4.2.1.tgz",
           "integrity": "sha512-qxzYsob3yv6U+xMzPrv170y8AwGP7i74g+pbixCfD6rgso8BscLT2qXIuz6TpOaiJZ3mFgT5O9lyT9nMU4LfaA==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "has-flag": "2.0.0"
+          }
         }
       }
     },
@@ -5381,55 +7863,96 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz",
       "integrity": "sha1-757nEhLX/nWceO0WL2HtYrXLk/E=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-normalize-url": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz",
       "integrity": "sha1-EI90s/L82viRov+j6kWSJ5/HgiI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-absolute-url": "2.1.0",
+        "normalize-url": "1.9.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-ordered-values": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz",
       "integrity": "sha1-7sbCpntsQSqNsgQud/6NpD+VwR0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-reduce-idents": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz",
       "integrity": "sha1-wsbSDMlYKE9qv75j92Cb9AkFmtM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-reduce-initial": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz",
       "integrity": "sha1-aPgGlfBF0IJjqHmtJA343WT2ROo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "postcss": "5.2.17"
+      }
     },
     "postcss-reduce-transforms": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz",
       "integrity": "sha1-/3b02CEkN7McKYpC0uFEQCV3GuE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0"
+      }
     },
     "postcss-selector-parser": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz",
       "integrity": "sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "flatten": "1.0.2",
+        "indexes-of": "1.0.1",
+        "uniq": "1.0.1"
+      }
     },
     "postcss-svgo": {
       "version": "2.1.6",
       "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-2.1.6.tgz",
       "integrity": "sha1-tt8YqmE7Zm4TPwittSGcJoSsEI0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-svg": "2.1.0",
+        "postcss": "5.2.17",
+        "postcss-value-parser": "3.3.0",
+        "svgo": "0.7.2"
+      }
     },
     "postcss-unique-selectors": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz",
       "integrity": "sha1-mB1X0p3csz57Hf4f1DuGSfkzyh0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "1.0.2",
+        "postcss": "5.2.17",
+        "uniqs": "2.0.0"
+      }
     },
     "postcss-value-parser": {
       "version": "3.3.0",
@@ -5441,7 +7964,12 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/postcss-zindex/-/postcss-zindex-2.2.0.tgz",
       "integrity": "sha1-0hCd3AVbka9n/EyzsCWUZjnSryI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "has": "1.0.1",
+        "postcss": "5.2.17",
+        "uniqs": "2.0.0"
+      }
     },
     "prelude-ls": {
       "version": "1.1.2",
@@ -5465,7 +7993,11 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
       "integrity": "sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "renderkid": "2.0.1",
+        "utila": "0.4.0"
+      }
     },
     "private": {
       "version": "0.1.7",
@@ -5488,7 +8020,11 @@
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-1.1.5.tgz",
       "integrity": "sha1-ccDuOxAt4/IC87ZPYI0XP8uhqRg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "forwarded": "0.1.0",
+        "ipaddr.js": "1.4.0"
+      }
     },
     "prr": {
       "version": "0.0.0",
@@ -5506,19 +8042,35 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.0.tgz",
       "integrity": "sha1-OfaZ86RlYN1eusvKaTyvfGXBjMY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bn.js": "4.11.8",
+        "browserify-rsa": "4.0.1",
+        "create-hash": "1.1.3",
+        "parse-asn1": "5.1.0",
+        "randombytes": "2.0.5"
+      }
     },
     "pump": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/pump/-/pump-1.0.2.tgz",
       "integrity": "sha1-Oz7mUS+U8OV1U4wXmV+fFpkKXVE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "end-of-stream": "1.4.0",
+        "once": "1.4.0"
+      }
     },
     "pumpify": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.3.5.tgz",
       "integrity": "sha1-G2ccYZlAq8rqwK0OOjwWS+dgmTs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "duplexify": "3.5.1",
+        "inherits": "2.0.3",
+        "pump": "1.0.2"
+      }
     },
     "punycode": {
       "version": "1.4.1",
@@ -5541,7 +8093,11 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
       "integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1",
+        "strict-uri-encode": "1.1.0"
+      }
     },
     "querystring": {
       "version": "0.2.0",
@@ -5566,18 +8122,28 @@
       "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-1.1.7.tgz",
       "integrity": "sha512-D5JUjPyJbaJDkuAazpVnSfVkLlpeO3wDlPROTMLGKG1zMFNFRgrciKo1ltz/AzNTkqE0HzDx655QOL51N06how==",
       "dev": true,
+      "requires": {
+        "is-number": "3.0.0",
+        "kind-of": "4.0.0"
+      },
       "dependencies": {
         "is-number": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
           "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
           "dev": true,
+          "requires": {
+            "kind-of": "3.2.2"
+          },
           "dependencies": {
             "kind-of": {
               "version": "3.2.2",
               "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
               "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
-              "dev": true
+              "dev": true,
+              "requires": {
+                "is-buffer": "1.1.5"
+              }
             }
           }
         },
@@ -5585,7 +8151,10 @@
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
           "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-buffer": "1.1.5"
+          }
         }
       }
     },
@@ -5593,7 +8162,10 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.0.5.tgz",
       "integrity": "sha512-8T7Zn1AhMsQ/HI1SjcCfT/t4ii3eAqco3yOcSzS4mozsOz69lHLsoMXmF9nZgnFanYscnSlUSgs8uZyKzpE6kg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
     },
     "range-parser": {
       "version": "1.2.0",
@@ -5604,13 +8176,21 @@
     "raphael": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/raphael/-/raphael-2.2.7.tgz",
-      "integrity": "sha1-IxsZFB+NCGmG2PrOtm+LVi7iyBA="
+      "integrity": "sha1-IxsZFB+NCGmG2PrOtm+LVi7iyBA=",
+      "requires": {
+        "eve-raphael": "0.5.0"
+      }
     },
     "raw-body": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.2.0.tgz",
       "integrity": "sha1-mUl2z2pQlqQRYoQEkvC9xdbn+5Y=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "bytes": "2.4.0",
+        "iconv-lite": "0.4.15",
+        "unpipe": "1.0.0"
+      }
     },
     "raw-loader": {
       "version": "0.5.1",
@@ -5622,36 +8202,72 @@
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/rc/-/rc-1.1.7.tgz",
       "integrity": "sha1-xepWS7B6/5/TpbMukGwdOmWUD+o=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "deep-extend": "0.4.2",
+        "ini": "1.3.4",
+        "minimist": "1.2.0",
+        "strip-json-comments": "2.0.1"
+      }
     },
     "read-pkg": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
       "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "load-json-file": "1.1.0",
+        "normalize-package-data": "2.4.0",
+        "path-type": "1.1.0"
+      }
     },
     "read-pkg-up": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
       "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "find-up": "1.1.2",
+        "read-pkg": "1.1.0"
+      }
     },
     "readable-stream": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.3.tgz",
-      "integrity": "sha512-m+qzzcn7KUxEmd1gMbchF+Y2eIUbieUaxkWtptyHywrX0rE8QEYqPC07Vuy4Wm32/xE16NcdBctb8S0Xe/5IeQ=="
+      "integrity": "sha512-m+qzzcn7KUxEmd1gMbchF+Y2eIUbieUaxkWtptyHywrX0rE8QEYqPC07Vuy4Wm32/xE16NcdBctb8S0Xe/5IeQ==",
+      "requires": {
+        "core-util-is": "1.0.2",
+        "inherits": "2.0.3",
+        "isarray": "1.0.0",
+        "process-nextick-args": "1.0.7",
+        "safe-buffer": "5.1.1",
+        "string_decoder": "1.0.3",
+        "util-deprecate": "1.0.2"
+      }
     },
     "readdirp": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.1.0.tgz",
       "integrity": "sha1-TtCtBg3zBzMAxIRANz9y0cxkLXg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "graceful-fs": "4.1.11",
+        "minimatch": "3.0.4",
+        "readable-stream": "2.3.3",
+        "set-immediate-shim": "1.0.1"
+      }
     },
     "recast": {
       "version": "0.11.23",
       "resolved": "https://registry.npmjs.org/recast/-/recast-0.11.23.tgz",
       "integrity": "sha1-RR/TAEqx5N+bTktmN2sqIZEkYtM=",
       "dev": true,
+      "requires": {
+        "ast-types": "0.9.6",
+        "esprima": "3.1.3",
+        "private": "0.1.7",
+        "source-map": "0.5.6"
+      },
       "dependencies": {
         "esprima": {
           "version": "3.1.3",
@@ -5665,13 +8281,22 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
       "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "indent-string": "2.1.0",
+        "strip-indent": "1.0.1"
+      }
     },
     "reduce-css-calc": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz",
       "integrity": "sha1-dHyRTgSWFKTJz7umKYca0dKSdxY=",
       "dev": true,
+      "requires": {
+        "balanced-match": "0.4.2",
+        "math-expression-evaluator": "1.2.17",
+        "reduce-function-call": "1.0.2"
+      },
       "dependencies": {
         "balanced-match": {
           "version": "0.4.2",
@@ -5686,6 +8311,9 @@
       "resolved": "https://registry.npmjs.org/reduce-function-call/-/reduce-function-call-1.0.2.tgz",
       "integrity": "sha1-WiAL+S4ON3UXUv5FsKszD9S2vpk=",
       "dev": true,
+      "requires": {
+        "balanced-match": "0.4.2"
+      },
       "dependencies": {
         "balanced-match": {
           "version": "0.4.2",
@@ -5716,13 +8344,22 @@
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.3.tgz",
       "integrity": "sha1-mxpsNdTQ3871cRrmUejp09cRQUU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-equal-shallow": "0.1.3",
+        "is-primitive": "2.0.0"
+      }
     },
     "regexpu-core": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-1.0.0.tgz",
       "integrity": "sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "regenerate": "1.3.2",
+        "regjsgen": "0.2.0",
+        "regjsparser": "0.1.5"
+      }
     },
     "regjsgen": {
       "version": "0.2.0",
@@ -5734,7 +8371,10 @@
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
       "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "jsesc": "0.5.0"
+      }
     },
     "relateurl": {
       "version": "0.2.7",
@@ -5747,6 +8387,13 @@
       "resolved": "https://registry.npmjs.org/remap-istanbul/-/remap-istanbul-0.6.3.tgz",
       "integrity": "sha1-0HHV3Fw2Z+fha4m1eymj+PKADTE=",
       "dev": true,
+      "requires": {
+        "amdefine": "1.0.0",
+        "gulp-util": "3.0.7",
+        "istanbul": "0.4.3",
+        "source-map": "0.5.3",
+        "through2": "2.0.1"
+      },
       "dependencies": {
         "amdefine": {
           "version": "1.0.0",
@@ -5764,7 +8411,23 @@
           "version": "0.4.3",
           "resolved": "https://registry.npmjs.org/istanbul/-/istanbul-0.4.3.tgz",
           "integrity": "sha1-W3FO4K5JOsXvIEuZ84crzu9z1To=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "abbrev": "1.0.9",
+            "async": "1.5.2",
+            "escodegen": "1.8.1",
+            "esprima": "2.7.3",
+            "fileset": "0.2.1",
+            "handlebars": "4.0.10",
+            "js-yaml": "3.7.0",
+            "mkdirp": "0.5.1",
+            "nopt": "3.0.6",
+            "once": "1.4.0",
+            "resolve": "1.1.7",
+            "supports-color": "3.2.3",
+            "which": "1.3.0",
+            "wordwrap": "1.0.0"
+          }
         },
         "source-map": {
           "version": "0.5.3",
@@ -5779,12 +8442,20 @@
       "resolved": "https://registry.npmjs.org/remarkable/-/remarkable-1.7.1.tgz",
       "integrity": "sha1-qspJchALZqZCpjoQIcpLrBvjv/Y=",
       "dev": true,
+      "requires": {
+        "argparse": "0.1.16",
+        "autolinker": "0.15.3"
+      },
       "dependencies": {
         "argparse": {
           "version": "0.1.16",
           "resolved": "https://registry.npmjs.org/argparse/-/argparse-0.1.16.tgz",
           "integrity": "sha1-z9AeD7uj1srtBJ+9dY1A9lGW9Xw=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "underscore": "1.7.0",
+            "underscore.string": "2.4.0"
+          }
         }
       }
     },
@@ -5799,6 +8470,13 @@
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.1.tgz",
       "integrity": "sha1-iYyr/Ivt5Le5ETWj/9Mj5YwNsxk=",
       "dev": true,
+      "requires": {
+        "css-select": "1.2.0",
+        "dom-converter": "0.1.4",
+        "htmlparser2": "3.3.0",
+        "strip-ansi": "3.0.1",
+        "utila": "0.3.3"
+      },
       "dependencies": {
         "utila": {
           "version": "0.3.3",
@@ -5824,7 +8502,10 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
       "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-finite": "1.0.2"
+      }
     },
     "replace-ext": {
       "version": "0.0.1",
@@ -5837,12 +8518,41 @@
       "resolved": "https://registry.npmjs.org/request/-/request-2.81.0.tgz",
       "integrity": "sha1-xpKJRqDgbF+Nb4qTM0af/aRimKA=",
       "dev": true,
+      "requires": {
+        "aws-sign2": "0.6.0",
+        "aws4": "1.6.0",
+        "caseless": "0.12.0",
+        "combined-stream": "1.0.5",
+        "extend": "3.0.1",
+        "forever-agent": "0.6.1",
+        "form-data": "2.1.4",
+        "har-validator": "4.2.1",
+        "hawk": "3.1.3",
+        "http-signature": "1.1.1",
+        "is-typedarray": "1.0.0",
+        "isstream": "0.1.2",
+        "json-stringify-safe": "5.0.1",
+        "mime-types": "2.1.16",
+        "oauth-sign": "0.8.2",
+        "performance-now": "0.2.0",
+        "qs": "6.4.0",
+        "safe-buffer": "5.1.1",
+        "stringstream": "0.0.5",
+        "tough-cookie": "2.3.2",
+        "tunnel-agent": "0.6.0",
+        "uuid": "3.1.0"
+      },
       "dependencies": {
         "form-data": {
           "version": "2.1.4",
           "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz",
           "integrity": "sha1-M8GDrPGTJ27KqYFDpp6Uv+4XUNE=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "asynckit": "0.4.0",
+            "combined-stream": "1.0.5",
+            "mime-types": "2.1.16"
+          }
         },
         "qs": {
           "version": "6.4.0",
@@ -5880,19 +8590,33 @@
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
       "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "align-text": "0.1.4"
+      }
     },
     "rimraf": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.1.tgz",
       "integrity": "sha1-wjOOxkPfeht/5cVPqG9XQopV8z0=",
       "dev": true,
+      "requires": {
+        "glob": "7.1.2"
+      },
       "dependencies": {
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         }
       }
     },
@@ -5900,13 +8624,20 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.1.tgz",
       "integrity": "sha1-D0WEKVxTo2KK9+bXmsohzlfRxuc=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "hash-base": "2.0.2",
+        "inherits": "2.0.3"
+      }
     },
     "rollup": {
       "version": "0.36.4",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.36.4.tgz",
       "integrity": "sha1-oiRJTFOGwdc9OPe7hvafXrARo9I=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "source-map-support": "0.4.15"
+      }
     },
     "rsvp": {
       "version": "3.6.2",
@@ -5918,12 +8649,19 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/run-sequence/-/run-sequence-1.2.2.tgz",
       "integrity": "sha1-UJWgvr6YczsBQL0I3YDsAw3azes=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "chalk": "1.1.3",
+        "gulp-util": "3.0.7"
+      }
     },
     "rxjs": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.1.0.tgz",
-      "integrity": "sha1-CqkBi39EC1BfpCvXQrZzi+VQ5yA="
+      "integrity": "sha1-CqkBi39EC1BfpCvXQrZzi+VQ5yA=",
+      "requires": {
+        "symbol-observable": "1.0.4"
+      }
     },
     "safe-buffer": {
       "version": "5.1.1",
@@ -5941,6 +8679,12 @@
       "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz",
       "integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
       "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "lodash": "4.17.4",
+        "scss-tokenizer": "0.2.3",
+        "yargs": "7.1.0"
+      },
       "dependencies": {
         "camelcase": {
           "version": "3.0.0",
@@ -5952,19 +8696,47 @@
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
           "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wrap-ansi": "2.1.0"
+          }
         },
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "yargs": {
           "version": "7.1.0",
           "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz",
           "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "5.0.0"
+          }
         }
       }
     },
@@ -5972,7 +8744,14 @@
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-6.0.5.tgz",
       "integrity": "sha1-qEeRDzZEKqVsWYWHnVTrUZ4koyg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "async": "2.5.0",
+        "clone-deep": "0.2.4",
+        "loader-utils": "1.1.0",
+        "lodash.tail": "4.1.1",
+        "pify": "2.3.0"
+      }
     },
     "sax": {
       "version": "1.2.4",
@@ -5984,19 +8763,29 @@
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/script-loader/-/script-loader-0.7.0.tgz",
       "integrity": "sha1-aF3H5waeDe56kmdPDrxbD1W6pew=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "raw-loader": "0.5.1"
+      }
     },
     "scss-tokenizer": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
       "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
       "dev": true,
+      "requires": {
+        "js-base64": "2.1.9",
+        "source-map": "0.4.4"
+      },
       "dependencies": {
         "source-map": {
           "version": "0.4.4",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
           "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
         }
       }
     },
@@ -6016,13 +8805,31 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/semver-dsl/-/semver-dsl-1.0.1.tgz",
       "integrity": "sha1-02eN5VVeimH2Ke7QJTZq5fJzQKA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "semver": "5.4.1"
+      }
     },
     "send": {
       "version": "0.15.4",
       "resolved": "https://registry.npmjs.org/send/-/send-0.15.4.tgz",
       "integrity": "sha1-mF+qPihLAnPHkzZKNcZze9k5Bbk=",
       "dev": true,
+      "requires": {
+        "debug": "2.6.8",
+        "depd": "1.1.1",
+        "destroy": "1.0.4",
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "etag": "1.8.0",
+        "fresh": "0.5.0",
+        "http-errors": "1.6.2",
+        "mime": "1.3.4",
+        "ms": "2.0.0",
+        "on-finished": "2.3.0",
+        "range-parser": "1.2.0",
+        "statuses": "1.3.1"
+      },
       "dependencies": {
         "mime": {
           "version": "1.3.4",
@@ -6037,6 +8844,15 @@
       "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.0.tgz",
       "integrity": "sha1-0rKA/FYNYW7oG0i/D6gqvtJIXOc=",
       "dev": true,
+      "requires": {
+        "accepts": "1.3.3",
+        "batch": "0.6.1",
+        "debug": "2.6.8",
+        "escape-html": "1.0.3",
+        "http-errors": "1.6.2",
+        "mime-types": "2.1.16",
+        "parseurl": "1.3.1"
+      },
       "dependencies": {
         "batch": {
           "version": "0.6.1",
@@ -6050,7 +8866,13 @@
       "version": "1.12.4",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.12.4.tgz",
       "integrity": "sha1-m2qpjutyU8Tu3Ewfb9vKYJkBqWE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "encodeurl": "1.0.1",
+        "escape-html": "1.0.3",
+        "parseurl": "1.3.1",
+        "send": "0.15.4"
+      }
     },
     "set-blocking": {
       "version": "2.0.0",
@@ -6062,7 +8884,10 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/set-getter/-/set-getter-0.1.0.tgz",
       "integrity": "sha1-12nBgsnVpR9AkUXy+6guXoboA3Y=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "to-object-path": "0.3.0"
+      }
     },
     "set-immediate-shim": {
       "version": "1.0.1",
@@ -6086,19 +8911,31 @@
       "version": "2.4.8",
       "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.8.tgz",
       "integrity": "sha1-NwaMLEdra69ALRSknGf1l5IfY08=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      }
     },
     "shallow-clone": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-0.1.2.tgz",
       "integrity": "sha1-WQnodLp3EG1zrEFM/sH/yofZcGA=",
       "dev": true,
+      "requires": {
+        "is-extendable": "0.1.1",
+        "kind-of": "2.0.1",
+        "lazy-cache": "0.2.7",
+        "mixin-object": "2.0.1"
+      },
       "dependencies": {
         "kind-of": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
           "integrity": "sha1-AY7HpM5+OobLkUG+UZ0kyPqpgbU=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-buffer": "1.1.5"
+          }
         },
         "lazy-cache": {
           "version": "0.2.7",
@@ -6124,19 +8961,34 @@
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz",
       "integrity": "sha1-ZUEYTMkK7qbG57NeJlkIJEPGYZg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "hoek": "2.16.3"
+      }
     },
     "socket.io": {
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-1.7.4.tgz",
       "integrity": "sha1-L37O3DORvy1cc+KR/iM+bjTU3QA=",
       "dev": true,
+      "requires": {
+        "debug": "2.3.3",
+        "engine.io": "1.8.4",
+        "has-binary": "0.1.7",
+        "object-assign": "4.1.0",
+        "socket.io-adapter": "0.5.0",
+        "socket.io-client": "1.7.4",
+        "socket.io-parser": "2.3.1"
+      },
       "dependencies": {
         "debug": {
           "version": "2.3.3",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
           "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
         },
         "ms": {
           "version": "0.7.2",
@@ -6157,12 +9009,19 @@
       "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-0.5.0.tgz",
       "integrity": "sha1-y21LuL7IHhB4uZZ3+c7QBGBmu4s=",
       "dev": true,
+      "requires": {
+        "debug": "2.3.3",
+        "socket.io-parser": "2.3.1"
+      },
       "dependencies": {
         "debug": {
           "version": "2.3.3",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
           "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
         },
         "ms": {
           "version": "0.7.2",
@@ -6177,12 +9036,28 @@
       "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-1.7.4.tgz",
       "integrity": "sha1-7J+CA1btme9tNX8HVtZIcXvdQoE=",
       "dev": true,
+      "requires": {
+        "backo2": "1.0.2",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "2.3.3",
+        "engine.io-client": "1.8.4",
+        "has-binary": "0.1.7",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "2.3.1",
+        "to-array": "0.1.4"
+      },
       "dependencies": {
         "debug": {
           "version": "2.3.3",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.3.3.tgz",
           "integrity": "sha1-QMRT5n5uE8kB3ewxeviYbNqe/4w=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.2"
+          }
         },
         "ms": {
           "version": "0.7.2",
@@ -6197,6 +9072,12 @@
       "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-2.3.1.tgz",
       "integrity": "sha1-3VMgJRA85Clpcya+/WQAX8/ltKA=",
       "dev": true,
+      "requires": {
+        "component-emitter": "1.1.2",
+        "debug": "2.2.0",
+        "isarray": "0.0.1",
+        "json3": "3.3.2"
+      },
       "dependencies": {
         "component-emitter": {
           "version": "1.1.2",
@@ -6208,7 +9089,10 @@
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.2.0.tgz",
           "integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.1"
+          }
         },
         "isarray": {
           "version": "0.0.1",
@@ -6229,6 +9113,10 @@
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.18.tgz",
       "integrity": "sha1-2bKJMWyn33dZXvKZ4HXw+TfrQgc=",
       "dev": true,
+      "requires": {
+        "faye-websocket": "0.10.0",
+        "uuid": "2.0.3"
+      },
       "dependencies": {
         "uuid": {
           "version": "2.0.3",
@@ -6243,12 +9131,23 @@
       "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.1.1.tgz",
       "integrity": "sha1-KEhD6al4TXxHSxVxsyQPyp3aS7A=",
       "dev": true,
+      "requires": {
+        "debug": "2.6.8",
+        "eventsource": "0.1.6",
+        "faye-websocket": "0.11.1",
+        "inherits": "2.0.3",
+        "json3": "3.3.2",
+        "url-parse": "1.1.9"
+      },
       "dependencies": {
         "faye-websocket": {
           "version": "0.11.1",
           "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.1.tgz",
           "integrity": "sha1-8O/hjE9W5PQK/H4Gxxn9XuYYjzg=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "websocket-driver": "0.6.5"
+          }
         }
       }
     },
@@ -6256,7 +9155,10 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
       "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-plain-obj": "1.1.0"
+      }
     },
     "source-list-map": {
       "version": "0.1.8",
@@ -6274,6 +9176,11 @@
       "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-0.1.6.tgz",
       "integrity": "sha1-wJkD2m1zueU7ftjuUkVZcFHpjpE=",
       "dev": true,
+      "requires": {
+        "async": "0.9.2",
+        "loader-utils": "0.2.17",
+        "source-map": "0.1.43"
+      },
       "dependencies": {
         "async": {
           "version": "0.9.2",
@@ -6285,20 +9192,32 @@
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         },
         "source-map": {
           "version": "0.1.43",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
           "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
         }
       }
     },
     "source-map-support": {
       "version": "0.4.15",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.15.tgz",
-      "integrity": "sha1-AyAt9lwG0r2MfsI2KhkwVv7407E="
+      "integrity": "sha1-AyAt9lwG0r2MfsI2KhkwVv7407E=",
+      "requires": {
+        "source-map": "0.5.6"
+      }
     },
     "sparkles": {
       "version": "1.0.0",
@@ -6310,7 +9229,10 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-1.0.2.tgz",
       "integrity": "sha1-SzBz2TP/UfORLwOsVRlJikFQ20A=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "spdx-license-ids": "1.2.2"
+      }
     },
     "spdx-expression-parse": {
       "version": "1.0.4",
@@ -6328,13 +9250,30 @@
       "version": "3.4.7",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-3.4.7.tgz",
       "integrity": "sha1-Qv9B7OXMD5mjpsKKq7c/XDsDrLw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "debug": "2.6.8",
+        "handle-thing": "1.2.5",
+        "http-deceiver": "1.2.7",
+        "safe-buffer": "5.1.1",
+        "select-hose": "2.0.0",
+        "spdy-transport": "2.0.20"
+      }
     },
     "spdy-transport": {
       "version": "2.0.20",
       "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-2.0.20.tgz",
       "integrity": "sha1-c15yBUxIayNU/onnAiVgBKOazk0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "debug": "2.6.8",
+        "detect-node": "2.0.3",
+        "hpack.js": "2.1.6",
+        "obuf": "1.1.1",
+        "readable-stream": "2.3.3",
+        "safe-buffer": "5.1.1",
+        "wbuf": "1.7.2"
+      }
     },
     "sprintf-js": {
       "version": "1.1.1",
@@ -6347,6 +9286,16 @@
       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.13.1.tgz",
       "integrity": "sha1-US322mKHFEMW3EwY/hzx2UBzm+M=",
       "dev": true,
+      "requires": {
+        "asn1": "0.2.3",
+        "assert-plus": "1.0.0",
+        "bcrypt-pbkdf": "1.0.1",
+        "dashdash": "1.14.1",
+        "ecc-jsbn": "0.1.1",
+        "getpass": "0.1.7",
+        "jsbn": "0.1.1",
+        "tweetnacl": "0.14.5"
+      },
       "dependencies": {
         "assert-plus": {
           "version": "1.0.0",
@@ -6366,19 +9315,33 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.0.tgz",
       "integrity": "sha1-osfIWH5U2UJ+qe2zrD8s1SLfN4s=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "readable-stream": "2.3.3"
+      }
     },
     "stream-browserify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
       "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3"
+      }
     },
     "stream-http": {
       "version": "2.7.2",
       "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.7.2.tgz",
       "integrity": "sha512-c0yTD2rbQzXtSsFSVhtpvY/vS6u066PcXOX9kBB3mSO76RiUQzL340uJkGBWnlBg4/HZzqiUXtaVA7wcRcJgEw==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "builtin-status-codes": "3.0.0",
+        "inherits": "2.0.3",
+        "readable-stream": "2.3.3",
+        "to-arraybuffer": "1.0.1",
+        "xtend": "4.0.1"
+      }
     },
     "stream-shift": {
       "version": "1.0.0",
@@ -6395,7 +9358,10 @@
     "string_decoder": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
-      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ=="
+      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
     },
     "string-template": {
       "version": "0.2.1",
@@ -6407,7 +9373,12 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
       "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "code-point-at": "1.1.0",
+        "is-fullwidth-code-point": "1.0.0",
+        "strip-ansi": "3.0.1"
+      }
     },
     "stringstream": {
       "version": "0.0.5",
@@ -6419,13 +9390,19 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "ansi-regex": "2.1.1"
+      }
     },
     "strip-bom": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
       "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "is-utf8": "0.2.1"
+      }
     },
     "strip-color": {
       "version": "0.1.0",
@@ -6437,7 +9414,10 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
       "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "get-stdin": "4.0.1"
+      }
     },
     "strip-json-comments": {
       "version": "2.0.1",
@@ -6450,31 +9430,64 @@
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.13.1.tgz",
       "integrity": "sha1-RoKA77wEcwI806bNVuM7Wh1/w6k=",
       "dev": true,
+      "requires": {
+        "loader-utils": "0.2.17"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
     "superagent": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/superagent/-/superagent-3.4.1.tgz",
-      "integrity": "sha1-S9EnQSJNDs5tn3V/HDvsvn8kwRU="
+      "integrity": "sha1-S9EnQSJNDs5tn3V/HDvsvn8kwRU=",
+      "requires": {
+        "component-emitter": "1.2.1",
+        "cookiejar": "2.1.1",
+        "debug": "2.6.8",
+        "extend": "3.0.1",
+        "form-data": "2.2.0",
+        "formidable": "1.1.1",
+        "methods": "1.1.2",
+        "mime": "1.3.6",
+        "qs": "6.5.0",
+        "readable-stream": "2.3.3"
+      }
     },
     "supports-color": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
       "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "has-flag": "1.0.0"
+      }
     },
     "svgo": {
       "version": "0.7.2",
       "resolved": "https://registry.npmjs.org/svgo/-/svgo-0.7.2.tgz",
       "integrity": "sha1-n1dyQTlSE1xv779Ar+ak+qiLS7U=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "coa": "1.0.4",
+        "colors": "1.1.2",
+        "csso": "2.3.2",
+        "js-yaml": "3.7.0",
+        "mkdirp": "0.5.1",
+        "sax": "1.2.4",
+        "whet.extend": "0.9.9"
+      }
     },
     "symbol-observable": {
       "version": "1.0.4",
@@ -6484,13 +9497,33 @@
     "systemjs": {
       "version": "0.19.27",
       "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-0.19.27.tgz",
-      "integrity": "sha1-8XQNVlzmQ3GsDecHKk0eVHG6e6I="
+      "integrity": "sha1-8XQNVlzmQ3GsDecHKk0eVHG6e6I=",
+      "requires": {
+        "when": "3.7.8"
+      }
     },
     "systemjs-builder": {
       "version": "0.15.34",
       "resolved": "https://registry.npmjs.org/systemjs-builder/-/systemjs-builder-0.15.34.tgz",
       "integrity": "sha1-bxt0N+aB45W72tsuC51L/YbxzlY=",
       "dev": true,
+      "requires": {
+        "babel-core": "6.25.0",
+        "babel-plugin-transform-cjs-system-wrapper": "0.2.1",
+        "babel-plugin-transform-es2015-modules-systemjs": "6.24.1",
+        "babel-plugin-transform-global-system-wrapper": "0.0.1",
+        "babel-plugin-transform-system-register": "0.0.1",
+        "bluebird": "3.5.0",
+        "data-uri-to-buffer": "0.0.4",
+        "es6-template-strings": "2.0.1",
+        "glob": "7.1.2",
+        "mkdirp": "0.5.1",
+        "rollup": "0.36.4",
+        "source-map": "0.5.6",
+        "systemjs": "0.19.47",
+        "traceur": "0.0.105",
+        "uglify-js": "2.8.29"
+      },
       "dependencies": {
         "bluebird": {
           "version": "3.5.0",
@@ -6502,13 +9535,24 @@
           "version": "2.9.0",
           "resolved": "https://registry.npmjs.org/commander/-/commander-2.9.0.tgz",
           "integrity": "sha1-nJkJQXbhIkDLItbFFGCYQA/g99Q=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "graceful-readlink": "1.0.1"
+          }
         },
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "semver": {
           "version": "4.3.6",
@@ -6521,12 +9565,18 @@
           "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.2.10.tgz",
           "integrity": "sha1-6lo5AKHByyUJagrozFwrSxDe09w=",
           "dev": true,
+          "requires": {
+            "source-map": "0.1.32"
+          },
           "dependencies": {
             "source-map": {
               "version": "0.1.32",
               "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.32.tgz",
               "integrity": "sha1-yLbBZ3l7pHQKjqMyUhYv8IWRsmY=",
-              "dev": true
+              "dev": true,
+              "requires": {
+                "amdefine": "1.0.1"
+              }
             }
           }
         },
@@ -6534,19 +9584,36 @@
           "version": "0.19.47",
           "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-0.19.47.tgz",
           "integrity": "sha1-yMk5NxgPP1SBx2nNJyB2P7SjHG8=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "when": "3.7.8"
+          }
         },
         "traceur": {
           "version": "0.0.105",
           "resolved": "https://registry.npmjs.org/traceur/-/traceur-0.0.105.tgz",
           "integrity": "sha1-XPne6D1rd4YcPWxE1ThZrterBHk=",
           "dev": true,
+          "requires": {
+            "commander": "2.9.0",
+            "glob": "5.0.15",
+            "rsvp": "3.6.2",
+            "semver": "4.3.6",
+            "source-map-support": "0.2.10"
+          },
           "dependencies": {
             "glob": {
               "version": "5.0.15",
               "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
               "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
-              "dev": true
+              "dev": true,
+              "requires": {
+                "inflight": "1.0.6",
+                "inherits": "2.0.3",
+                "minimatch": "3.0.4",
+                "once": "1.4.0",
+                "path-is-absolute": "1.0.1"
+              }
             }
           }
         },
@@ -6554,7 +9621,12 @@
           "version": "2.8.29",
           "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
           "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "source-map": "0.5.6",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          }
         }
       }
     },
@@ -6568,7 +9640,12 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
       "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "block-stream": "0.0.9",
+        "fstream": "1.0.11",
+        "inherits": "2.0.3"
+      }
     },
     "through": {
       "version": "2.3.8",
@@ -6581,12 +9658,24 @@
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.1.tgz",
       "integrity": "sha1-OE51MU1J8y3hLuu4E2uOtrXVnak=",
       "dev": true,
+      "requires": {
+        "readable-stream": "2.0.6",
+        "xtend": "4.0.1"
+      },
       "dependencies": {
         "readable-stream": {
           "version": "2.0.6",
           "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz",
           "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "1.0.0",
+            "process-nextick-args": "1.0.7",
+            "string_decoder": "0.10.31",
+            "util-deprecate": "1.0.2"
+          }
         },
         "string_decoder": {
           "version": "0.10.31",
@@ -6606,19 +9695,33 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.4.tgz",
       "integrity": "sha512-uZYhyU3EX8O7HQP+J9fTVYwsq90Vr68xPEFo7yrVImIxYvHgukBEgOB/SgGoorWVTzGM/3Z+wUNnboA4M8jWrg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "setimmediate": "1.0.5"
+      }
     },
     "tiny-lr": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/tiny-lr/-/tiny-lr-1.0.3.tgz",
       "integrity": "sha1-OGcxFwzlISY6nTN/dp7o8R6I6wQ=",
       "dev": true,
+      "requires": {
+        "body": "5.1.0",
+        "debug": "2.2.0",
+        "faye-websocket": "0.10.0",
+        "livereload-js": "2.2.2",
+        "object-assign": "4.1.1",
+        "qs": "6.5.0"
+      },
       "dependencies": {
         "debug": {
           "version": "2.2.0",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.2.0.tgz",
           "integrity": "sha1-+HBX6ZWxofauaklgZkE3vFbwOdo=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "ms": "0.7.1"
+          }
         },
         "ms": {
           "version": "0.7.1",
@@ -6632,7 +9735,10 @@
       "version": "0.0.33",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
       "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "1.0.2"
+      }
     },
     "to-array": {
       "version": "0.1.4",
@@ -6656,19 +9762,31 @@
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
       "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "kind-of": "3.2.2"
+      }
     },
     "to-string-loader": {
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/to-string-loader/-/to-string-loader-1.1.5.tgz",
       "integrity": "sha1-e3qheJG3u0lHp6Eb+wO1/enG5pU=",
       "dev": true,
+      "requires": {
+        "loader-utils": "0.2.17"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         }
       }
     },
@@ -6683,6 +9801,9 @@
       "resolved": "https://registry.npmjs.org/topo/-/topo-2.0.2.tgz",
       "integrity": "sha1-zVYVdSU5BXwNwEkaYhw7xvvh0YI=",
       "dev": true,
+      "requires": {
+        "hoek": "4.2.0"
+      },
       "dependencies": {
         "hoek": {
           "version": "4.2.0",
@@ -6702,13 +9823,23 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.2.tgz",
       "integrity": "sha1-8IH3bkyFcg5sN6X6ztc3FQ2EByo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "punycode": "1.4.1"
+      }
     },
     "traceur": {
       "version": "0.0.91",
       "resolved": "https://registry.npmjs.org/traceur/-/traceur-0.0.91.tgz",
       "integrity": "sha1-RfBt4iThDo0wBix2pVgdWmi3ZxQ=",
       "dev": true,
+      "requires": {
+        "commander": "2.6.0",
+        "glob": "4.3.5",
+        "rsvp": "3.6.2",
+        "semver": "2.3.2",
+        "source-map-support": "0.2.10"
+      },
       "dependencies": {
         "commander": {
           "version": "2.6.0",
@@ -6720,13 +9851,22 @@
           "version": "4.3.5",
           "resolved": "https://registry.npmjs.org/glob/-/glob-4.3.5.tgz",
           "integrity": "sha1-gPuwjKVA8jiszl0R0em8QedRc9M=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "2.0.10",
+            "once": "1.4.0"
+          }
         },
         "minimatch": {
           "version": "2.0.10",
           "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-2.0.10.tgz",
           "integrity": "sha1-jQh8OcazjAAbl/ynzm0OHoCvusc=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "brace-expansion": "1.1.8"
+          }
         },
         "semver": {
           "version": "2.3.2",
@@ -6738,13 +9878,19 @@
           "version": "0.1.32",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.32.tgz",
           "integrity": "sha1-yLbBZ3l7pHQKjqMyUhYv8IWRsmY=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "amdefine": "1.0.1"
+          }
         },
         "source-map-support": {
           "version": "0.2.10",
           "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.2.10.tgz",
           "integrity": "sha1-6lo5AKHByyUJagrozFwrSxDe09w=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "source-map": "0.1.32"
+          }
         }
       }
     },
@@ -6764,24 +9910,55 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-2.2.1.tgz",
       "integrity": "sha512-IYWWyD4g2OJ3f/NfZN1RuvI1U0TEKnAt6Jw2psc/931GBaNCrNLuFmcdwsK/9e2J5wlMBemxtAxmOOGmHRP3YA==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "colors": "1.1.2",
+        "enhanced-resolve": "3.4.1",
+        "loader-utils": "1.1.0",
+        "semver": "5.4.1"
+      }
     },
     "ts-node": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-1.7.0.tgz",
       "integrity": "sha1-GL4tgFCACKOkZA4XmC33OkArdBY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "arrify": "1.0.1",
+        "chalk": "1.1.3",
+        "make-error": "1.3.0",
+        "minimist": "1.2.0",
+        "mkdirp": "0.5.1",
+        "pinkie": "2.0.4",
+        "source-map-support": "0.4.15",
+        "tsconfig": "5.0.3",
+        "v8flags": "2.1.1",
+        "xtend": "4.0.1",
+        "yn": "1.3.0"
+      }
     },
     "tsconfig": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/tsconfig/-/tsconfig-5.0.3.tgz",
       "integrity": "sha1-X0J45wGACWeo/Dg/0ZZIh48qbjo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "any-promise": "1.3.0",
+        "parse-json": "2.2.0",
+        "strip-bom": "2.0.0",
+        "strip-json-comments": "2.0.1"
+      }
     },
     "tsickle": {
       "version": "0.21.6",
       "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.21.6.tgz",
-      "integrity": "sha1-U7Abl5xcE/2xOvs/uVgXflmRWI0="
+      "integrity": "sha1-U7Abl5xcE/2xOvs/uVgXflmRWI0=",
+      "requires": {
+        "minimist": "1.2.0",
+        "mkdirp": "0.5.1",
+        "source-map": "0.5.6",
+        "source-map-support": "0.4.15"
+      }
     },
     "tslib": {
       "version": "1.7.1",
@@ -6793,18 +9970,41 @@
       "resolved": "https://registry.npmjs.org/tslint/-/tslint-5.5.0.tgz",
       "integrity": "sha1-EOjas+MGH6YelELozuOYKs8gpqo=",
       "dev": true,
+      "requires": {
+        "babel-code-frame": "6.22.0",
+        "colors": "1.1.2",
+        "commander": "2.11.0",
+        "diff": "3.3.0",
+        "glob": "7.1.2",
+        "minimatch": "3.0.4",
+        "resolve": "1.4.0",
+        "semver": "5.4.1",
+        "tslib": "1.7.1",
+        "tsutils": "2.8.0"
+      },
       "dependencies": {
         "glob": {
           "version": "7.1.2",
           "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
           "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
         },
         "resolve": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.4.0.tgz",
           "integrity": "sha512-aW7sVKPufyHqOmyyLzg/J+8606v5nevBgaliIlV7nUpVMsDnoBGV/cbSLNjZAg9q0Cfd/+easKVKQ8vOu8fn1Q==",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "path-parse": "1.0.5"
+          }
         }
       }
     },
@@ -6812,13 +10012,23 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/tslint-loader/-/tslint-loader-3.5.3.tgz",
       "integrity": "sha1-ND90Ei2U81a2iUV9P1n2SmmrYG8=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0",
+        "mkdirp": "0.5.1",
+        "object-assign": "4.1.1",
+        "rimraf": "2.6.1",
+        "semver": "5.4.1"
+      }
     },
     "tsutils": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.8.0.tgz",
       "integrity": "sha1-AWAXNymzvxOGKN0UoVN+AIUdgUo=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "tslib": "1.7.1"
+      }
     },
     "tty-browserify": {
       "version": "0.0.0",
@@ -6830,7 +10040,10 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
       "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
     },
     "tweetnacl": {
       "version": "0.14.5",
@@ -6843,13 +10056,20 @@
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
       "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "prelude-ls": "1.1.2"
+      }
     },
     "type-is": {
       "version": "1.6.15",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.15.tgz",
       "integrity": "sha1-yrEPtJCeRByChC6v4a1kbIGARBA=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "2.1.16"
+      }
     },
     "typedarray": {
       "version": "0.0.6",
@@ -6873,7 +10093,11 @@
       "version": "3.0.27",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.0.27.tgz",
       "integrity": "sha512-HD8CmxPXUI62v5tweiulMcP/apAtx1DXGcNZkhKQZyC+MTrTsoCBb8yPAwVrbvpgw3EpRU76bRe6axjIiCYcQg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "commander": "2.11.0",
+        "source-map": "0.5.6"
+      }
     },
     "uglify-to-browserify": {
       "version": "1.0.2",
@@ -6903,12 +10127,18 @@
     "unidragger": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unidragger/-/unidragger-2.1.0.tgz",
-      "integrity": "sha1-5MI/X6uBiMY353bQs4EMfZieVWE="
+      "integrity": "sha1-5MI/X6uBiMY353bQs4EMfZieVWE=",
+      "requires": {
+        "unipointer": "2.1.0"
+      }
     },
     "unipointer": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unipointer/-/unipointer-2.1.0.tgz",
-      "integrity": "sha1-sen6KYbBMG2XMwWHukNNKFzP438="
+      "integrity": "sha1-sen6KYbBMG2XMwWHukNNKFzP438=",
+      "requires": {
+        "ev-emitter": "1.0.3"
+      }
     },
     "uniq": {
       "version": "1.0.1",
@@ -6920,7 +10150,10 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-4.1.1.tgz",
       "integrity": "sha1-iSIN32t1GuUrX3JISGNShZa7hME=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "macaddress": "0.2.8"
+      }
     },
     "uniqs": {
       "version": "2.0.0",
@@ -6945,6 +10178,10 @@
       "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
       "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
       "dev": true,
+      "requires": {
+        "punycode": "1.3.2",
+        "querystring": "0.2.0"
+      },
       "dependencies": {
         "punycode": {
           "version": "1.3.2",
@@ -6959,6 +10196,10 @@
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.1.9.tgz",
       "integrity": "sha1-xn8dd11R8KGJEd17P/rSe7nlvRk=",
       "dev": true,
+      "requires": {
+        "querystringify": "1.0.0",
+        "requires-port": "1.0.0"
+      },
       "dependencies": {
         "querystringify": {
           "version": "1.0.0",
@@ -6978,13 +10219,20 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.2.1.tgz",
       "integrity": "sha1-z1k+9PLRdYdei7ZY6pLhik/QbY4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lru-cache": "2.2.4",
+        "tmp": "0.0.33"
+      }
     },
     "util": {
       "version": "0.10.3",
       "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
       "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
       "dev": true,
+      "requires": {
+        "inherits": "2.0.1"
+      },
       "dependencies": {
         "inherits": {
           "version": "2.0.1",
@@ -7021,13 +10269,20 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-2.1.1.tgz",
       "integrity": "sha1-qrGh+jDUX4jdMhFIh1rALAtV5bQ=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "user-home": "1.1.1"
+      }
     },
     "validate-npm-package-license": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.1.tgz",
       "integrity": "sha1-KAS6vnEq0zeUWaz74kdGqywwP7w=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "spdx-correct": "1.0.2",
+        "spdx-expression-parse": "1.0.4"
+      }
     },
     "vary": {
       "version": "1.1.1",
@@ -7046,6 +10301,11 @@
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
       "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
       "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "1.3.0"
+      },
       "dependencies": {
         "assert-plus": {
           "version": "1.0.0",
@@ -7059,13 +10319,21 @@
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.5.3.tgz",
       "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "clone": "1.0.2",
+        "clone-stats": "0.0.1",
+        "replace-ext": "0.0.1"
+      }
     },
     "vm-browserify": {
       "version": "0.0.4",
       "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz",
       "integrity": "sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "indexof": "0.0.1"
+      }
     },
     "void-elements": {
       "version": "2.0.1",
@@ -7077,37 +10345,84 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.4.0.tgz",
       "integrity": "sha1-ShRyvLuVK9Cpu0A2gB+VTfs5+qw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "async": "2.5.0",
+        "chokidar": "1.7.0",
+        "graceful-fs": "4.1.11"
+      }
     },
     "wbuf": {
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.2.tgz",
       "integrity": "sha1-1pe5nx9ZUS3ydRvkJ2nBWAtYAf4=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "1.0.0"
+      }
     },
     "webpack": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-2.2.1.tgz",
       "integrity": "sha1-e7HXKuIIfdGkr1Jq/sFe7RfdpHU=",
       "dev": true,
+      "requires": {
+        "acorn": "4.0.13",
+        "acorn-dynamic-import": "2.0.2",
+        "ajv": "4.11.8",
+        "ajv-keywords": "1.5.1",
+        "async": "2.5.0",
+        "enhanced-resolve": "3.4.1",
+        "interpret": "1.0.3",
+        "json-loader": "0.5.7",
+        "loader-runner": "2.3.0",
+        "loader-utils": "0.2.17",
+        "memory-fs": "0.4.1",
+        "mkdirp": "0.5.1",
+        "node-libs-browser": "2.0.0",
+        "source-map": "0.5.6",
+        "supports-color": "3.2.3",
+        "tapable": "0.2.8",
+        "uglify-js": "2.8.29",
+        "watchpack": "1.4.0",
+        "webpack-sources": "0.1.5",
+        "yargs": "6.6.0"
+      },
       "dependencies": {
         "loader-utils": {
           "version": "0.2.17",
           "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
           "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "big.js": "3.1.3",
+            "emojis-list": "2.1.0",
+            "json5": "0.5.1",
+            "object-assign": "4.1.1"
+          }
         },
         "uglify-js": {
           "version": "2.8.29",
           "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
           "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=",
           "dev": true,
+          "requires": {
+            "source-map": "0.5.6",
+            "uglify-to-browserify": "1.0.2",
+            "yargs": "3.10.0"
+          },
           "dependencies": {
             "yargs": {
               "version": "3.10.0",
               "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
               "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
-              "dev": true
+              "dev": true,
+              "requires": {
+                "camelcase": "1.2.1",
+                "cliui": "2.1.0",
+                "decamelize": "1.2.0",
+                "window-size": "0.1.0"
+              }
             }
           }
         },
@@ -7116,6 +10431,21 @@
           "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
           "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=",
           "dev": true,
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "4.2.1"
+          },
           "dependencies": {
             "camelcase": {
               "version": "3.0.0",
@@ -7127,7 +10457,12 @@
               "version": "3.2.0",
               "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
               "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-              "dev": true
+              "dev": true,
+              "requires": {
+                "string-width": "1.0.2",
+                "strip-ansi": "3.0.1",
+                "wrap-ansi": "2.1.0"
+              }
             }
           }
         },
@@ -7136,6 +10471,9 @@
           "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
           "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
           "dev": true,
+          "requires": {
+            "camelcase": "3.0.0"
+          },
           "dependencies": {
             "camelcase": {
               "version": "3.0.0",
@@ -7152,6 +10490,13 @@
       "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-1.12.0.tgz",
       "integrity": "sha1-007++y7dp+HTtdvgcolRMhllFwk=",
       "dev": true,
+      "requires": {
+        "memory-fs": "0.4.1",
+        "mime": "1.3.6",
+        "path-is-absolute": "1.0.1",
+        "range-parser": "1.2.0",
+        "time-stamp": "2.0.0"
+      },
       "dependencies": {
         "time-stamp": {
           "version": "2.0.0",
@@ -7166,6 +10511,25 @@
       "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.3.0.tgz",
       "integrity": "sha1-BDdwS71NlBpuTAYes8wjLtfQYQE=",
       "dev": true,
+      "requires": {
+        "ansi-html": "0.0.7",
+        "chokidar": "1.7.0",
+        "compression": "1.7.0",
+        "connect-history-api-fallback": "1.3.0",
+        "express": "4.15.4",
+        "html-entities": "1.2.1",
+        "http-proxy-middleware": "0.17.4",
+        "opn": "4.0.2",
+        "portfinder": "1.0.13",
+        "serve-index": "1.9.0",
+        "sockjs": "0.3.18",
+        "sockjs-client": "1.1.1",
+        "spdy": "3.4.7",
+        "strip-ansi": "3.0.1",
+        "supports-color": "3.2.3",
+        "webpack-dev-middleware": "1.12.0",
+        "yargs": "6.6.0"
+      },
       "dependencies": {
         "camelcase": {
           "version": "3.0.0",
@@ -7177,19 +10541,42 @@
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
           "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wrap-ansi": "2.1.0"
+          }
         },
         "yargs": {
           "version": "6.6.0",
           "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
           "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "4.2.1"
+          }
         },
         "yargs-parser": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
           "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0"
+          }
         }
       }
     },
@@ -7197,19 +10584,29 @@
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-2.6.1.tgz",
       "integrity": "sha1-8dgB0sXTn4P/7J8RkkCz476ZShw=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "lodash": "4.17.4"
+      }
     },
     "webpack-sources": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-0.1.5.tgz",
       "integrity": "sha1-qh86vw8NdNtxEcQOUAuE+WZkB1A=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "source-list-map": "0.1.8",
+        "source-map": "0.5.6"
+      }
     },
     "websocket-driver": {
       "version": "0.6.5",
       "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.6.5.tgz",
       "integrity": "sha1-XLJVbOuF9Dc8bYI4qmkchFThOjY=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "websocket-extensions": "0.1.1"
+      }
     },
     "websocket-extensions": {
       "version": "0.1.1",
@@ -7232,7 +10629,10 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/which/-/which-1.3.0.tgz",
       "integrity": "sha512-xcJpopdamTuY5duC/KnTTNBraPK54YwpenP4lzxU8H91GudWpFv38u0CKjclE1Wi2EH2EDz5LRcHcKbCIzqGyg==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "isexe": "2.0.0"
+      }
     },
     "which-module": {
       "version": "1.0.0",
@@ -7244,7 +10644,10 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.2.tgz",
       "integrity": "sha512-ijDLlyQ7s6x1JgCLur53osjm/UXUYD9+0PbYKrBsYisYXzCxN+HC3mYDNy/dWdmf3AwqwU3CXwDCvsNgGK1S0w==",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "string-width": "1.0.2"
+      }
     },
     "window-size": {
       "version": "0.1.0",
@@ -7262,7 +10665,11 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
       "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "string-width": "1.0.2",
+        "strip-ansi": "3.0.1"
+      }
     },
     "wrappy": {
       "version": "1.0.2",
@@ -7274,13 +10681,30 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/ws/-/ws-1.1.4.tgz",
       "integrity": "sha1-V/QNA2gy5fUFVmKjl8Tedu1mv2E=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "options": "0.0.6",
+        "ultron": "1.0.2"
+      }
     },
     "wsrv": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/wsrv/-/wsrv-0.1.7.tgz",
       "integrity": "sha1-B+5KvBrrhDtTm5QXs88mpwCElhM=",
       "dev": true,
+      "requires": {
+        "chokidar": "1.6.1",
+        "good": "7.1.0",
+        "good-console": "6.4.0",
+        "good-squeeze": "5.0.1",
+        "hapi": "16.1.0",
+        "inert": "4.1.0",
+        "livereload-js": "2.2.2",
+        "lodash": "4.17.4",
+        "opn": "4.0.2",
+        "tiny-lr": "1.0.3",
+        "yargs": "6.6.0"
+      },
       "dependencies": {
         "camelcase": {
           "version": "3.0.0",
@@ -7292,13 +10716,29 @@
           "version": "1.6.1",
           "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.6.1.tgz",
           "integrity": "sha1-L0RHq16W5Q+z14n9kNTHLg5McMI=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "anymatch": "1.3.2",
+            "async-each": "1.0.1",
+            "fsevents": "1.1.2",
+            "glob-parent": "2.0.0",
+            "inherits": "2.0.3",
+            "is-binary-path": "1.0.1",
+            "is-glob": "2.0.1",
+            "path-is-absolute": "1.0.1",
+            "readdirp": "2.1.0"
+          }
         },
         "cliui": {
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
           "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wrap-ansi": "2.1.0"
+          }
         },
         "is-extglob": {
           "version": "1.0.0",
@@ -7310,19 +10750,40 @@
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
           "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "is-extglob": "1.0.0"
+          }
         },
         "yargs": {
           "version": "6.6.0",
           "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz",
           "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0",
+            "cliui": "3.2.0",
+            "decamelize": "1.2.0",
+            "get-caller-file": "1.0.2",
+            "os-locale": "1.4.0",
+            "read-pkg-up": "1.0.1",
+            "require-directory": "2.1.1",
+            "require-main-filename": "1.0.1",
+            "set-blocking": "2.0.0",
+            "string-width": "1.0.2",
+            "which-module": "1.0.0",
+            "y18n": "3.2.1",
+            "yargs-parser": "4.2.1"
+          }
         },
         "yargs-parser": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz",
           "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=",
-          "dev": true
+          "dev": true,
+          "requires": {
+            "camelcase": "3.0.0"
+          }
         }
       }
     },
@@ -7366,13 +10827,22 @@
       "version": "3.10.0",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
       "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "camelcase": "1.2.1",
+        "cliui": "2.1.0",
+        "decamelize": "1.2.0",
+        "window-size": "0.1.0"
+      }
     },
     "yargs-parser": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz",
       "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=",
       "dev": true,
+      "requires": {
+        "camelcase": "3.0.0"
+      },
       "dependencies": {
         "camelcase": {
           "version": "3.0.0",
@@ -7392,7 +10862,10 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/yn/-/yn-1.3.0.tgz",
       "integrity": "sha1-GwgSq7jYBdSJZvjfOF3J2syaGdg=",
-      "dev": true
+      "dev": true,
+      "requires": {
+        "object-assign": "4.1.1"
+      }
     },
     "zone.js": {
       "version": "0.6.26",
diff --git a/ng2-components/package.json b/ng2-components/package.json
index 4244ef1ce8..d91e9a65d8 100644
--- a/ng2-components/package.json
+++ b/ng2-components/package.json
@@ -7,7 +7,8 @@
     "clean": "rimraf node_modules",
     "clean-lock": "rimraf package-lock.json",
     "rimraf": "rimraf",
-    "build": "npm run toc && npm run markdownlint && npm run webpack -- --config config/webpack.build.js --progress --profile --bail",
+    "build": "npm run build-style && npm run toc && npm run markdownlint && npm run webpack -- --config config/webpack.build.js --progress --profile --bail",
+    "build-style": "npm run webpack -- --config config/webpack.style.js --progress --profile --bail",
     "test": "node node_modules/karma/bin/karma start --reporters mocha,coverage --single-run --component .",
     "test-browser": "node node_modules/karma/bin/karma start karma.conf.js --reporters kjhtml",
     "coverage": "",
@@ -73,27 +74,27 @@
     "@angular/platform-browser-dynamic": "4.2.5",
     "@angular/router": "4.2.5",
     "@ngx-translate/core": "7.0.0",
-    "alfresco-js-api": "1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
+    "alfresco-js-api": "^1.8.0-9feb5d0164d6c5f994df8758e41ed126a8f69db2",
+    "chart.js": "2.5.0",
     "core-js": "2.4.1",
     "hammerjs": "2.0.8",
     "material-design-icons": "2.2.3",
     "material-design-lite": "1.2.1",
+    "minimatch": "3.0.4",
+    "moment": "2.15.1",
+    "ng2-activiti-diagrams": "1.7.0",
+    "ng2-activiti-form": "1.7.0",
+    "ng2-activiti-tasklist": "1.7.0",
+    "ng2-alfresco-core": "1.7.0",
+    "ng2-alfresco-datatable": "1.7.0",
+    "ng2-alfresco-documentlist": "1.7.0",
+    "ng2-charts": "1.6.0",
+    "pdfjs-dist": "1.5.404",
+    "raphael": "2.2.7",
     "reflect-metadata": "0.1.10",
     "rxjs": "5.1.0",
     "systemjs": "0.19.27",
-    "zone.js": "0.6.26",
-    "ng2-alfresco-core": "1.7.0",
-    "raphael": "2.2.7",
-    "chart.js": "2.5.0",
-    "moment": "2.15.1",
-    "ng2-activiti-diagrams": "1.7.0",
-    "ng2-charts": "1.6.0",
-    "ng2-activiti-form": "1.7.0",
-    "ng2-alfresco-datatable": "1.7.0",
-    "ng2-activiti-tasklist": "1.7.0",
-    "ng2-alfresco-documentlist": "1.7.0",
-    "minimatch": "3.0.4",
-    "pdfjs-dist": "1.5.404"
+    "zone.js": "0.6.26"
   },
   "devDependencies": {
     "@types/hammerjs": "2.0.34",