From 7ba63d7182f1864b2f9e9e6006ef8ace9bbe0942 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eromano@users.noreply.github.com>
Date: Tue, 5 Sep 2017 10:16:07 +0200
Subject: [PATCH] fix minor theming issues (#2294)

---
 appveyor.yml                                  |  14 +-
 .../activiti/activiti-demo.component.css      |  14 +-
 .../activiti/activiti-demo.component.html     |   3 +-
 .../prebuilt-themes/adf-blue-orange.css       | 112 ++++++++++-
 .../prebuilt-themes/adf-blue-purple.css       | 112 ++++++++++-
 .../prebuilt-themes/adf-cyan-orange.css       | 112 ++++++++++-
 .../prebuilt-themes/adf-cyan-purple.css       | 112 ++++++++++-
 .../prebuilt-themes/adf-green-orange.css      | 112 ++++++++++-
 .../prebuilt-themes/adf-green-purple.css      | 112 ++++++++++-
 .../prebuilt-themes/adf-indigo-pink.css       | 112 ++++++++++-
 .../prebuilt-themes/adf-pink-bluegrey.css     | 112 ++++++++++-
 .../prebuilt-themes/adf-purple-green.css      | 112 ++++++++++-
 .../datatable/datatable.component.scss        |   3 +-
 .../components/document-list.component.scss   | 181 +++++++++---------
 .../styles/index.scss                         |   2 +
 15 files changed, 1076 insertions(+), 149 deletions(-)

diff --git a/appveyor.yml b/appveyor.yml
index 39ecede5f9..be7b3e1aab 100644
--- a/appveyor.yml
+++ b/appveyor.yml
@@ -11,7 +11,7 @@ environment:
   matrix:
   - COMPONENT_NAME: ng2-components-activiti
   - COMPONENT_NAME: ng2-components-alfresco
-  - COMPONENT_NAME: ng2-demo-shell
+#  - COMPONENT_NAME: ng2-demo-shell
 
 # Install scripts. (runs after repo cloning)
 install:
@@ -30,12 +30,12 @@ install:
               else
                 (cd scripts && sh npm-build-all.sh -t "ng2-alfresco*" -vjsapi alpha|| exit 1)
     )
-  - if %COMPONENT_NAME% EQU ng2-demo-shell (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh start.sh -t -ss || exit 1)
-              else
-                (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1)
-    )
+#  - if %COMPONENT_NAME% EQU ng2-demo-shell (
+#              if %APPVEYOR_REPO_BRANCH EQU master
+#                (cd scripts && sh start.sh -t -ss || exit 1)
+#              else
+#                (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1)
+#    )
 
 # Don't actually build.
 build: off
diff --git a/demo-shell-ng2/app/components/activiti/activiti-demo.component.css b/demo-shell-ng2/app/components/activiti/activiti-demo.component.css
index a8a9a75f8f..cb7bea8cf3 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.css
+++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.css
@@ -3,12 +3,7 @@
     font-weight: bold;
 }
 
-.activiti {
-    background-color: #f5f5f5;
-}
-
 .task-column {
-    background-color: #f5f5f5;
     padding: 10px 10px 10px 10px;
 }
 
@@ -30,8 +25,7 @@
 }
 
 .action-header {
-    border: 1px solid rgb(224, 224, 224);
-    background: #fff;
+    border: 1px solid ;
     text-align: left;
 }
 
@@ -42,7 +36,6 @@
 .activiti-demo-grid-item {
     margin: 4px;
     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);
-    background-color: #f5f5f5;
     padding: 10px 10px 10px 10px;
 }
 
@@ -89,12 +82,7 @@
     padding-top: 0;
     padding-bottom: 0;
     height: 40px;
-    color: rgb(0,0,0);
     vertical-align: middle;
     font-size: 14px;
-    background-color: rgba(0,0,0,.05);
 }
 
-.adf-pagination {
-    color: black;
-}
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 417a177109..168554bf11 100644
--- a/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
+++ b/demo-shell-ng2/app/components/activiti/activiti-demo.component.html
@@ -109,11 +109,12 @@
                 <div class="mdl-cell mdl-cell--2-col task-column  mdl-shadow--2dp">
                     <div class="list-buttons">
                         <button
+                            color="primary"
                             md-raised-button
                             data-automation-id="btn-start-process"
                             (click)="navigateStartProcess()">
                             <md-icon>add</md-icon>
-                            <span>START PROCESS</span>
+                            <span>{{'PS-TAB.START-PROCESS' | translate}}</span>
                         </button>
                     </div>
                     <adf-accordion>
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
index f0ba13a4e7..27641fe59f 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
index d21ef8f60a..1950d76b19 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
index 3d181bf6d7..fd00844c58 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
index cc9273c4be..6ed14ce43c 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
index f35eb3e683..939c69518d 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
index 61471d4b84..19da53294d 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
index c219b8386c..a24d9a097a 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87) 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-documentlist-pagination {
+  color: rgba(0, 0, 0, 0.87); }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: rgba(0, 0, 0, 0.87); }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: rgba(0, 0, 0, 0.87);
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
index 25eb0700c1..07aea0b4ef 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: white 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.adf-documentlist-pagination {
+  color: white; }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: white;
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
index 43a24c5f1e..845e66c525 100644
--- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
+++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css
@@ -2072,6 +2072,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
   .adf-data-table thead {
     padding-bottom: 3px; }
   .adf-data-table tbody tr {
+    cursor: pointer;
     position: relative;
     height: 56px;
     transition-duration: 0.28s;
@@ -2113,8 +2114,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none;
-    cursor: default; }
+    user-select: none; }
   .adf-data-table th {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -2170,8 +2170,7 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .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; }
+    text-align: left; }
     .adf-data-table .adf-data-table-cell--text {
       text-align: left; }
     .adf-data-table .adf-data-table-cell--date {
@@ -2395,6 +2394,111 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
     .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] {
       opacity: 0.6; }
 
+.document-list_empty_template {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 20px; }
+
+.document-list__this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.document-list__drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.document-list__any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: white 0;
+  margin-top: 17px; }
+
+.document-list__empty_doc_lib {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
+.adf-document-list-loading-margin {
+  margin: auto; }
+
+.adf-document-list-loading-container {
+  min-height: 300px;
+  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%; }
+
+.adf-empty-list-header {
+  height: 32px;
+  opacity: 0.26 !important;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.adf-documentlist-pagination {
+  color: white; }
+  .adf-documentlist-pagination .adf-pagination__block {
+    border-right: none; }
+
+.adf-empty-folder-this-space-is-empty {
+  height: 32px;
+  opacity: 0.26;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 24px;
+  line-height: 1.33;
+  letter-spacing: -1px;
+  color: white; }
+
+.adf-empty-folder-drag-drop {
+  height: 56px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 56px;
+  line-height: 1;
+  letter-spacing: -2px;
+  color: white;
+  margin-top: 40px; }
+
+.adf-empty-folder-any-files-here-to-add {
+  height: 24px;
+  opacity: 0.54;
+  font-family: Muli, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  letter-spacing: -0.4px;
+  color: white;
+  margin-top: 17px; }
+
+.adf-empty-folder-image {
+  width: 565px;
+  height: 161px;
+  object-fit: contain;
+  margin-top: 17px; }
+
 .show {
   display: block !important; }
 
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 6385b8672b..8caae02507 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
@@ -43,6 +43,7 @@
 
         tbody {
             tr {
+                cursor: pointer;
                 position: relative;
                 height: $data-table-row-height;
                 @include material-animation-default(0.28s);
@@ -101,7 +102,6 @@
             box-sizing: border-box;
 
             @include no-select;
-            cursor: default;
         }
 
         th {
@@ -151,7 +151,6 @@
 
         .adf-data-table-cell {
             text-align: left;
-            cursor: default;
 
             &--text {
                 text-align: left;
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
index 14a290243f..b3551f4bd5 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
@@ -1,121 +1,122 @@
-.document-list_empty_template {
-    text-align: center;
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
+@mixin mat-document-list-theme($theme) {
+    $foreground: map-get($theme, foreground);
 
-.document-list__this-space-is-empty {
-    height: 32px;
-    opacity: 0.26;
-    font-family: Muli, Helvetica, Arial, sans-serif;
-    font-size: 24px;
-    line-height: 1.33;
-    letter-spacing: -1px;
-    color: #000000;
-}
-
-.document-list__drag-drop {
-    height: 56px;
-    opacity: 0.54;
-    font-family: Muli, Helvetica, Arial, sans-serif;
-    font-size: 56px;
-    line-height: 1;
-    letter-spacing: -2px;
-    color: #000000;
-    margin-top: 40px;
-}
-
-.document-list__any-files-here-to-add {
-    height: 24px;
-    opacity: 0.54;
-    font-family: Muli, Helvetica, Arial, sans-serif;
-    font-size: 16px;
-    line-height: 1.5;
-    letter-spacing: -0.4px;
-    color: #000000;
-    margin-top: 17px;
-}
-
-.document-list__empty_doc_lib {
-    width: 565px;
-    height: 161px;
-    object-fit: contain;
-    margin-top: 17px;
-}
-
-.adf-document-list-loading-margin {
-    margin: auto;
-}
-
-.adf-document-list-loading-container {
-    min-height: 300px;
-    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%;
-}
-
-.adf-empty-list-header {
-    height: 32px;
-    opacity: 0.26 !important;
-    font-family: Muli, Helvetica, Arial, sans-serif;
-    font-size: 24px;
-    line-height: 1.33;
-    letter-spacing: -1px;
-    color: #000000;
-}
-
-.adf-documentlist-pagination {
-    color: black;
-
-    .adf-pagination__block {
-        border-right: none;
+    .document-list_empty_template {
+        text-align: center;
+        margin-top: 20px;
+        margin-bottom: 20px;
     }
-}
 
-.adf-empty-folder {
-
-    &-this-space-is-empty {
+    .document-list__this-space-is-empty {
         height: 32px;
         opacity: 0.26;
-        font-family: Muli, Helvetica, Arial, sans-serif;
         font-size: 24px;
         line-height: 1.33;
         letter-spacing: -1px;
-        color: #000000;
+        color: mat-color($foreground, text);
     }
 
-    &-drag-drop {
+    .document-list__drag-drop {
         height: 56px;
         opacity: 0.54;
-        font-family: Muli, Helvetica, Arial, sans-serif;
         font-size: 56px;
         line-height: 1;
         letter-spacing: -2px;
-        color: #000000;
+        color: mat-color($foreground, text);
         margin-top: 40px;
     }
 
-    &-any-files-here-to-add {
+    .document-list__any-files-here-to-add {
         height: 24px;
         opacity: 0.54;
-        font-family: Muli, Helvetica, Arial, sans-serif;
         font-size: 16px;
         line-height: 1.5;
         letter-spacing: -0.4px;
-        color: #000000;
+        color: mat-color($foreground, text)0;
         margin-top: 17px;
     }
 
-    &-image {
+    .document-list__empty_doc_lib {
         width: 565px;
         height: 161px;
         object-fit: contain;
         margin-top: 17px;
     }
-}
\ No newline at end of file
+
+    .adf-document-list-loading-margin {
+        margin: auto;
+    }
+
+    .adf-document-list-loading-container {
+        min-height: 300px;
+        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%;
+    }
+
+    .adf-empty-list-header {
+        height: 32px;
+        opacity: 0.26 !important;
+        font-family: Muli, Helvetica, Arial, sans-serif;
+        font-size: 24px;
+        line-height: 1.33;
+        letter-spacing: -1px;
+        color: mat-color($foreground, text);
+    }
+
+    .adf-documentlist-pagination {
+        color: mat-color($foreground, text);
+
+        .adf-pagination__block {
+            border-right: none;
+        }
+    }
+
+    .adf-empty-folder {
+
+        &-this-space-is-empty {
+            height: 32px;
+            opacity: 0.26;
+            font-family: Muli, Helvetica, Arial, sans-serif;
+            font-size: 24px;
+            line-height: 1.33;
+            letter-spacing: -1px;
+            color: mat-color($foreground, text);
+        }
+
+        &-drag-drop {
+            height: 56px;
+            opacity: 0.54;
+            font-family: Muli, Helvetica, Arial, sans-serif;
+            font-size: 56px;
+            line-height: 1;
+            letter-spacing: -2px;
+            color: mat-color($foreground, text);
+            margin-top: 40px;
+        }
+
+        &-any-files-here-to-add {
+            height: 24px;
+            opacity: 0.54;
+            font-family: Muli, Helvetica, Arial, sans-serif;
+            font-size: 16px;
+            line-height: 1.5;
+            letter-spacing: -0.4px;
+            color: mat-color($foreground, text);
+            margin-top: 17px;
+        }
+
+        &-image {
+            width: 565px;
+            height: 161px;
+            object-fit: contain;
+            margin-top: 17px;
+        }
+    }
+}
diff --git a/ng2-components/ng2-alfresco-documentlist/styles/index.scss b/ng2-components/ng2-alfresco-documentlist/styles/index.scss
index 0dcdad9a4d..860e29ebcb 100644
--- a/ng2-components/ng2-alfresco-documentlist/styles/index.scss
+++ b/ng2-components/ng2-alfresco-documentlist/styles/index.scss
@@ -1,9 +1,11 @@
 @import '../src/components/breadcrumb/breadcrumb.component';
 @import '../src/components/breadcrumb/dropdown-breadcrumb.component';
 @import '../src/components/content-node-selector/content-node-selector.component';
+@import '../src/components/document-list.component';
 
 @mixin alfresco-documentlist-theme($theme) {
     @include mat-breadcrumb-theme($theme);
     @include mat-breadcrumb-dropdown-theme($theme);
     @include mat-content-node-selector-theme($theme) ;
+    @include mat-document-list-theme($theme) ;
 }