diff --git a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/manage/tile-chart.html.twig b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/manage/tile-chart.html.twig
index 498cf6b5cc..6a5eae1793 100644
--- a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/manage/tile-chart.html.twig
+++ b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/manage/tile-chart.html.twig
@@ -1,7 +1,7 @@
 {# itop-portal-dashlet-basic/tile.html.twig #}
 {# Image brick tile layout #}
 
-<div class="col-xs-12 col-sm-{{ oBrick.GetWidth }}">
+<div class="col-xs-12 col-sm-{{ oBrick.GetWidth }} tile-chart">
     {% block pTileWrapper %}
         <a href="{{ app.url_generator.generate('p_manage_brick', {'sBrickId': sBrickId, 'sDisplayType': oBrick.GetDisplayType}) }}{% if app['combodo.portal.instance.routes'][oBrick.GetRouteName]['hash'] is defined %}#{{ app['combodo.portal.instance.routes'][oBrick.GetRouteName]['hash'] }}{% endif %}"
         {% if app['combodo.portal.instance.routes'][oBrick.GetRouteName]['navigation_menu_attr'] is defined %}{% for key, value in app['combodo.portal.instance.routes'][oBrick.GetRouteName]['navigation_menu_attr'] %} {{ key }}="{{ value }}"{% endfor %}{% endif %}
@@ -9,9 +9,8 @@
         class="tile{# vertical-center#}"
         id="brick-{{ oBrick.GetId }}"
         data-brick-id="{{ oBrick.GetId }}">
-        <div style="background-color:#fff;padding:0.25em;">
-            <div class="tile_title"><span
-                        class="icon fa fa-{{ oBrick.GetDisplayType }}"></span> {{ oBrick.GetTitle()|dict_s }}
+        <div>
+            <div class="tile_title"><span class="icon fa fa-{{ oBrick.GetDisplayType }}"></span> {{ oBrick.GetTitle()|dict_s }}
                 ({{ iCount }})</span> </div>
             {% include 'itop-portal-base/portal/src/views/bricks/manage/mode-' ~ oBrick.GetDisplayType ~ '.html.twig' with {'oBrick': oBrick, 'aColumns': aColumns, 'aNames': aNames, 'aUrls': aUrls, 'aDisplayValues': aDisplayValues} %}
         </div>
diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
index e653c4bc06..88db1ac0e7 100644
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
@@ -6,53 +6,53 @@
 /*******************/
 @media (max-width: 768px) {
   body {
-      padding-top: 60px;
+    padding-top: 60px;
   }
   body.home {
-      padding-top: 70px;
+    padding-top: 70px;
   }
 }
 footer {
   margin: 5em 1em;
-    text-align: center;
+  text-align: center;
 }
 /* Environment banner */
 #envbanner {
   position: relative;
   z-index: 10;
   padding: 5px 15px;
-    text-align: center;
+  text-align: center;
 }
 #envbanner > button {
   margin-left: 5px;
-    color: #000;
+  color: #000;
 }
 /* Navigation menu */
 .navbar-nav .dropdown-menu a .glyphicon, .user_infos .dropdown-menu a .glyphicon {
-    margin-right: 15px;
+  margin-right: 15px;
 }
 .nav > li > a > span.brick_icon, .dropdown-menu > li > a > span.brick_icon {
   margin-right: 20px;
-    vertical-align: sub;
+  vertical-align: sub;
 }
 /* Topbar */
 #topbar .navbar-header {
   position: relative;
-    z-index: 2;
+  z-index: 2;
 }
 #topbar .navbar-collapse {
   position: relative;
   z-index: 1;
-    overflow-y: auto;
+  overflow-y: auto;
 }
 #topbar .navbar-collapse > .navbar-nav {
-    padding-top: 30px;
+  padding-top: 30px;
 }
 #topbar .navbar-brand > img {
-    max-height: 100%;
+  max-height: 100%;
 }
 #topbar .user_infos {
-    text-decoration: none;
+  text-decoration: none;
 }
 #topbar .user_photo {
   position: absolute;
@@ -66,7 +66,7 @@ footer {
   background-color: #585653;
   border: 2px solid #fff;
   border-radius: 100%;
-    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
+  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
 }
 #topbar .user_fullname {
   display: inline-block;
@@ -76,7 +76,7 @@ footer {
   /*color: $white;*/
   white-space: nowrap;
   text-overflow: ellipsis;
-    overflow-x: hidden;
+  overflow-x: hidden;
 }
 /* Sidebar */
 @media (min-width: 768px) {
@@ -86,11 +86,11 @@ footer {
     left: 0px;
     padding: 0px;
     /* Overriding BS */
-      height: 100%;
+    height: 100%;
   }
   #sidebar .user_card {
     padding: 30px 0px;
-      text-align: center;
+    text-align: center;
   }
   #sidebar .user_card .user_photo {
     margin: 0px auto 10px auto;
@@ -101,61 +101,61 @@ footer {
     background-color: #585653;
     background-repeat: no-repeat;
     border: 2px solid #fff;
-      border-radius: 100%;
+    border-radius: 100%;
   }
   #sidebar .user_card .user_infos {
     font-size: 1em;
-      color: #fff;
+    color: #fff;
   }
   #sidebar .user_card .user_infos .dropdown-toggle {
-      color: #fff;
+    color: #fff;
   }
   #sidebar .user_card .user_options.dropdown-menu {
     width: 92%;
-      left: 4%;
+    left: 4%;
   }
   #sidebar .user_card .user_fullname {
-      font-weight: 600;
+    font-weight: 600;
   }
   #sidebar .menu {
     max-height: 59%;
     overflow-y: auto;
-      overflow-x: hidden;
+    overflow-x: hidden;
   }
   #sidebar .menu .navbar-nav > li {
-      width: 100%;
+    width: 100%;
   }
   #sidebar .menu .navbar-nav > li > a > .brick_icon {
     width: 1.2em;
     vertical-align: sub;
     text-align: center;
-      margin-right: 10px;
+    margin-right: 10px;
   }
   #sidebar .logo {
     position: absolute;
     bottom: 15px;
     width: 100%;
-      text-align: center;
+    text-align: center;
   }
   #sidebar .logo img {
     width: 40%;
-      max-width: 100%;
+    max-width: 100%;
   }
 }
 /* Warning : Not a offical BS breakpoint */
 @media (min-width: 1600px) {
   #sidebar .user_card .user_photo {
     width: 120px;
-      height: 120px;
+    height: 120px;
   }
   #sidebar .menu .nav > li > a > .brick_icon {
-      margin-right: 20px;
+    margin-right: 20px;
   }
 }
 /* Main content */
 @media (min-width: 768px) {
   #main-wrapper {
-      margin-top: 20px;
+    margin-top: 20px;
   }
 }
 /* Overlays*/
@@ -168,18 +168,18 @@ footer {
   width: 100%;
   height: 100%;
   background-color: black;
-    opacity: 0.5;
+  opacity: 0.5;
 }
 #page_overlay .overlay_content {
   margin-top: 20em;
   width: 100%;
-    color: white;
+  color: white;
 }
 .overlay_content {
-    text-align: center;
+  text-align: center;
 }
 .content_loader {
-    text-align: center;
+  text-align: center;
 }
 .content_loader .icon {
   margin-bottom: 0.3em;
@@ -192,15 +192,15 @@ footer {
   animation: spin 1.2s linear infinite;
   -webkit-animation: spin 1.2s linear infinite;
   -moz-animation: spin 1.2s linear infinite;
-    -ms-animation: spin 1.2s linear infinite;
+  -ms-animation: spin 1.2s linear infinite;
 }
 .content_loader .message {
   font-size: 1.5em;
-    /* 2em; */
+  /* 2em; */
 }
 .datatables_overlay {
   padding: 5% 0px !important;
-    background-color: white;
+  background-color: white;
 }
 /******************/
 /* Global classes */
@@ -225,7 +225,7 @@ footer {
   -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
-    justify-content: center;
+  justify-content: center;
 }
 /*********************/
 /* Global animations */
@@ -233,22 +233,22 @@ footer {
 /* Spin */
 @keyframes spin {
   100% {
-      transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 @-webkit-keyframes spin {
   100% {
-      -webkit-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
   }
 }
 @-moz-keyframes spin {
   100% {
-      -moz-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
   }
 }
 @-ms-keyframes spin {
   100% {
-      -ms-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
   }
 }
 /*********************/
@@ -256,61 +256,61 @@ footer {
 /*********************/
 .list-group.tree {
   margin-top: 11px;
-    margin-bottom: -11px;
+  margin-bottom: -11px;
 }
 .list-group.tree .list-group-item {
   padding-right: 0px;
-    /* To align all actions on the right without indent */
+  /* To align all actions on the right without indent */
 }
 /******************/
 /* Modal settings */
 /******************/
 .modal-content .content_loader {
   margin: 7em 0em;
-    text-align: center;
+  text-align: center;
 }
 /**************************/
 /* MagnificPopup settings */
 /**************************/
 .mfp-bg {
-    z-index: 1200;
+  z-index: 1200;
 }
 .mfp-wrap {
-    z-index: 1210;
+  z-index: 1210;
 }
 .mfp-img {
   cursor: pointer;
-    cursor: zoom-out;
+  cursor: zoom-out;
 }
 /********************/
 /* Typeahed setting */
 /********************/
 .twitter-typeahead .tt-menu {
   max-height: 200px;
-    overflow-y: auto;
+  overflow-y: auto;
 }
 @media (min-width: 768px) {
   .twitter-typeahead .tt-menu {
-      max-height: 300px;
+    max-height: 300px;
   }
 }
 .twitter-typeahead .tt-dataset > .content_loader {
   margin: 10px 0px;
   text-align: center;
-    font-size: 0.6em;
+  font-size: 0.6em;
 }
 .twitter-typeahead .tt-dataset > .content_loader .icon {
-    height: 25px;
+  height: 25px;
 }
 .twitter-typeahead .tt-dataset .no_result {
   text-align: center;
-    font-style: italic;
+  font-style: italic;
 }
 /*****************/
 /* Home settings */
 /*****************/
 .home #main-wrapper {
-    padding-top: 15px;
+  padding-top: 15px;
 }
 .home .tile {
   display: block;
@@ -325,61 +325,64 @@ footer {
   text-decoration: none;
   white-space: normal;
   line-height: 4em;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
 }
 .home .tile .tile_decoration {
   position: absolute;
   top: 0.3em;
-    left: 2.5em;
+  left: 2.5em;
 }
 .home .tile .tile_title {
   font-weight: bold;
-    color: #333;
+  color: #333;
 }
 .home .tile .tile_title > span.icon {
-    color: #ea7d1e;
+  color: #ea7d1e;
 }
 .home .tile .tile_description {
   display: none;
-    color: #555;
+  color: #555;
 }
 .home div.tile-badge > a.tile {
   display: table;
-    width: 100%;
+  width: 100%;
 }
 .home div.tile-badge > a.tile > div {
-    display: table-row;
+  display: table-row;
 }
 .home div.tile-badge > a.tile > div > div {
-    display: table-cell;
+  display: table-cell;
 }
 .home div.tile-badge > a.tile > div > div.tile_decoration {
   text-align: center;
   vertical-align: top;
   position: inherit;
-    float: inherit;
+  float: inherit;
 }
 .home div.tile-badge > a.tile > div > div.tile_body {
   text-align: right;
-    padding-left: 0;
+  padding-left: 0;
 }
 .home div.tile-badge > a.tile > div > div.tile_body > div:first-child {
   text-align: center;
   margin: 0 auto;
-    margin-left: 10%;
+  margin-left: 10%;
 }
 .home div.tile-badge > a.tile > div > div.tile_body > div:first-child > div {
-    text-align: center;
+  text-align: center;
 }
 .home div.tile-badge > a.tile > div > div.tile_body > div:first-child > div.tile_description {
-    margin-bottom: 1.5em;
+  margin-bottom: 1.5em;
 }
 .home div.tile-badge > a.tile > div > div.tile_body > div:first-child > div.tile_title {
   font-size: 1.5em;
-    font-weight: bold;
+  font-weight: bold;
 }
 .home div.tile-badge > a.tile > div > div.tile_body > div.tile_description {
-    text-align: right;
+  text-align: right;
+}
+.home div.tile-chart > a > div {
+  padding: 0.25em;
 }
 @media (min-width: 768px) {
   .home .tile {
@@ -388,10 +391,10 @@ footer {
     padding: 40px 40px 30px 40px;
     min-height: 10em;
     text-align: left;
-      transition: all 0.2s linear;
+    transition: all 0.2s linear;
   }
   .home .tile:hover {
-      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.10);
+    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.10);
   }
   .home .tile .tile_decoration {
     display: block;
@@ -399,75 +402,75 @@ footer {
     float: left;
     top: 1.5em;
     left: initial;
-      margin: 0px 30px 15px 0px;
+    margin: 0px 30px 15px 0px;
   }
   .home .tile .tile_body {
     display: block;
     padding-left: 4.3em;
     text-align: left;
-      line-height: 1.5em;
+    line-height: 1.5em;
   }
   .home .tile .tile_title {
     margin-bottom: 1em;
-      font-size: 1em;
+    font-size: 1em;
   }
   .home .tile .tile_description {
     display: block;
-      text-align: left;
+    text-align: left;
   }
 }
 @media (min-width: 992px) {
   .home .tile {
     min-height: 14em;
-      padding: 30px 40px 30px 40px;
+    padding: 30px 40px 30px 40px;
   }
   .home .tile .tile_decoration > span.icon {
-      font-size: 4em;
+    font-size: 4em;
   }
   .home .tile .tile_body {
-      padding-left: 6.3em;
+    padding-left: 6.3em;
   }
   .home .tile .tile_title {
-      font-size: 1.4em;
+    font-size: 1.4em;
   }
   .home .tile .tile_description {
-      font-size: 1.2em;
+    font-size: 1.2em;
   }
 }
 @media (min-width: 1200px) {
   .home .tile {
     margin-bottom: 40px;
     min-height: 15em;
-      padding: 40px 50px 30px 50px;
+    padding: 40px 50px 30px 50px;
   }
   .home .tile .tile_decoration {
     margin: 0px 40px 15px 0px;
-      top: 1.5em;
+    top: 1.5em;
   }
   .home .tile .tile_decoration > span.icon {
-      font-size: 6em;
+    font-size: 6em;
   }
   .home .tile .tile_body {
-      padding-left: 9.1em;
+    padding-left: 9.1em;
   }
   .home .tile .tile_title {
-      font-size: 1.5em;
+    font-size: 1.5em;
   }
   .home .tile .tile_description {
-      font-size: 1.2em;
+    font-size: 1.2em;
   }
 }
 /********************/
 /* Modules settings */
 /********************/
 #main-header {
-    text-align: center;
+  text-align: center;
 }
 #main-header-title {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 #main-header-actions {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 /* This is no longer necessary but we keep it just in case */
 /*#main-header-actions .btn-group .btn{
@@ -478,39 +481,39 @@ footer {
  }*/
 @media (min-width: 768px) {
   #main-header:after {
-      clear: both;
+    clear: both;
   }
   #main-header-title {
     float: left;
     margin-bottom: 0px;
     min-height: 6em;
-      text-align: left;
+    text-align: left;
   }
   #main-header-actions {
     float: right;
-      margin-bottom: 0px;
+    margin-bottom: 0px;
   }
 }
 .dataTables_wrapper {
-    padding: 10px 10px;
+  padding: 10px 10px;
 }
 .dataTable.table td img {
   max-width: 100%;
-    height: initial !important;
+  height: initial !important;
 }
 #brick_content_toolbar {
   /* margin: 10px 0px 6px 0px; */
-    padding: 10px;
+  padding: 10px;
 }
 #brick_content_toolbar > div label {
   font-weight: normal;
   white-space: nowrap;
-    text-align: left;
+  text-align: left;
 }
 #brick_content_toolbar > div label input {
   margin-left: 0.5em;
   display: inline-block;
-    width: 130px;
+  width: 130px;
 }
 /***********************/
 /* Brick communication */
@@ -520,12 +523,12 @@ footer {
   padding: 20px;
   background-color: #ededed;
   border: none;
-    font-weight: initial;
+  font-weight: initial;
 }
 .home .tile_communication .carousel {
   margin-bottom: 0px;
   width: 100%;
-    height: 200px;
+  height: 200px;
 }
 /**********************/
 /* Brick user profile */
@@ -541,35 +544,35 @@ footer {
   text-align: center;
   color: white;
   background-color: black;
-    opacity: 0.5;
+  opacity: 0.5;
 }
 #user-profile-wrapper .user_profile_picture .preview {
   display: inline-block;
   position: relative;
   max-width: 175px;
   max-height: 175px;
-    overflow: hidden;
+  overflow: hidden;
 }
 #user-profile-wrapper .user_profile_picture .preview img {
   max-width: 100%;
-    max-height: 100%;
+  max-height: 100%;
 }
 #user-profile-wrapper .user_profile_picture .actions {
   display: inline-block;
   vertical-align: top;
   /*middle;*/
-    margin-left: 5px;
+  margin-left: 5px;
 }
 #user-profile-wrapper .user_profile_picture .actions .btn {
   display: block;
   position: relative;
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 #user-profile-wrapper .user_profile_picture .actions .btn:last-child {
-    margin-bottom: 0px;
+  margin-bottom: 0px;
 }
 #user-profile-wrapper .user_profile_picture .actions .btn.btn_edit {
-    overflow: hidden;
+  overflow: hidden;
 }
 #user-profile-wrapper .user_profile_picture .actions .btn.btn_edit input {
   position: absolute;
@@ -578,7 +581,7 @@ footer {
   width: 100%;
   height: 100%;
   opacity: 0;
-    cursor: pointer;
+  cursor: pointer;
 }
 /****************/
 /* Brick browse */
@@ -587,51 +590,51 @@ footer {
 /****************/
 #brick_content_tree {
   position: relative;
-    margin-top: 0px;
+  margin-top: 0px;
 }
 #brick_content_tree .list-group-item {
-    padding-top: 0px;
+  padding-top: 0px;
 }
 #brick_content_tree .list-group-item > .tree-item-wrapper {
   display: block;
   padding-top: 10px;
   color: inherit;
   text-decoration: inherit;
-    cursor: pointer;
+  cursor: pointer;
 }
 .list-group-item > .list-group-item-actions {
   /*display: none; Displaying actions only when hovering was not unanimous in the team */
   position: absolute;
   top: 10px;
-    right: 10px;
+  right: 10px;
 }
 .list-group-item:hover > .list-group-item-actions, .mosaic-group-item:hover > .mosaic-group-item-actions {
-    display: block;
+  display: block;
 }
 .list-group-item .list-group-item-actions a:not(:first-child), .mosaic-group-item .mosaic-group-item-actions a:not(:first-child) {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 .list-group-item .keep-spinning {
   animation: spin 1s linear infinite;
   -webkit-animation: spin 1s linear infinite;
   -moz-animation: spin 1s linear infinite;
-    -ms-animation: spin 1s linear infinite;
+  -ms-animation: spin 1s linear infinite;
 }
 .list-group.tree .list-group-item .list-group-item-description {
   display: block;
   margin-top: 3px;
-    font-size: 0.8em;
+  font-size: 0.8em;
 }
 /* Secondary actions */
 .list-group-item-actions .group-actions-wrapper, .mosaic-group-item-actions .group-actions-wrapper, table .group-actions-wrapper {
-    text-align: center;
+  text-align: center;
 }
 table .group-actions {
-    position: relative;
+  position: relative;
 }
 .list-group-item-actions a.glyphicon-menu-hamburger, .mosaic-group-item-actions a.glyphicon-menu-hamburger, table .group-actions a.glyphicon-menu-hamburger {
   cursor: pointer;
-    text-decoration: none;
+  text-decoration: none;
 }
 .list-group-item-actions .item-action-wrapper, .mosaic-group-item-actions .item-action-wrapper, table .group-actions .item-action-wrapper {
   display: none;
@@ -641,33 +644,33 @@ table .group-actions {
   right: 15px;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
 }
 .list-group-item-actions .item-action-wrapper .glyphicon, .mosaic-group-item-actions .item-action-wrapper .glyphicon, table .group-actions .item-action-wrapper .glyphicon {
-    margin-right: 0.6em;
+  margin-right: 0.6em;
 }
 .list-group-item-actions .item-action-wrapper.collapse.in, .mosaic-group-item-actions .item-action-wrapper.collapse.in, table .group-actions .item-action-wrapper.collapse.in {
-    display: block;
+  display: block;
 }
 .list-group-item-actions .item-action-wrapper .panel-body > p, .mosaic-group-item-actions .item-action-wrapper .panel-body > p, table .group-actions .item-action-wrapper .panel-body > p {
   text-align: left;
-    white-space: nowrap;
+  white-space: nowrap;
 }
 .list-group-item-actions .item-action-wrapper .panel-body > p:last-child, .mosaic-group-item-actions .item-action-wrapper .panel-body > p:last-child, table .group-actions .item-action-wrapper .panel-body > p:last-child {
-    margin-bottom: 0px;
+  margin-bottom: 0px;
 }
 #brick_content_empty {
   display: none;
   padding: 40px;
   font-size: 1.3em;
-    font-style: italic;
+  font-style: italic;
 }
 /* Loader */
 #brick_tree_overlay, #brick_mosaic_overlay {
   display: none;
   padding: 8% 0px;
   border-radius: 0px 0px 4px 4px;
-    font-size: 1em;
+  font-size: 1em;
 }
 /****************************************************************/
 /* - Mosaic mode                                                */
@@ -684,7 +687,7 @@ table .group-actions {
 /****************************************************************/
 #brick_content_mosaic {
   position: relative;
-    padding: 10px 10px 1px 10px;
+  padding: 10px 10px 1px 10px;
 }
 /* Breadcrumb */
 #mosaic-breadcrumb {
@@ -693,24 +696,24 @@ table .group-actions {
   font-size: 12px;
   white-space: nowrap;
   overflow-x: hidden;
-    text-overflow: ellipsis;
+  text-overflow: ellipsis;
 }
 .mosaic-group {
-    display: none;
+  display: none;
 }
 /* Only the first level is showed by default */
 .mosaic-group:first-of-type {
-    display: block;
+  display: block;
 }
 .mosaic-group-back, .mosaic-group-item {
   position: relative;
   height: 55px;
   margin-bottom: 10px;
   text-align: center;
-    color: #fff;
+  color: #fff;
 }
 .mosaic-group-back {
-    font-size: 25px;
+  font-size: 25px;
 }
 .mosaic-item {
   display: table;
@@ -718,83 +721,75 @@ table .group-actions {
   height: 100%;
   overflow: hidden;
   background-color: #585653;
-    transition: all linear 0.3s;
+  transition: all linear 0.3s;
 }
 .mosaic-item, .mosaic-item:hover, .mosaic-item:active, .mosaic-item:focus, .mosaic-item:visited {
   color: #fff;
-    text-decoration: none;
+  text-decoration: none;
 }
 .mosaic-item:active {
-    background-color: #9e510f;
+  background-color: #9e510f;
 }
 .mosaic-item-image, .mosaic-item-text {
   display: table-cell;
   text-align: center;
-    vertical-align: middle;
+  vertical-align: middle;
 }
 .mosaic-item-image > img {
-    max-width: 85%;
+  max-width: 85%;
 }
 .mosaic-item-text {
   max-width: 1px;
   /* This is an arbitrary value. It is just here to make .mosaic-item-name wrap when there is a very long word in it. */
-    overflow: hidden;
+  overflow: hidden;
 }
 .mosaic-group-item > .mosaic-group-item-actions {
   position: absolute;
   top: 5px;
-    right: 5px;
+  right: 5px;
 }
 .mosaic-group-item-actions > a {
   color: #fff;
-    text-decoration: none;
+  text-decoration: none;
 }
 .mosaic-group-item-actions > a:hover, .mosaic-group-item-actions > a:focus {
-    color: #eee;
+  color: #eee;
 }
 @media (max-width: 768px) {
   /* All layouts */
   /* Layout 2 */
   /* Layout 5/7 */
-    .mosaic-group-item > .mosaic-group-item-actions {
-        top: 12px;
-        right: 6px;
-    }
-
-    .mosaic-group-item > .mosaic-group-item-actions > .glyphicon {
-        margin-top: 5px;
-    }
-
-    .mosaic-group-item-actions > a {
-        font-size: 20px;
-    }
-
-    .mosaic-item-image {
-        width: 55px;
-        padding: 10px;
-    }
-
-    .mosaic-item-image > img {
-        max-height: 30px;
-    }
-
-    .mosaic-item-name {
-        font-size: 14px;
-        max-height: 50px;
-        overflow: hidden;
-    }
-
-    .mosaic-item-description {
-        display: none;
-    }
-
-    .mosaic-item-layout-2 .mosaic-item-description {
-        display: block;
-    }
-
-    .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name {
-        padding-right: 40px;
-    }
+  .mosaic-group-item > .mosaic-group-item-actions {
+    top: 12px;
+    right: 6px;
+  }
+  .mosaic-group-item > .mosaic-group-item-actions > .glyphicon {
+    margin-top: 5px;
+  }
+  .mosaic-group-item-actions > a {
+    font-size: 20px;
+  }
+  .mosaic-item-image {
+    width: 55px;
+    padding: 10px;
+  }
+  .mosaic-item-image > img {
+    max-height: 30px;
+  }
+  .mosaic-item-name {
+    font-size: 14px;
+    max-height: 50px;
+    overflow: hidden;
+  }
+  .mosaic-item-description {
+    display: none;
+  }
+  .mosaic-item-layout-2 .mosaic-item-description {
+    display: block;
+  }
+  .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name {
+    padding-right: 40px;
+  }
 }
 @media (min-width: 768px) {
   /* All layouts */
@@ -803,110 +798,97 @@ table .group-actions {
    }*/
   /* Layout 1 */
   /* Layout 7 */
-    .mosaic-group-item {
-        display: inline-block;
-        width: 32%;
-        height: 120px;
-        margin-right: 1.95%;
-        /* We don't put 2% to keep a margin in case of a bad browser rendering */
-        word-break: break-word;
-    }
-
-    .mosaic-item {
-        padding: 10px;
-    }
-
-    .mosaic-item:hover, .mosaic-item:focus {
-        background-color: #ea7d1e;
-        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.20);
-    }
-
-    .mosaic-item-text .mosaic-item-text-wrapper {
-        max-height: 100px;
-        /* Must be .mosaic-item absolute height (in px) */
-    }
-
-    .mosaic-item-name {
-        max-height: 100%;
-        /* It's ok if description is pushed down and not visible; but we truncate before it flows out of the tile */
-        overflow: hidden;
-        font-weight: 600;
-        font-size: 12px;
-    }
-
-    .mosaic-item-description {
-        overflow: hidden;
-    }
-
-    .mosaic-item-layout-1 .mosaic-item-name {
-        font-weight: inherit;
-        font-size: 14px;
-    }
-
-    .mosaic-item-layout-7 .mosaic-item-image {
-        display: none;
-    }
-
-    .mosaic-item-layout-3 .mosaic-item-description, .mosaic-item-layout-7 .mosaic-item-description {
-        margin-top: 10px;
-        max-height: 40px;
-        font-size: 10px;
-    }
+  .mosaic-group-item {
+    display: inline-block;
+    width: 32%;
+    height: 120px;
+    margin-right: 1.95%;
+    /* We don't put 2% to keep a margin in case of a bad browser rendering */
+    word-break: break-word;
+  }
+  .mosaic-item {
+    padding: 10px;
+  }
+  .mosaic-item:hover, .mosaic-item:focus {
+    background-color: #ea7d1e;
+    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.20);
+  }
+  .mosaic-item-text .mosaic-item-text-wrapper {
+    max-height: 100px;
+    /* Must be .mosaic-item absolute height (in px) */
+  }
+  .mosaic-item-name {
+    max-height: 100%;
+    /* It's ok if description is pushed down and not visible; but we truncate before it flows out of the tile */
+    overflow: hidden;
+    font-weight: 600;
+    font-size: 12px;
+  }
+  .mosaic-item-description {
+    overflow: hidden;
+  }
+  .mosaic-item-layout-1 .mosaic-item-name {
+    font-weight: inherit;
+    font-size: 14px;
+  }
+  .mosaic-item-layout-7 .mosaic-item-image {
+    display: none;
+  }
+  .mosaic-item-layout-3 .mosaic-item-description, .mosaic-item-layout-7 .mosaic-item-description {
+    margin-top: 10px;
+    max-height: 40px;
+    font-size: 10px;
+  }
 }
 @media (min-width: 992px) {
   /* Layout 5 & 7 */
-    .mosaic-item {
-        padding: 10px 15px;
-    }
-
-    .mosaic-group-back {
-        font-size: 40px;
-    }
-
-    .mosaic-item-layout-5 .mosaic-item-image, .mosaic-item-layout-7 .mosaic-item-image {
-        display: table-cell;
-        width: 105px;
-        padding-left: 5px;
-        padding-right: 18px;
-    }
-
-    .mosaic-item-layout-5 .mosaic-item-image > img, .mosaic-item-layout-7 .mosaic-item-image > img {
-        max-width: 105px;
-        /* Equals parent element width */
-    }
-
-    .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name {
-        font-size: 12px;
-    }
+  .mosaic-item {
+    padding: 10px 15px;
+  }
+  .mosaic-group-back {
+    font-size: 40px;
+  }
+  .mosaic-item-layout-5 .mosaic-item-image, .mosaic-item-layout-7 .mosaic-item-image {
+    display: table-cell;
+    width: 105px;
+    padding-left: 5px;
+    padding-right: 18px;
+  }
+  .mosaic-item-layout-5 .mosaic-item-image > img, .mosaic-item-layout-7 .mosaic-item-image > img {
+    max-width: 105px;
+    /* Equals parent element width */
+  }
+  .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name {
+    font-size: 12px;
+  }
 }
 @media (min-width: 1200px) {
   /* All layouts */
-    .mosaic-group-item {
-        width: 24%;
-        height: 140px;
-        margin-right: 1.3%;
-    }
-
-    .mosaic-item-text .mosaic-item-text-wrapper {
-        max-height: 120px;
-        /* Must be .mosaic-item absolute height (in px) */
-        /* overflow hidden inherited */
-    }
+  .mosaic-group-item {
+    width: 24%;
+    height: 140px;
+    margin-right: 1.3%;
+  }
+  .mosaic-item-text .mosaic-item-text-wrapper {
+    max-height: 120px;
+    /* Must be .mosaic-item absolute height (in px) */
+    /* overflow hidden inherited */
+  }
 }
 /* Helper classes to remove margin depending on the screen size */
 @media (min-width: 768px) and (max-width: 992px) {
   .mosaic-group-item:nth-child(3n) {
-      margin-right: 0px;
+    margin-right: 0px;
   }
 }
 @media (min-width: 992px) and (max-width: 1200px) {
   .mosaic-group-item:nth-child(3n) {
-      margin-right: 0px;
+    margin-right: 0px;
   }
 }
 @media (min-width: 1200px) {
   .mosaic-group-item:nth-child(4n) {
-      margin-right: 0px;
+    margin-right: 0px;
   }
 }
 /****************/
@@ -916,30 +898,30 @@ table .group-actions {
 /* Filter brick */
 /****************/
 .tile.tile-filter-brick .tile_filterbox .form-group:first-child {
-    width: 100%;
+  width: 100%;
 }
 .tile.tile-filter-brick .tile_filterbox input[type="text"] {
-    width: 100%;
+  width: 100%;
 }
 @media (max-width: 768px) {
   .tile.tile-filter-brick .tile_filterbox .form-group:first-child {
-      margin-bottom: 5px;
+    margin-bottom: 5px;
   }
 }
 @media (min-width: 768px) {
   .tile.tile-filter-brick .tile_filterbox form {
-      display: table;
+    display: table;
   }
   .tile.tile-filter-brick .tile_filterbox .form-group:first-child {
-      display: table-cell;
+    display: table-cell;
   }
   .tile.tile-filter-brick .tile_filterbox button[type="submit"] {
-      margin-left: 5px;
+    margin-left: 5px;
   }
 }
 @media (min-width: 992px) {
   .tile.tile-filter-brick .tile_filterbox .form-group:first-child {
-      display: table-cell;
+    display: table-cell;
   }
 }
 /*********/
@@ -950,27 +932,27 @@ table .group-actions {
   position: relative;
   left: 3px;
   color: #ea7d1e;
-    font-size: 0.9em;
+  font-size: 0.9em;
 }
 /* ExternalKey */
 .selectobject .input-group-addon {
-    cursor: pointer;
+  cursor: pointer;
 }
 /* InlineImage */
 .inline-image {
   cursor: pointer;
-    cursor: zoom-in;
+  cursor: zoom-in;
 }
 /* CaseLog field */
 .caselog_field_entry {
   border: 1px solid #ddd;
-    border-top: none;
+  border-top: none;
 }
 .caselog_field_entry_header {
   padding: 6px;
   font-size: 1em;
   border-bottom: 1px solid #fff;
-    background-color: #f2f2f2;
+  background-color: #f2f2f2;
 }
 .caselog_field_entry_button {
   display: block;
@@ -981,89 +963,89 @@ table .group-actions {
   font-size: 16px;
   border: 1px solid #a6a6a6;
   border-bottom-color: #979797;
-    cursor: pointer;
+  cursor: pointer;
 }
 .caselog_field_entry_button:hover {
-    background-color: #ccc;
+  background-color: #ccc;
 }
 .caselog_field_entry_button:before {
-    content: "▴";
+  content: "▴";
 }
 .caselog_field_entry_button.collapsed:before {
-    content: "▾";
+  content: "▾";
 }
 .caselog_field_entry_content {
   margin: 10px;
-    overflow-x: auto;
+  overflow-x: auto;
 }
 /* LinkedSet*/
 .form_linkedset_toggler, .form_linkedset_toggler:hover, .form_linkedset_toggler:focus {
   text-decoration: none;
-    color: inherit;
+  color: inherit;
 }
 .form_linkedset_toggler > .text {
-    margin-left: 0.4em;
+  margin-left: 0.4em;
 }
 .form_linkedset_toggler > .text:before {
-    content: "(";
+  content: "(";
 }
 .form_linkedset_toggler > .text:after {
-    content: ")";
+  content: ")";
 }
 .form_linkedset_toggler > .glyphicon {
   margin-left: 0.5em;
   font-size: 0.85em;
   color: #ea7d1e;
-    transition: transform 0.2s linear;
+  transition: transform 0.2s linear;
 }
 .form_linkedset_toggler > .glyphicon.collapsed {
-    transform: rotateZ(-90deg);
+  transform: rotateZ(-90deg);
 }
 /* - DataTables : Loader */
 .form_linkedset_wrapper .datatables_overlay {
-    padding: 8px !important;
+  padding: 8px !important;
 }
 .form_linkedset_wrapper .overlay_content {
-    font-size: 0.6em;
+  font-size: 0.6em;
 }
 .form_linkedset_wrapper .content_loader {
-    margin: 0px;
+  margin: 0px;
 }
 .form_linkedset_wrapper .content_loader .icon {
-    height: 23px;
+  height: 23px;
 }
 /* - DataTables : Fit the table in the form */
 .form_linkedset_wrapper .dataTables_wrapper {
   margin-bottom: 5px;
-    padding: 0px;
+  padding: 0px;
 }
 /* FileUpload */
 .fileupload_field_content {
   padding: 8px 23px;
   border: 1px solid #ddd;
-    background-color: #f9f9f9;
+  background-color: #f9f9f9;
 }
 .fileupload_field_content > div {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 .attachments_container .attachment {
   height: 95px;
   overflow-x: hidden;
-    text-align: center;
+  text-align: center;
 }
 .attachments_container .attachment:hover {
-    background-color: #e0e0e0;
+  background-color: #e0e0e0;
 }
 .attachments_container .attachment .attachment_name {
   overflow-x: hidden;
   text-overflow: ellipsis;
-    white-space: nowrap;
+  white-space: nowrap;
 }
 .attachments_container .attachment .btn {
-    margin-top: 3px;
+  margin-top: 3px;
 }
 .upload_container input {
-    display: inline;
+  display: inline;
 }
 .upload_container .loader {
   visibility: hidden;
@@ -1072,24 +1054,24 @@ table .group-actions {
   animation: spin 1s linear infinite;
   -webkit-animation: spin 1s linear infinite;
   -moz-animation: spin 1s linear infinite;
-    -ms-animation: spin 1s linear infinite;
+  -ms-animation: spin 1s linear infinite;
 }
 #drag_overlay {
   display: block;
   top: inherit;
   bottom: 0px;
-    height: 0px;
+  height: 0px;
 }
 #drag_overlay .overlay_content {
   margin-top: 5em;
   width: 100%;
-    color: white;
+  color: white;
 }
 #drag_overlay .overlay_content .icon {
-    font-size: 3em;
+  font-size: 3em;
 }
 #drag_overlay .overlay_content .message {
-    font-size: 1.5em;
+  font-size: 1.5em;
 }
 /* Attachments drag & drop zone, only for none mobile devices */
 @media (min-width: 768px) {
@@ -1097,144 +1079,136 @@ table .group-actions {
     animation: show-drop-zone 0.3s ease-out forwards;
     -webkit-animation: show-drop-zone 0.3s ease-out forwards;
     -moz-animation: show-drop-zone 0.3s ease-out forwards;
-      -ms-animation: show-drop-zone 0.3s ease-out forwards;
+    -ms-animation: show-drop-zone 0.3s ease-out forwards;
   }
   #drag_overlay.drag_out {
     animation: hide-drop-zone 0.3s ease-out forwards;
     -webkit-animation: hide-drop-zone 0.3s ease-out forwards;
     -moz-animation: hide-drop-zone 0.3s ease-out forwards;
-      -ms-animation: hide-drop-zone 0.3s ease-out forwards;
+    -ms-animation: hide-drop-zone 0.3s ease-out forwards;
   }
-
-    @keyframes show-drop-zone {
-        100% {
-            height: 20%;
-        }
+  @keyframes show-drop-zone {
+    100% {
+      height: 20%;
     }
-    @-webkit-keyframes show-drop-zone {
-        100% {
-            height: 20%;
-        }
+  }
+  @-webkit-keyframes show-drop-zone {
+    100% {
+      height: 20%;
     }
-    @-moz-keyframes show-drop-zone {
-        100% {
-            height: 20%;
-        }
+  }
+  @-moz-keyframes show-drop-zone {
+    100% {
+      height: 20%;
     }
-    @-ms-keyframes show-drop-zone {
-        100% {
-            height: 20%;
-        }
+  }
+  @-ms-keyframes show-drop-zone {
+    100% {
+      height: 20%;
     }
-    @keyframes hide-drop-zone {
-        0% {
-            height: 20%;
-        }
-        100% {
-            height: 0%;
-        }
+  }
+  @keyframes hide-drop-zone {
+    0% {
+      height: 20%;
     }
-    @-webkit-keyframes hide-drop-zone {
-        0% {
-            height: 20%;
-        }
-        100% {
-            height: 0%;
-        }
+    100% {
+      height: 0%;
     }
-    @-moz-keyframes hide-drop-zone {
-        0% {
-            height: 20%;
-        }
-        100% {
-            height: 0%;
-        }
+  }
+  @-webkit-keyframes hide-drop-zone {
+    0% {
+      height: 20%;
     }
-    @-ms-keyframes hide-drop-zone {
-        0% {
-            height: 20%;
-        }
-        100% {
-            height: 0%;
-        }
+    100% {
+      height: 0%;
     }
+  }
+  @-moz-keyframes hide-drop-zone {
+    0% {
+      height: 20%;
+    }
+    100% {
+      height: 0%;
+    }
+  }
+  @-ms-keyframes hide-drop-zone {
+    0% {
+      height: 20%;
+    }
+    100% {
+      height: 0%;
+    }
+  }
 }
 /* BlobField */
 .form_fields .file_open_link {
-    margin-left: 10px;
+  margin-left: 10px;
 }
 .form_field .form-control-static img {
   max-width: 100% !important;
-    height: initial !important;
+  height: initial !important;
 }
 .form_buttons {
   padding-top: 20px;
-    text-align: center;
+  text-align: center;
 }
 .form_buttons .form_btn_misc {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 .form_buttons .form_btn_transitions {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 .form_buttons .btn .glyphicon {
-    margin-right: 0.5em;
+  margin-right: 0.5em;
 }
 .form_btn_regular.sticky {
-    display: none;
+  display: none;
 }
 @media (min-width: 768px) {
   /* Making regular button sticky */
-    .form_buttons .form_btn_misc {
-        float: left !important;
-    }
-
-    .form_buttons .form_btn_transitions {
-        float: right !important;
-        margin-left: 3px;
-    }
-
-    .form_buttons .form_btn_regular {
-        text-align: right;
-    }
-
-    .form_buttons .form_btn_regular btn {
-        width: inherit;
-    }
-
-    .form_btn_regular.sticky {
-        display: block;
-        position: fixed;
-        bottom: 5em;
-        right: -2px;
-        /* TODO : SASS this to col-xs-12 padding */
-        padding: 15px;
-        background-color: #fff;
-        border: 1px solid #ddd;
-        border-radius: 0px;
-        transition: right 0.3s;
-    }
-
-    .form_btn_regular.sticky.closed {
-        right: -75px;
-    }
-
-    .form_btn_regular.sticky button {
-        display: block;
-    }
-
-    .form_btn_regular.sticky button:first-child {
-        margin-bottom: 4px;
-    }
+  .form_buttons .form_btn_misc {
+    float: left !important;
+  }
+  .form_buttons .form_btn_transitions {
+    float: right !important;
+    margin-left: 3px;
+  }
+  .form_buttons .form_btn_regular {
+    text-align: right;
+  }
+  .form_buttons .form_btn_regular btn {
+    width: inherit;
+  }
+  .form_btn_regular.sticky {
+    display: block;
+    position: fixed;
+    bottom: 5em;
+    right: -2px;
+    /* TODO : SASS this to col-xs-12 padding */
+    padding: 15px;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-radius: 0px;
+    transition: right 0.3s;
+  }
+  .form_btn_regular.sticky.closed {
+    right: -75px;
+  }
+  .form_btn_regular.sticky button {
+    display: block;
+  }
+  .form_btn_regular.sticky button:first-child {
+    margin-bottom: 4px;
+  }
 }
 /* CKEditor : Adding BS error feedback */
 .form_field div.cke {
-    border: 1px solid #ddd;
+  border: 1px solid #ddd;
 }
 .form_field.has-error div.cke {
   border: 1px solid #b94a48;
   border-radius: 0px;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 /* CKEditor : Styling notifications based on BS alerts */
 .cke_notification {
@@ -1243,40 +1217,40 @@ table .group-actions {
   margin-bottom: 18px;
   border: 1px solid transparent;
   border-radius: 4px;
-    background-color: #fff;
+  background-color: #fff;
 }
 .cke_notification_close {
   position: absolute;
   top: 2px;
-    right: 5px;
+  right: 5px;
 }
 .cke_notification_message {
   margin-bottom: 0px;
   line-height: 1em;
-    font-size: 1em;
+  font-size: 1em;
 }
 .cke_notification_success {
   display: none;
   background-color: #dff0d8;
   border-color: #d6e9c6;
-    color: #468847;
+  color: #468847;
 }
 .cke_notification_warning {
   background-color: #fcf8e3;
   border-color: #fbeed5;
-    color: #c09853;
+  color: #c09853;
 }
 /* CKEditor : Misc */
 .cke_toolbox_collapser, .cke_toolbox_collapser .cke_arrow {
-    cursor: pointer !important;
+  cursor: pointer !important;
 }
 /* DataTables : Selection inputs */
 .dataTable.table th span.row_input, .dataTable.table td span.row_input {
   display: inline-block;
   width: 100%;
-    text-align: center;
+  text-align: center;
 }
 /* Wiki text (hyperlinks) */
 .wiki_broken_link {
-    text-decoration: line-through;
+  text-decoration: line-through;
 }
diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
index 1369d7d761..cb9d008617 100644
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
@@ -413,6 +413,10 @@ footer{
 	text-align: right;
 }
 
+.home div.tile-chart > a > div {
+	padding: 0.25em;
+}
+
 
 @media (min-width: 768px) {
 	.home .tile{