@c8y/style 1021.51.1 → 1021.54.2

package/styles/_c8y-icons.less

@@ -4,11 +4,11 @@
 
 @font-face {
   font-family: "c8yicon-dark";
-  src: url("@{asset-directory}/c8yicon-dark.eot");
-  src: url("@{asset-directory}/c8yicon-dark.eot?#iefix") format("embedded-opentype"),
-       url("@{asset-directory}/c8yicon-dark.woff") format("woff"),
-       url("@{asset-directory}/c8yicon-dark.ttf") format("truetype"),
-       url("@{asset-directory}/c8yicon-dark.svg#c8yicon-dark") format("svg");
+  src: url("@{asset-directory}/c8y-icon-dark.eot");
+  src: url("@{asset-directory}/c8y-icon-dark.eot?#iefix") format("embedded-opentype"),
+       url("@{asset-directory}/c8y-icon-dark.woff") format("woff"),
+       url("@{asset-directory}/c8y-icon-dark.ttf") format("truetype"),
+       url("@{asset-directory}/c8y-icon-dark.svg#c8yicon-dark") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -16,17 +16,17 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: "c8yicon-dark";
-    src: url("@{asset-directory}/c8yicon-dark.svg#c8yicon-dark") format("svg");
+    src: url("@{asset-directory}/c8y-icon-dark.svg#c8yicon-dark") format("svg");
   }
 }
 
 @font-face {
   font-family: "c8yicon-light";
-  src: url("@{asset-directory}/c8yicon-light.eot");
-  src: url("@{asset-directory}/c8yicon-light.eot?#iefix") format("embedded-opentype"),
-       url("@{asset-directory}/c8yicon-light.woff") format("woff"),
-       url("@{asset-directory}/c8yicon-light.ttf") format("truetype"),
-       url("@{asset-directory}/c8yicon-light.svg#c8yicon-light") format("svg");
+  src: url("@{asset-directory}/c8y-icon-light.eot");
+  src: url("@{asset-directory}/c8y-icon-light.eot?#iefix") format("embedded-opentype"),
+       url("@{asset-directory}/c8y-icon-light.woff") format("woff"),
+       url("@{asset-directory}/c8y-icon-light.ttf") format("truetype"),
+       url("@{asset-directory}/c8y-icon-light.svg#c8yicon-light") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -34,7 +34,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: "c8yicon-light";
-    src: url("@{asset-directory}/c8yicon-light.svg#c8yicon-light") format("svg");
+    src: url("@{asset-directory}/c8y-icon-light.svg#c8yicon-light") format("svg");
   }
 }
 
@@ -124,216 +124,801 @@
   }
 }
 
-.c8y-icon-aab-icon-model:before,
-.c8y-icon-aab-icon-model:after { content: "\f100"; }
-.c8y-icon-aab-icon-template-model:before,
-.c8y-icon-aab-icon-template-model:after { content: "\f101"; }
-.c8y-icon-accounts:before,
-.c8y-icon-accounts:after { content: "\f102"; }
-.c8y-icon-add-user:before,
-.c8y-icon-add-user:after { content: "\f103"; }
-.c8y-icon-administration:before,
-.c8y-icon-administration:after { content: "\f104"; }
-.c8y-icon-alarm:before,
-.c8y-icon-alarm:after { content: "\f105"; }
-.c8y-icon-alert-idle:before,
-.c8y-icon-alert-idle:after { content: "\f106"; }
-.c8y-icon-alfabet:before,
-.c8y-icon-alfabet:after { content: "\f107"; }
-.c8y-icon-analytic-model:before,
-.c8y-icon-analytic-model:after { content: "\f108"; }
-.c8y-icon-analytics-builder:before,
-.c8y-icon-analytics-builder:after { content: "\f109"; }
-.c8y-icon-apama-epl:before,
-.c8y-icon-apama-epl:after { content: "\f10a"; }
-.c8y-icon-apama-machine-learning:before,
-.c8y-icon-apama-machine-learning:after { content: "\f10b"; }
-.c8y-icon-apama-machine-learning-workbench:before,
-.c8y-icon-apama-machine-learning-workbench:after { content: "\f10c"; }
-.c8y-icon-archive:before,
-.c8y-icon-archive:after { content: "\f10d"; }
-.c8y-icon-aris:before,
-.c8y-icon-aris:after { content: "\f10e"; }
-.c8y-icon-atom:before,
-.c8y-icon-atom:after { content: "\f10f"; }
-.c8y-icon-book:before,
-.c8y-icon-book:after { content: "\f110"; }
-.c8y-icon-bookmark:before,
-.c8y-icon-bookmark:after { content: "\f111"; }
-.c8y-icon-bulb:before,
-.c8y-icon-bulb:after { content: "\f112"; }
-.c8y-icon-business-rules:before,
-.c8y-icon-business-rules:after { content: "\f113"; }
-.c8y-icon-c8y:before,
-.c8y-icon-c8y:after { content: "\f114"; }
-.c8y-icon-c8y-data:before,
-.c8y-icon-c8y-data:after { content: "\f115"; }
-.c8y-icon-c8y-support:before,
-.c8y-icon-c8y-support:after { content: "\f116"; }
-.c8y-icon-calendar:before,
-.c8y-icon-calendar:after { content: "\f117"; }
-.c8y-icon-chart:before,
-.c8y-icon-chart:after { content: "\f118"; }
-.c8y-icon-circle-star:before,
-.c8y-icon-circle-star:after { content: "\f119"; }
-.c8y-icon-cloud-container:before,
-.c8y-icon-cloud-container:after { content: "\f11a"; }
-.c8y-icon-cockpit:before,
-.c8y-icon-cockpit:after { content: "\f11b"; }
-.c8y-icon-component:before,
-.c8y-icon-component:after { content: "\f11c"; }
-.c8y-icon-connector-in:before,
-.c8y-icon-connector-in:after { content: "\f11d"; }
-.c8y-icon-connector-out:before,
-.c8y-icon-connector-out:after { content: "\f11e"; }
-.c8y-icon-css:before,
-.c8y-icon-css:after { content: "\f11f"; }
-.c8y-icon-cumulocity-iot:before,
-.c8y-icon-cumulocity-iot:after { content: "\f120"; }
-.c8y-icon-data-broker:before,
-.c8y-icon-data-broker:after { content: "\f121"; }
-.c8y-icon-data-explorer:before,
-.c8y-icon-data-explorer:after { content: "\f122"; }
-.c8y-icon-data-hub:before,
-.c8y-icon-data-hub:after { content: "\f123"; }
-.c8y-icon-data-points:before,
-.c8y-icon-data-points:after { content: "\f124"; }
-.c8y-icon-design:before,
-.c8y-icon-design:after { content: "\f125"; }
-.c8y-icon-device:before,
-.c8y-icon-device:after { content: "\f126"; }
-.c8y-icon-device-connect:before,
-.c8y-icon-device-connect:after { content: "\f127"; }
-.c8y-icon-device-control:before,
-.c8y-icon-device-control:after { content: "\f128"; }
-.c8y-icon-device-management:before,
-.c8y-icon-device-management:after { content: "\f129"; }
-.c8y-icon-device-profile:before,
-.c8y-icon-device-profile:after { content: "\f12a"; }
-.c8y-icon-device-protocols:before,
-.c8y-icon-device-protocols:after { content: "\f12b"; }
-.c8y-icon-e2e-monitoring:before,
-.c8y-icon-e2e-monitoring:after { content: "\f167"; }
-.c8y-icon-energy:before,
-.c8y-icon-energy:after { content: "\f12c"; }
-.c8y-icon-enterprise:before,
-.c8y-icon-enterprise:after { content: "\f12d"; }
-.c8y-icon-event-processing:before,
-.c8y-icon-event-processing:after { content: "\f12e"; }
-.c8y-icon-events:before,
-.c8y-icon-events:after { content: "\f12f"; margin-top: 2px; }
-.c8y-icon-fieldbus:before,
-.c8y-icon-fieldbus:after { content: "\f130"; }
-.c8y-icon-find-map:before,
-.c8y-icon-find-map:after { content: "\f131"; }
-.c8y-icon-firmware:before,
-.c8y-icon-firmware:after { content: "\f132"; }
-.c8y-icon-grid-off:before,
-.c8y-icon-grid-off:after { content: "\f133"; }
-.c8y-icon-grid-on:before,
-.c8y-icon-grid-on:after { content: "\f134"; }
-.c8y-icon-group:before,
-.c8y-icon-group:after { content: "\f135"; }
-.c8y-icon-group-add:before,
-.c8y-icon-group-add:after { content: "\f136"; }
-.c8y-icon-group-open:before,
-.c8y-icon-group-open:after { content: "\f137"; }
-.c8y-icon-group-remote:before,
-.c8y-icon-group-remote:after { content: "\f138"; }
-.c8y-icon-group-remote-inactive:before,
-.c8y-icon-group-remote-inactive:after { content: "\f139"; }
-.c8y-icon-group-remote-open:before,
-.c8y-icon-group-remote-open:after { content: "\f13a"; }
-.c8y-icon-group-smart:before,
-.c8y-icon-group-smart:after { content: "\f13b"; }
-.c8y-icon-group-smart-open:before,
-.c8y-icon-group-smart-open:after { content: "\f13c"; }
-.c8y-icon-java:before,
-.c8y-icon-java:after { content: "\f13d"; }
-.c8y-icon-layers:before,
-.c8y-icon-layers:after { content: "\f13e"; }
-.c8y-icon-layout:before,
-.c8y-icon-layout:after { content: "\f13f"; }
-.c8y-icon-location:before,
-.c8y-icon-location:after { content: "\f140"; }
-.c8y-icon-machine-portal:before,
-.c8y-icon-machine-portal:after { content: "\f166"; }
-.c8y-icon-management:before,
-.c8y-icon-management:after { content: "\f141"; }
-.c8y-icon-metering:before,
-.c8y-icon-metering:after { content: "\f163"; }
-.c8y-icon-mft:before,
-.c8y-icon-mft:after { content: "\f168"; }
-.c8y-icon-mobile-add:before,
-.c8y-icon-mobile-add:after { content: "\f142"; }
-.c8y-icon-mobile-config:before,
-.c8y-icon-mobile-config:after { content: "\f143"; }
-.c8y-icon-modules:before,
-.c8y-icon-modules:after { content: "\f144"; }
-.c8y-icon-mycloud:before,
-.c8y-icon-mycloud:after { content: "\f145"; }
-.c8y-icon-notification:before,
-.c8y-icon-notification:after { content: "\f146"; }
-.c8y-icon-oee:before,
-.c8y-icon-oee:after { content: "\f164"; }
-.c8y-icon-onnx:before,
-.c8y-icon-onnx:after { content: "\f147"; }
-.c8y-icon-overviews:before,
-.c8y-icon-overviews:after { content: "\f148"; }
-.c8y-icon-parameters:before,
-.c8y-icon-parameters:after { content: "\f149"; }
-.c8y-icon-parameters-on:before,
-.c8y-icon-parameters-on:after { content: "\f14a"; }
-.c8y-icon-parking:before,
-.c8y-icon-parking:after { content: "\f14b"; }
-.c8y-icon-report:before,
-.c8y-icon-report:after { content: "\f14c"; }
-.c8y-icon-reports:before,
-.c8y-icon-reports:after { content: "\f14d"; }
-.c8y-icon-rocket:before,
-.c8y-icon-rocket:after { content: "\f14e"; }
-.c8y-icon-saas:before,
-.c8y-icon-saas:after { content: "\f14f"; }
-.c8y-icon-security:before,
-.c8y-icon-security:after { content: "\f150"; }
-.c8y-icon-shield:before,
-.c8y-icon-shield:after { content: "\f151"; }
-.c8y-icon-simulator:before,
-.c8y-icon-simulator:after { content: "\f152"; }
-.c8y-icon-smart-rest:before,
-.c8y-icon-smart-rest:after { content: "\f153"; }
-.c8y-icon-smart-rules:before,
-.c8y-icon-smart-rules:after { content: "\f154"; }
-.c8y-icon-solution-accelerator:before,
-.c8y-icon-solution-accelerator:after { content: "\f155"; }
-.c8y-icon-streaming-analytics:before,
-.c8y-icon-streaming-analytics:after { content: "\f156"; }
-.c8y-icon-sub-tenants:before,
-.c8y-icon-sub-tenants:after { content: "\f157"; }
-.c8y-icon-tenant-policies:before,
-.c8y-icon-tenant-policies:after { content: "\f158"; }
-.c8y-icon-tools:before,
-.c8y-icon-tools:after { content: "\f159"; }
-.c8y-icon-tracking:before,
-.c8y-icon-tracking:after { content: "\f15a"; }
-.c8y-icon-usage-statistics:before,
-.c8y-icon-usage-statistics:after { content: "\f15b"; }
-.c8y-icon-user:before,
-.c8y-icon-user:after { content: "\f15c"; }
-.c8y-icon-users:before,
-.c8y-icon-users:after { content: "\f15d"; }
-.c8y-icon-waste-bin:before,
-.c8y-icon-waste-bin:after { content: "\f15e"; }
-.c8y-icon-wm-api:before,
-.c8y-icon-wm-api:after { content: "\f15f"; }
-.c8y-icon-wm-b2b:before,
-.c8y-icon-wm-b2b:after { content: "\f160"; }
-.c8y-icon-wm-dynamicapps:before,
-.c8y-icon-wm-dynamicapps:after { content: "\f161"; }
-.c8y-icon-wm-integration:before,
-.c8y-icon-wm-integration:after { content: "\f162"; }
 
+.c8y-icon-aab-icon-model {
+  &:before {
+    content: @c8y-icon-dark-aab-icon-model; 
+  }
+  &:after {
+    content: @c8y-icon-light-aab-icon-model; 
+  }
+}
+.c8y-icon-aab-icon-template-model {
+  &:before {
+    content: @c8y-icon-dark-aab-icon-template-model; 
+  }
+  &:after {
+    content: @c8y-icon-light-aab-icon-template-model; 
+  }
+}
+.c8y-icon-accounts {
+  &:before {
+    content: @c8y-icon-dark-accounts; 
+  }
+  &:after {
+    content: @c8y-icon-light-accounts; 
+  }
+}
+.c8y-icon-add-user {
+  &:before {
+    content: @c8y-icon-dark-add-user; 
+  }
+  &:after {
+    content: @c8y-icon-light-add-user; 
+  }
+}
+.c8y-icon-administration {
+  &:before {
+    content: @c8y-icon-dark-administration; 
+  }
+  &:after {
+    content: @c8y-icon-light-administration; 
+  }
+}
+.c8y-icon-alarm {
+  &:before {
+    content: @c8y-icon-dark-alarm; 
+  }
+  &:after {
+    content: @c8y-icon-light-alarm; 
+  }
+}
+.c8y-icon-alert-idle {
+  &:before {
+    content: @c8y-icon-dark-alert-idle; 
+  }
+  &:after {
+    content: @c8y-icon-light-alert-idle; 
+  }
+}
+.c8y-icon-alfabet {
+  &:before {
+    content: @c8y-icon-dark-alfabet; 
+  }
+}
+.c8y-icon-analytic-model {
+  &:before {
+    content: @c8y-icon-dark-analytic-model; 
+  }
+  &:after {
+    content: @c8y-icon-light-analytic-model; 
+  }
+}
+.c8y-icon-analytics-builder {
+  &:before {
+    content: @c8y-icon-dark-analytics-builder; 
+  }
+  &:after {
+    content: @c8y-icon-light-analytics-builder; 
+  }
+}
+.c8y-icon-apama-epl {
+  &:before {
+    content: @c8y-icon-dark-apama-epl; 
+  }
+  &:after {
+    content: @c8y-icon-light-apama-epl; 
+  }
+}
+.c8y-icon-apama-machine-learning-workbench {
+  &:before {
+    content: @c8y-icon-dark-apama-machine-learning-workbench; 
+  }
+  &:after {
+    content: @c8y-icon-light-apama-machine-learning-workbench; 
+  }
+}
+.c8y-icon-apama-machine-learning {
+  &:before {
+    content: @c8y-icon-dark-apama-machine-learning; 
+  }
+  &:after {
+    content: @c8y-icon-light-apama-machine-learning; 
+  }
+}
+.c8y-icon-archive {
+  &:before {
+    content: @c8y-icon-dark-archive; 
+  }
+  &:after {
+    content: @c8y-icon-light-archive; 
+  }
+}
+.c8y-icon-aris {
+  &:before {
+    content: @c8y-icon-dark-aris; 
+  }
+}
+.c8y-icon-atom {
+  &:before {
+    content: @c8y-icon-dark-atom; 
+  }
+  &:after {
+    content: @c8y-icon-light-atom; 
+  }
+}
+.c8y-icon-book {
+  &:before {
+    content: @c8y-icon-dark-book;
+  }
+}
+.c8y-icon-bookmark {
+  &:before {
+    content: @c8y-icon-dark-bookmark; 
+  }
+}
+.c8y-icon-bulb {
+  &:before {
+    content: @c8y-icon-dark-bulb; 
+  }
+  &:after {
+    content: @c8y-icon-light-bulb; 
+  }
+}
+.c8y-icon-business-rules {
+  &:before {
+    content: @c8y-icon-dark-business-rules; 
+  }
+  &:after {
+    content: @c8y-icon-light-business-rules; 
+  }
+}
+.c8y-icon-c8y-c {
+  &:before {
+    content: @c8y-icon-dark-c8y-c; 
+  }
+}
+.c8y-icon-c8y-data {
+  &:before {
+    content: @c8y-icon-dark-c8y-data; 
+  }
+  &:after {
+    content: @c8y-icon-light-c8y-data; 
+  }
+}
+.c8y-icon-c8y-support {
+  &:before {
+    content: @c8y-icon-dark-c8y-support; 
+  }
+  &:after {
+    content: @c8y-icon-light-c8y-support; 
+  }
+}
+.c8y-icon-c8y {
+  &:before {
+    content: @c8y-icon-dark-c8y; 
+  }
+}
+.c8y-icon-calendar {
+  &:before {
+    content: @c8y-icon-dark-calendar; 
+  }
+  &:after {
+    content: @c8y-icon-light-calendar; 
+  }
+}
+.c8y-icon-chart {
+  &:before {
+    content: @c8y-icon-dark-chart; 
+  }
+  &:after {
+    content: @c8y-icon-light-chart; 
+  }
+}
+.c8y-icon-circle-star {
+  &:before {
+    content: @c8y-icon-dark-circle-star; 
+  }
+  &:after {
+    content: @c8y-icon-light-circle-star; 
+  }
+}
+.c8y-icon-cloud-container {
+  &:before {
+    content: @c8y-icon-dark-cloud-container; 
+  }
+  &:after {
+    content: @c8y-icon-light-cloud-container; 
+  }
+}
+.c8y-icon-cockpit {
+  &:before {
+    content: @c8y-icon-dark-cockpit; 
+  }
+  &:after {
+    content: @c8y-icon-light-cockpit; 
+  }
+}
+.c8y-icon-component {
+  &:before {
+    content: @c8y-icon-dark-component; 
+  }
+  &:after {
+    content: @c8y-icon-light-component; 
+  }
+}
+.c8y-icon-connector-in {
+  &:before {
+    content: @c8y-icon-dark-connector-in; 
+  }
+  &:after {
+    content: @c8y-icon-light-connector-in; 
+  }
+}
+.c8y-icon-connector-out {
+  &:before {
+    content: @c8y-icon-dark-connector-out; 
+  }
+  &:after {
+    content: @c8y-icon-light-connector-out; 
+  }
+}
+.c8y-icon-css {
+  &:before {
+    content: @c8y-icon-dark-css; 
+  }
+}
+.c8y-icon-cumulocity-iot {
+  &:before {
+    content: @c8y-icon-dark-cumulocity-iot; 
+  }
+}
+.c8y-icon-data-broker {
+  &:before {
+    content: @c8y-icon-dark-data-broker; 
+  }
+  &:after {
+    content: @c8y-icon-light-data-broker; 
+  }
+}
+.c8y-icon-data-explorer {
+  &:before {
+    content: @c8y-icon-dark-data-explorer; 
+  }
+  &:after {
+    content: @c8y-icon-light-data-explorer; 
+  }
+}
+.c8y-icon-data-hub {
+  &:before {
+    content: @c8y-icon-dark-data-hub; 
+  }
+  &:after {
+    content: @c8y-icon-light-data-hub; 
+  }
+}
+.c8y-icon-data-points {
+  &:before {
+    content: @c8y-icon-dark-data-points; 
+  }
+  &:after {
+    content: @c8y-icon-light-data-points; 
+  }
+}
+.c8y-icon-design {
+  &:before {
+    content: @c8y-icon-dark-design; 
+  }
+  &:after {
+    content: @c8y-icon-light-design; 
+  }
+}
+.c8y-icon-device-connect {
+  &:before {
+    content: @c8y-icon-dark-device-connect; 
+  }
+  &:after {
+    content: @c8y-icon-light-device-connect; 
+  }
+}
+.c8y-icon-device-control {
+  &:before {
+    content: @c8y-icon-dark-device-control; 
+  }
+  &:after {
+    content: @c8y-icon-light-device-control; 
+  }
+}
+.c8y-icon-device-management {
+  &:before {
+    content: @c8y-icon-dark-device-management; 
+  }
+  &:after {
+    content: @c8y-icon-light-device-management; 
+  }
+}
+.c8y-icon-device-profile {
+  &:before {
+    content: @c8y-icon-dark-device-profile; 
+  }
+  &:after {
+    content: @c8y-icon-light-device-profile; 
+  }
+}
+.c8y-icon-device-protocols {
+  &:before {
+    content: @c8y-icon-dark-device-protocols; 
+  }
+  &:after {
+    content: @c8y-icon-light-device-protocols; 
+  }
+}
+.c8y-icon-device {
+  &:before {
+    content: @c8y-icon-dark-device; 
+  }
+  &:after {
+    content: @c8y-icon-light-device; 
+  }
+}
+.c8y-icon-dynamic-mapper {
+  &:before {
+    content: @c8y-icon-dark-dynamic-mapper; 
+  }
+  &:after {
+    content: @c8y-icon-light-dynamic-mapper; 
+  }
+}
+.c8y-icon-e2e-monitoring {
+  &:before {
+    content: @c8y-icon-dark-e2e-monitoring; 
+  }
+}
+.c8y-icon-energy {
+  &:before {
+    content: @c8y-icon-dark-energy; 
+  }
+  &:after {
+    content: @c8y-icon-light-energy; 
+  }
+}
+.c8y-icon-enterprise {
+  &:before {
+    content: @c8y-icon-dark-enterprise; 
+  }
+  &:after {
+    content: @c8y-icon-light-enterprise; 
+  }
+}
+.c8y-icon-event-processing {
+  &:before {
+    content: @c8y-icon-dark-event-processing; 
+  }
+  &:after {
+    content: @c8y-icon-light-event-processing; 
+  }
+}
+.c8y-icon-events {
+  &:before {
+    content: @c8y-icon-dark-events; 
+  }
+  &:after {
+    content: @c8y-icon-light-events; 
+  }
+}
+.c8y-icon-fieldbus {
+  &:before {
+    content: @c8y-icon-dark-fieldbus; 
+  }
+  &:after {
+    content: @c8y-icon-light-fieldbus; 
+  }
+}
+.c8y-icon-find-map {
+  &:before {
+    content: @c8y-icon-dark-find-map; 
+  }
+  &:after {
+    content: @c8y-icon-light-find-map; 
+  }
+}
+.c8y-icon-firmware {
+  &:before {
+    content: @c8y-icon-dark-firmware; 
+  }
+  &:after {
+    content: @c8y-icon-light-firmware; 
+  }
+}
+.c8y-icon-grid-off {
+  &:before {
+    content: @c8y-icon-dark-grid-off; 
+  }
+  &:after {
+    content: @c8y-icon-light-grid-off; 
+  }
+}
+.c8y-icon-grid-on {
+  &:before {
+    content: @c8y-icon-dark-grid-on; 
+  }
+}
+.c8y-icon-group-add {
+  &:before {
+    content: @c8y-icon-dark-group-add; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-add; 
+  }
+}
+.c8y-icon-group-open {
+  &:before {
+    content: @c8y-icon-dark-group-open; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-open; 
+  }
+}
+.c8y-icon-group-remote-inactive {
+  &:before {
+    content: @c8y-icon-dark-group-remote-inactive; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-remote-inactive; 
+  }
+}
+.c8y-icon-group-remote-open {
+  &:before {
+    content: @c8y-icon-dark-group-remote-open; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-remote-open; 
+  }
+}
+.c8y-icon-group-remote {
+  &:before {
+    content: @c8y-icon-dark-group-remote; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-remote; 
+  }
+}
+.c8y-icon-group-smart-open {
+  &:before {
+    content: @c8y-icon-dark-group-smart-open; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-smart-open; 
+  }
+}
+.c8y-icon-group-smart {
+  &:before {
+    content: @c8y-icon-dark-group-smart; 
+  }
+  &:after {
+    content: @c8y-icon-light-group-smart; 
+  }
+}
+.c8y-icon-group {
+  &:before {
+    content: @c8y-icon-dark-group; 
+  }
+}
+.c8y-icon-java {
+  &:before {
+    content: @c8y-icon-dark-java; 
+  }
+  &:after {
+    content: @c8y-icon-light-java; 
+  }
+}
+.c8y-icon-layers {
+  &:before {
+    content: @c8y-icon-dark-layers; 
+  }
+  &:after {
+    content: @c8y-icon-light-layers; 
+  }
+}
+.c8y-icon-layout {
+  &:before {
+    content: @c8y-icon-dark-layout; 
+  }
+}
+.c8y-icon-location {
+  &:before {
+    content: @c8y-icon-dark-location; 
+  }
+  &:after {
+    content: @c8y-icon-light-location; 
+  }
+}
+.c8y-icon-machine-portal {
+  &:before {
+    content: @c8y-icon-dark-machine-portal; 
+  }
+  &:after {
+    content: @c8y-icon-light-machine-portal; 
+  }
+}
+.c8y-icon-management {
+  &:before {
+    content: @c8y-icon-dark-management; 
+  }
+  &:after {
+    content: @c8y-icon-light-management; 
+  }
+}
+.c8y-icon-metering {
+  &:before {
+    content: @c8y-icon-dark-metering; 
+  }
+  &:after {
+    content: @c8y-icon-light-metering; 
+  }
+}
+.c8y-icon-mft {
+  &:before {
+    content: @c8y-icon-dark-mft; 
+  }
 
+}
+.c8y-icon-mobile-add {
+  &:before {
+    content: @c8y-icon-dark-mobile-add; 
+  }
+  &:after {
+    content: @c8y-icon-light-mobile-add; 
+  }
+}
+.c8y-icon-mobile-config {
+  &:before {
+    content: @c8y-icon-dark-mobile-config; 
+  }
+  &:after {
+    content: @c8y-icon-light-mobile-config; 
+  }
+}
+.c8y-icon-modules {
+  &:before {
+    content: @c8y-icon-dark-modules; 
+  }
+  &:after {
+    content: @c8y-icon-light-modules; 
+  }
+}
+.c8y-icon-mycloud {
+  &:before {
+    content: @c8y-icon-dark-mycloud; 
+  }
+}
+.c8y-icon-notification {
+  &:before {
+    content: @c8y-icon-dark-notification; 
+  }
+  &:after {
+    content: @c8y-icon-light-notification; 
+  }
+}
+.c8y-icon-oee {
+  &:before {
+    content: @c8y-icon-dark-oee; 
+  }
+  &:after {
+    content: @c8y-icon-light-oee; 
+  }
+}
+.c8y-icon-onnx {
+  &:before {
+    content: @c8y-icon-dark-onnx; 
+  }
+}
+.c8y-icon-overviews {
+  &:before {
+    content: @c8y-icon-dark-overviews; 
+  }
+  &:after {
+    content: @c8y-icon-light-overviews; 
+  }
+}
+.c8y-icon-parameters-on {
+  &:before {
+    content: @c8y-icon-dark-parameters-on; 
+  }
+  &:after {
+    content: @c8y-icon-light-parameters-on; 
+  }
+}
+.c8y-icon-parameters {
+  &:before {
+    content: @c8y-icon-dark-parameters; 
+  }
+}
+.c8y-icon-parking {
+  &:before {
+    content: @c8y-icon-dark-parking; 
+  }
+  &:after {
+    content: @c8y-icon-light-parking; 
+  }
+}
+.c8y-icon-report {
+  &:before {
+    content: @c8y-icon-dark-report; 
+  }
+  &:after {
+    content: @c8y-icon-light-report; 
+  }
+}
+.c8y-icon-reports {
+  &:before {
+    content: @c8y-icon-dark-reports; 
+  }
+  &:after {
+    content: @c8y-icon-light-reports; 
+  }
+}
+.c8y-icon-rocket {
+  &:before {
+    content: @c8y-icon-dark-rocket; 
+  }
+  &:after {
+    content: @c8y-icon-light-rocket; 
+  }
+}
+.c8y-icon-saas {
+  &:before {
+    content: @c8y-icon-dark-saas; 
+  }
+  &:after {
+    content: @c8y-icon-light-saas; 
+  }
+}
+.c8y-icon-security {
+  &:before {
+    content: @c8y-icon-dark-security; 
+  }
+  &:after {
+    content: @c8y-icon-light-security; 
+  }
+}
+.c8y-icon-shield {
+  &:before {
+    content: @c8y-icon-dark-shield; 
+  }
+  &:after {
+    content: @c8y-icon-light-shield; 
+  }
+}
+.c8y-icon-simulator {
+  &:before {
+    content: @c8y-icon-dark-simulator; 
+  }
+  &:after {
+    content: @c8y-icon-light-simulator; 
+  }
+}
+.c8y-icon-smart-rest {
+  &:before {
+    content: @c8y-icon-dark-smart-rest; 
+  }
+  &:after {
+    content: @c8y-icon-light-smart-rest; 
+  }
+}
+.c8y-icon-smart-rules {
+  &:before {
+    content: @c8y-icon-dark-smart-rules; 
+  }
+  &:after {
+    content: @c8y-icon-light-smart-rules; 
+  }
+}
+.c8y-icon-solution-accelerator {
+  &:before {
+    content: @c8y-icon-dark-solution-accelerator; 
+  }
+  &:after {
+    content: @c8y-icon-light-solution-accelerator; 
+  }
+}
+.c8y-icon-streaming-analytics {
+  &:before {
+    content: @c8y-icon-dark-streaming-analytics; 
+  }
+  &:after {
+    content: @c8y-icon-light-streaming-analytics; 
+  }
+}
+.c8y-icon-sub-tenants {
+  &:before {
+    content: @c8y-icon-dark-sub-tenants; 
+  }
+  &:after {
+    content: @c8y-icon-light-sub-tenants; 
+  }
+}
+.c8y-icon-tenant-policies {
+  &:before {
+    content: @c8y-icon-dark-tenant-policies; 
+  }
+  &:after {
+    content: @c8y-icon-light-tenant-policies; 
+  }
+}
+.c8y-icon-tools {
+  &:before {
+    content: @c8y-icon-dark-tools; 
+  }
+  &:after {
+    content: @c8y-icon-light-tools; 
+  }
+}
+.c8y-icon-tracking {
+  &:before {
+    content: @c8y-icon-dark-tracking; 
+  }
+  &:after {
+    content: @c8y-icon-light-tracking; 
+  }
+}
+.c8y-icon-usage-statistics {
+  &:before {
+    content: @c8y-icon-dark-usage-statistics; 
+  }
+  &:after {
+    content: @c8y-icon-light-usage-statistics; 
+  }
+}
+.c8y-icon-user {
+  &:before {
+    content: @c8y-icon-dark-user; 
+  }
+  &:after {
+    content: @c8y-icon-light-user; 
+  }
+}
+.c8y-icon-users {
+  &:before {
+    content: @c8y-icon-dark-users; 
+  }
+  &:after {
+    content: @c8y-icon-light-users; 
+  }
+}
+.c8y-icon-waste-bin {
+  &:before {
+    content: @c8y-icon-dark-waste-bin; 
+  }
+  &:after {
+    content: @c8y-icon-light-waste-bin; 
+  }
+}
+.c8y-icon-wm-api {
+  &:before {
+    content: @c8y-icon-dark-wm-api; 
+  }
+
+}
+.c8y-icon-wm-b2b {
+  &:before {
+    content: @c8y-icon-dark-wm-b2b; 
+  }
+
+}
+.c8y-icon-wm-dynamicapps {
+  &:before {
+    content: @c8y-icon-dark-wm-dynamicapps; 
+  }
+}
+.c8y-icon-wm-integration {
+  &:before {
+    content: @c8y-icon-dark-wm-integration; 
+  }
+  &:after {
+    content: @c8y-icon-light-wm-integration; 
+  }
+}
 
 .app-noicon {
   display: inline-block;
@@ -409,11 +994,18 @@
   > i{
     font-size: 16px;
   }
+  &--medium{
+    width: 20px;
+    height: 20px;
+    > i{
+      font-size: 12px;
+    }
+  }
   &--small{
     width: 16px;
     height: 16px;
     > i{
-      font-size: 12px;
+      font-size: 10px;
     }
   }
 }