diff -r 024b6541567a -r 36ff0ccd4253 src/pyams_portal/resources/css/portal.css
--- a/src/pyams_portal/resources/css/portal.css	Fri Oct 18 16:55:07 2019 +0200
+++ b/src/pyams_portal/resources/css/portal.css	Wed Sep 02 17:16:04 2020 +0200
@@ -29,7 +29,7 @@
   margin: 0;
   border: 1px solid rgba(51, 122, 183, 0.6);
   border-bottom-width: 5px;
-  min-height: 20px!important;
+  min-height: 20px !important;
 }
 #portal_config .row .slot > .header {
   margin: 1px;
@@ -40,7 +40,7 @@
   margin: 1px;
   padding: 0;
   border: 1px solid rgba(98, 120, 128, 0.5);
-  min-height: 20px!important;
+  min-height: 20px !important;
 }
 #portal_config .row .portlet > .header {
   background-color: rgba(92, 109, 128, 0.5);
@@ -56,8 +56,8 @@
 }
 #portal_config .slot-highlight {
   margin: 3px 0;
-  border: 1px solid #7b939c!important;
-  background-color: #a4c3ce!important;
+  border: 1px solid #7b939c !important;
+  background-color: #a4c3ce !important;
   min-height: 40px;
 }
 #portal_config .portlets {
@@ -84,72 +84,491 @@
 #portal_config .wrapper-imagemap svg {
   width: 100%;
 }
-#portal_config.container .col-12 {
+#portal_config.container .slot.col-12 {
   float: left;
-  width: 100%!important;
+  width: 100% !important;
 }
-#portal_config.container .col-11 {
+#portal_config.container .slot.col-11 {
   float: left;
-  width: 91.66666667%!important;
+  width: 91.66666667% !important;
 }
-#portal_config.container .col-10 {
+#portal_config.container .slot.col-10 {
   float: left;
-  width: 83.33333333%!important;
+  width: 83.33333333% !important;
 }
-#portal_config.container .col-9 {
+#portal_config.container .slot.col-9 {
   float: left;
-  width: 75%!important;
+  width: 75% !important;
 }
-#portal_config.container .col-8 {
+#portal_config.container .slot.col-8 {
   float: left;
-  width: 66.66666667%!important;
+  width: 66.66666667% !important;
 }
-#portal_config.container .col-7 {
+#portal_config.container .slot.col-7 {
   float: left;
-  width: 58.33333333%!important;
+  width: 58.33333333% !important;
 }
-#portal_config.container .col-6 {
+#portal_config.container .slot.col-6 {
   float: left;
-  width: 50%!important;
+  width: 50% !important;
 }
-#portal_config.container .col-5 {
+#portal_config.container .slot.col-5 {
   float: left;
-  width: 41.66666667%!important;
+  width: 41.66666667% !important;
 }
-#portal_config.container .col-4 {
+#portal_config.container .slot.col-4 {
   float: left;
-  width: 33.33333333%!important;
+  width: 33.33333333% !important;
 }
-#portal_config.container .col-3 {
+#portal_config.container .slot.col-3 {
   float: left;
-  width: 25%!important;
+  width: 25% !important;
 }
-#portal_config.container .col-2 {
+#portal_config.container .slot.col-2 {
   float: left;
-  width: 16.66666667%!important;
+  width: 16.66666667% !important;
 }
-#portal_config.container .col-1 {
+#portal_config.container .slot.col-1 {
   float: left;
-  width: 8.33333333%!important;
+  width: 8.33333333% !important;
 }
-#portal_config.container .col-0 {
+#portal_config.container .slot.col-0 {
   float: left;
-  width: 100%!important;
+  width: 100% !important;
   opacity: 0.5;
 }
-#portal_config.container .col-0 > .portlets {
+#portal_config.container .slot.col-0 > .portlets {
   display: none;
 }
+@media (max-width: 767px) {
+  #portal_config.container .slot.col-xs-12 {
+    width: 100% !important;
+  }
+  #portal_config.container .slot.col-xs-11 {
+    width: 91.66666667% !important;
+  }
+  #portal_config.container .slot.col-xs-10 {
+    width: 83.33333333% !important;
+  }
+  #portal_config.container .slot.col-xs-9 {
+    width: 75% !important;
+  }
+  #portal_config.container .slot.col-xs-8 {
+    width: 66.66666667% !important;
+  }
+  #portal_config.container .slot.col-xs-7 {
+    width: 58.33333333% !important;
+  }
+  #portal_config.container .slot.col-xs-6 {
+    width: 50% !important;
+  }
+  #portal_config.container .slot.col-xs-5 {
+    width: 41.66666667% !important;
+  }
+  #portal_config.container .slot.col-xs-4 {
+    width: 33.33333333% !important;
+  }
+  #portal_config.container .slot.col-xs-3 {
+    width: 25% !important;
+  }
+  #portal_config.container .slot.col-xs-2 {
+    width: 16.66666667% !important;
+  }
+  #portal_config.container .slot.col-xs-1 {
+    width: 8.33333333% !important;
+  }
+  #portal_config.container .slot.col-xs-0 {
+    width: 0 !important;
+  }
+}
+@media (min-width: 768px) {
+  #portal_config.container .slot.col-sm-12,
+  #portal_config.container .slot.col-md-12,
+  #portal_config.container .slot.col-lg-12 {
+    width: 100% !important;
+  }
+  #portal_config.container .slot.col-sm-11,
+  #portal_config.container .slot.col-md-11,
+  #portal_config.container .slot.col-lg-11 {
+    width: 91.66666667% !important;
+  }
+  #portal_config.container .slot.col-sm-10,
+  #portal_config.container .slot.col-md-10,
+  #portal_config.container .slot.col-lg-10 {
+    width: 83.33333333% !important;
+  }
+  #portal_config.container .slot.col-sm-9,
+  #portal_config.container .slot.col-md-9,
+  #portal_config.container .slot.col-lg-9 {
+    width: 75% !important;
+  }
+  #portal_config.container .slot.col-sm-8,
+  #portal_config.container .slot.col-md-8,
+  #portal_config.container .slot.col-lg-8 {
+    width: 66.66666667% !important;
+  }
+  #portal_config.container .slot.col-sm-7,
+  #portal_config.container .slot.col-md-7,
+  #portal_config.container .slot.col-lg-7 {
+    width: 58.33333333% !important;
+  }
+  #portal_config.container .slot.col-sm-6,
+  #portal_config.container .slot.col-md-6,
+  #portal_config.container .slot.col-lg-6 {
+    width: 50% !important;
+  }
+  #portal_config.container .slot.col-sm-5,
+  #portal_config.container .slot.col-md-5,
+  #portal_config.container .slot.col-lg-5 {
+    width: 41.66666667% !important;
+  }
+  #portal_config.container .slot.col-sm-4,
+  #portal_config.container .slot.col-md-4,
+  #portal_config.container .slot.col-lg-4 {
+    width: 33.33333333% !important;
+  }
+  #portal_config.container .slot.col-sm-3,
+  #portal_config.container .slot.col-md-3,
+  #portal_config.container .slot.col-lg-3 {
+    width: 25% !important;
+  }
+  #portal_config.container .slot.col-sm-2,
+  #portal_config.container .slot.col-md-2,
+  #portal_config.container .slot.col-lg-2 {
+    width: 16.66666667% !important;
+  }
+  #portal_config.container .slot.col-sm-1,
+  #portal_config.container .slot.col-md-1,
+  #portal_config.container .slot.col-lg-1 {
+    width: 8.33333333% !important;
+  }
+  #portal_config.container .slot.col-sm-0,
+  #portal_config.container .slot.col-md-0,
+  #portal_config.container .slot.col-lg-0 {
+    width: 0 !important;
+  }
+}
+@media (min-width: 992px) {
+  #portal_config.container .slot.col-md-12,
+  #portal_config.container .slot.col-lg-12 {
+    width: 100% !important;
+  }
+  #portal_config.container .slot.col-md-11,
+  #portal_config.container .slot.col-lg-11 {
+    width: 91.66666667% !important;
+  }
+  #portal_config.container .slot.col-md-10,
+  #portal_config.container .slot.col-lg-10 {
+    width: 83.33333333% !important;
+  }
+  #portal_config.container .slot.col-md-9,
+  #portal_config.container .slot.col-lg-9 {
+    width: 75% !important;
+  }
+  #portal_config.container .slot.col-md-8,
+  #portal_config.container .slot.col-lg-8 {
+    width: 66.66666667% !important;
+  }
+  #portal_config.container .slot.col-md-7,
+  #portal_config.container .slot.col-lg-7 {
+    width: 58.33333333% !important;
+  }
+  #portal_config.container .slot.col-md-6,
+  #portal_config.container .slot.col-lg-6 {
+    width: 50% !important;
+  }
+  #portal_config.container .slot.col-md-5,
+  #portal_config.container .slot.col-lg-5 {
+    width: 41.66666667% !important;
+  }
+  #portal_config.container .slot.col-md-4,
+  #portal_config.container .slot.col-lg-4 {
+    width: 33.33333333% !important;
+  }
+  #portal_config.container .slot.col-md-3,
+  #portal_config.container .slot.col-lg-3 {
+    width: 25% !important;
+  }
+  #portal_config.container .slot.col-md-2,
+  #portal_config.container .slot.col-lg-2 {
+    width: 16.66666667% !important;
+  }
+  #portal_config.container .slot.col-md-1,
+  #portal_config.container .slot.col-lg-1 {
+    width: 8.33333333% !important;
+  }
+  #portal_config.container .slot.col-md-0,
+  #portal_config.container .slot.col-lg-0 {
+    width: 0 !important;
+  }
+}
+@media (min-width: 1200px) {
+  #portal_config.container .slot.col-lg-12 {
+    width: 100% !important;
+  }
+  #portal_config.container .slot.col-lg-11 {
+    width: 91.66666667% !important;
+  }
+  #portal_config.container .slot.col-lg-10 {
+    width: 83.33333333% !important;
+  }
+  #portal_config.container .slot.col-lg-9 {
+    width: 75% !important;
+  }
+  #portal_config.container .slot.col-lg-8 {
+    width: 66.66666667% !important;
+  }
+  #portal_config.container .slot.col-lg-7 {
+    width: 58.33333333% !important;
+  }
+  #portal_config.container .slot.col-lg-6 {
+    width: 50% !important;
+  }
+  #portal_config.container .slot.col-lg-5 {
+    width: 41.66666667% !important;
+  }
+  #portal_config.container .slot.col-lg-4 {
+    width: 33.33333333% !important;
+  }
+  #portal_config.container .slot.col-lg-3 {
+    width: 25% !important;
+  }
+  #portal_config.container .slot.col-lg-2 {
+    width: 16.66666667% !important;
+  }
+  #portal_config.container .slot.col-lg-1 {
+    width: 8.33333333% !important;
+  }
+  #portal_config.container .slot.col-lg-0 {
+    width: 0 !important;
+  }
+}
 #portal_config.container-xs {
-  max-width: 750px!important;
+  max-width: 750px !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-11 {
+  margin-left: 91.66666667% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-10 {
+  margin-left: 83.33333333% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-9 {
+  margin-left: 75% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-8 {
+  margin-left: 66.66666667% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-7 {
+  margin-left: 58.33333333% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-6 {
+  margin-left: 50% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-5 {
+  margin-left: 41.66666667% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-4 {
+  margin-left: 33.33333333% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-3 {
+  margin-left: 25% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-2 {
+  margin-left: 16.66666667% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-1 {
+  margin-left: 8.33333333% !important;
+}
+#portal_config.container-xs .slot.col-xs-offset-0 {
+  margin-left: 0 !important;
 }
 #portal_config.container-sm {
-  width: 750px!important;
+  width: 750px !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-11,
+#portal_config.container-sm .slot.col-sm-offset-11 {
+  margin-left: 91.66666667% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-10,
+#portal_config.container-sm .slot.col-sm-offset-10 {
+  margin-left: 83.33333333% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-9,
+#portal_config.container-sm .slot.col-sm-offset-9 {
+  margin-left: 75% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-8,
+#portal_config.container-sm .slot.col-sm-offset-8 {
+  margin-left: 66.66666667% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-7,
+#portal_config.container-sm .slot.col-sm-offset-7 {
+  margin-left: 58.33333333% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-6,
+#portal_config.container-sm .slot.col-sm-offset-6 {
+  margin-left: 50% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-5,
+#portal_config.container-sm .slot.col-sm-offset-5 {
+  margin-left: 41.66666667% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-4,
+#portal_config.container-sm .slot.col-sm-offset-4 {
+  margin-left: 33.33333333% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-3,
+#portal_config.container-sm .slot.col-sm-offset-3 {
+  margin-left: 25% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-2,
+#portal_config.container-sm .slot.col-sm-offset-2 {
+  margin-left: 16.66666667% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-1,
+#portal_config.container-sm .slot.col-sm-offset-1 {
+  margin-left: 8.33333333% !important;
+}
+#portal_config.container-sm .slot.col-xs-offset-0,
+#portal_config.container-sm .slot.col-sm-offset-0 {
+  margin-left: 0 !important;
 }
 #portal_config.container-md {
-  width: 970px!important;
+  width: 970px !important;
+}
+#portal_config.container-md .slot.col-xs-offset-11,
+#portal_config.container-md .slot.col-sm-offset-11,
+#portal_config.container-md .slot.col-md-offset-11 {
+  margin-left: 91.66666667% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-10,
+#portal_config.container-md .slot.col-sm-offset-10,
+#portal_config.container-md .slot.col-md-offset-10 {
+  margin-left: 83.33333333% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-9,
+#portal_config.container-md .slot.col-sm-offset-9,
+#portal_config.container-md .slot.col-md-offset-9 {
+  margin-left: 75% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-8,
+#portal_config.container-md .slot.col-sm-offset-8,
+#portal_config.container-md .slot.col-md-offset-8 {
+  margin-left: 66.66666667% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-7,
+#portal_config.container-md .slot.col-sm-offset-7,
+#portal_config.container-md .slot.col-md-offset-7 {
+  margin-left: 58.33333333% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-6,
+#portal_config.container-md .slot.col-sm-offset-6,
+#portal_config.container-md .slot.col-md-offset-6 {
+  margin-left: 50% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-5,
+#portal_config.container-md .slot.col-sm-offset-5,
+#portal_config.container-md .slot.col-md-offset-5 {
+  margin-left: 41.66666667% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-4,
+#portal_config.container-md .slot.col-sm-offset-4,
+#portal_config.container-md .slot.col-md-offset-4 {
+  margin-left: 33.33333333% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-3,
+#portal_config.container-md .slot.col-sm-offset-3,
+#portal_config.container-md .slot.col-md-offset-3 {
+  margin-left: 25% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-2,
+#portal_config.container-md .slot.col-sm-offset-2,
+#portal_config.container-md .slot.col-md-offset-2 {
+  margin-left: 16.66666667% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-1,
+#portal_config.container-md .slot.col-sm-offset-1,
+#portal_config.container-md .slot.col-md-offset-1 {
+  margin-left: 8.33333333% !important;
+}
+#portal_config.container-md .slot.col-xs-offset-0,
+#portal_config.container-md .slot.col-sm-offset-0,
+#portal_config.container-md .slot.col-md-offset-0 {
+  margin-left: 0 !important;
 }
 #portal_config.container-lg {
-  width: 1170px!important;
+  width: 1170px !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-11,
+#portal_config.container-lg .slot.col-sm-offset-11,
+#portal_config.container-lg .slot.col-md-offset-11,
+#portal_config.container-lg .slot.col-lg-offset-11 {
+  margin-left: 91.66666667% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-10,
+#portal_config.container-lg .slot.col-sm-offset-10,
+#portal_config.container-lg .slot.col-md-offset-10,
+#portal_config.container-lg .slot.col-lg-offset-10 {
+  margin-left: 83.33333333% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-9,
+#portal_config.container-lg .slot.col-sm-offset-9,
+#portal_config.container-lg .slot.col-md-offset-9,
+#portal_config.container-lg .slot.col-lg-offset-9 {
+  margin-left: 75% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-8,
+#portal_config.container-lg .slot.col-sm-offset-8,
+#portal_config.container-lg .slot.col-md-offset-8,
+#portal_config.container-lg .slot.col-lg-offset-8 {
+  margin-left: 66.66666667% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-7,
+#portal_config.container-lg .slot.col-sm-offset-7,
+#portal_config.container-lg .slot.col-md-offset-7,
+#portal_config.container-lg .slot.col-lg-offset-7 {
+  margin-left: 58.33333333% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-6,
+#portal_config.container-lg .slot.col-sm-offset-6,
+#portal_config.container-lg .slot.col-md-offset-6,
+#portal_config.container-lg .slot.col-lg-offset-6 {
+  margin-left: 50% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-5,
+#portal_config.container-lg .slot.col-sm-offset-5,
+#portal_config.container-lg .slot.col-md-offset-5,
+#portal_config.container-lg .slot.col-lg-offset-5 {
+  margin-left: 41.66666667% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-4,
+#portal_config.container-lg .slot.col-sm-offset-4,
+#portal_config.container-lg .slot.col-md-offset-4,
+#portal_config.container-lg .slot.col-lg-offset-4 {
+  margin-left: 33.33333333% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-3,
+#portal_config.container-lg .slot.col-sm-offset-3,
+#portal_config.container-lg .slot.col-md-offset-3,
+#portal_config.container-lg .slot.col-lg-offset-3 {
+  margin-left: 25% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-2,
+#portal_config.container-lg .slot.col-sm-offset-2,
+#portal_config.container-lg .slot.col-md-offset-2,
+#portal_config.container-lg .slot.col-lg-offset-2 {
+  margin-left: 16.66666667% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-1,
+#portal_config.container-lg .slot.col-sm-offset-1,
+#portal_config.container-lg .slot.col-md-offset-1,
+#portal_config.container-lg .slot.col-lg-offset-1 {
+  margin-left: 8.33333333% !important;
+}
+#portal_config.container-lg .slot.col-xs-offset-0,
+#portal_config.container-lg .slot.col-sm-offset-0,
+#portal_config.container-lg .slot.col-md-offset-0,
+#portal_config.container-lg .slot.col-lg-offset-0 {
+  margin-left: 0 !important;
 }
 /*# sourceMappingURL=portal.css.map */
\ No newline at end of file