diff --git a/api/src/Framework/Login.php b/api/src/Framework/Login.php
index ba05dca73a..173bb942d4 100644
--- a/api/src/Framework/Login.php
+++ b/api/src/Framework/Login.php
@@ -280,6 +280,7 @@ class Login
 		}
 		$tmpl->set_var('autocomplete', ($GLOBALS['egw_info']['server']['autocomplete_login'] ? 'autocomplete="off"' : ''));
 
+		$tmpl->set_var('footer_apps', self::get_apps_node());
 		if (Api\Header\UserAgent::type() == 'msie' && Api\Header\UserAgent::version() < 12)
 		{
 			$tmpl->set_var('cd', lang('Browser %1 %2 is not recommended. You may experience issues and not working features. Please use the latest version of Chrome, Firefox or Edge. Thank You!',Api\Header\UserAgent::type(), Api\Header\UserAgent::version()));
@@ -297,6 +298,27 @@ class Login
 		$this->framework->render($tmpl->fp('loginout','login_form'),false,false);
 	}
 
+	/**
+	 * Build dom nodes for login applications footer banner
+	 * @return string
+	 */
+	static function get_apps_node()
+	{
+		$object = json_decode(file_get_contents('https://laklak.egroupware.org/egroupware/login_feed.json'), true);
+		$apps = []; //TODO: set what we want to dispaly for instances with no access to outside
+		$nodes = '';
+		if (is_array($object))
+		{
+			$apps = (is_array($object['apps'])) ? $object['apps'] : $apps;
+		}
+		foreach ($apps as $app)
+		{
+			$nodes .= '<a class="app" href="'.htmlspecialchars($app['url']).'" title="'.htmlspecialchars(lang($app['title'])).'">'
+				.'<img src="'.htmlspecialchars($app['icon']).'"/><span>'.htmlspecialchars($app['desc']).'</span></a>';
+		}
+		return $nodes;
+	}
+
 	/**
 	 * Function to pick login background from given values. It picks them randomly
 	 * if there's more than one image in the list.
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 0a37904ff4..d5e27f74c3 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1924,17 +1924,19 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  position: absolute;
-  bottom: 10px;
   display: inline-block;
-  left: 0;
-  width: 27%;
+  width: 100%;
 }
-#socialMedia a {
+#socialBox #socialMedia {
+  margin: 0 auto;
+  width: 200px;
+}
+#socialBox #socialMedia a {
   margin-left: 10px;
 }
-#socialMedia a img {
+#socialBox #socialMedia a img {
   width: 24px;
+  filter: contrast(0.6);
 }
 /* ##################################################################################
  *       login page
@@ -2028,15 +2030,29 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   bottom: 0;
   display: inline-block;
   right: 0;
-  width: 22%;
-}
-#loginMainDiv div#login_footer a.logo_footer {
-  float: right;
-  margin: 10px;
-}
-#loginMainDiv div#login_footer a.logo_footer img {
+  width: 100%;
   height: 40px;
-  width: 40px;
+  background: #1865aa;
+}
+#loginMainDiv div#login_footer .apps {
+  width: 50%;
+  margin: auto;
+  display: flex;
+  overflow: hidden;
+}
+#loginMainDiv div#login_footer .apps .app {
+  width: 30px;
+  height: 30px;
+  margin: 5px 20px auto 20px;
+  display: flex;
+}
+#loginMainDiv div#login_footer .apps .app img {
+  width: 30px;
+  filter: brightness(0) invert(1);
+  height: 30px;
+}
+#loginMainDiv div#login_footer .apps .app span {
+  display: none;
 }
 #loginMainDiv div#centerBox {
   margin: 0 auto -20px;
@@ -2046,10 +2062,25 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   padding: 0;
   width: 280px;
 }
+#loginMainDiv div#centerBox .egw_logo {
+  width: 100%;
+  height: 24px;
+  margin: 15px auto;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer {
+  margin: auto;
+  width: 24px;
+  display: block;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer img {
+  height: 24px;
+  width: 24px;
+}
 #loginMainDiv div#centerBox form {
   opacity: 0.94;
   background-color: white;
   padding: 1em;
+  border: 1px solid #cdcdce;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index d76727cd2f..77ef1be6ac 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -114,7 +114,7 @@
   }
   html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
   html[data-darkmode='1'] #mail_sidebox_header {
-    border-color: #5db9ec!important;
+    border-color: #5db9ec !important;
   }
   html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
     border-top-color: #5db9ec !important;
@@ -1495,20 +1495,20 @@ span.ui-icon-search {
   box-shadow: -2px 1px 9px 3px #B4B4B4;
 }
 .ui-dialog .ui-dialog-buttonpane {
-  padding-left: .8em;
-  padding-right: .8em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
   padding-top: 0.7em;
 }
 .ui-dialog .ui-dialog-titlebar {
-  padding-left: .8em;
-  padding-right: .8em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
   font-size: 12pt;
   border: none;
   font-weight: normal;
   background: white;
 }
 .ui-dialog .ui-dialog-titlebar-close {
-  right: .8em;
+  right: 0.8em;
 }
 .ui-widget-content {
   border: 1px solid #B4B4B4;
@@ -1904,17 +1904,19 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  position: absolute;
-  bottom: 10px;
   display: inline-block;
-  left: 0;
-  width: 27%;
+  width: 100%;
 }
-#socialMedia a {
+#socialBox #socialMedia {
+  margin: 0 auto;
+  width: 200px;
+}
+#socialBox #socialMedia a {
   margin-left: 10px;
 }
-#socialMedia a img {
+#socialBox #socialMedia a img {
   width: 24px;
+  filter: contrast(0.6);
 }
 /* ##################################################################################
  *       login page
@@ -2008,15 +2010,29 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   bottom: 0;
   display: inline-block;
   right: 0;
-  width: 22%;
-}
-#loginMainDiv div#login_footer a.logo_footer {
-  float: right;
-  margin: 10px;
-}
-#loginMainDiv div#login_footer a.logo_footer img {
+  width: 100%;
   height: 40px;
-  width: 40px;
+  background: #1865aa;
+}
+#loginMainDiv div#login_footer .apps {
+  width: 50%;
+  margin: auto;
+  display: flex;
+  overflow: hidden;
+}
+#loginMainDiv div#login_footer .apps .app {
+  width: 30px;
+  height: 30px;
+  margin: 5px 20px auto 20px;
+  display: flex;
+}
+#loginMainDiv div#login_footer .apps .app img {
+  width: 30px;
+  filter: brightness(0) invert(1);
+  height: 30px;
+}
+#loginMainDiv div#login_footer .apps .app span {
+  display: none;
 }
 #loginMainDiv div#centerBox {
   margin: 0 auto -20px;
@@ -2026,10 +2042,25 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   padding: 0;
   width: 280px;
 }
+#loginMainDiv div#centerBox .egw_logo {
+  width: 100%;
+  height: 24px;
+  margin: 15px auto;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer {
+  margin: auto;
+  width: 24px;
+  display: block;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer img {
+  height: 24px;
+  width: 24px;
+}
 #loginMainDiv div#centerBox form {
   opacity: 0.94;
   background-color: white;
   padding: 1em;
+  border: 1px solid #cdcdce;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;
@@ -6316,7 +6347,7 @@ a.textSidebox {
   }
 }
 .egw-loading-prompt-container::before {
-  opacity: .3;
+  opacity: 0.3;
   content: "";
   background-color: #aaaaaa;
   width: 100%;
@@ -6395,7 +6426,7 @@ a.textSidebox {
   z-index: 999;
   width: 100px;
   border-radius: 5px;
-  border: solid 10px  #679FD2;
+  border: solid 10px #679FD2;
   transform: translate(-50%, -50%);
 }
 /**
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 67fb8ae939..f96f957212 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -124,7 +124,7 @@
   }
   html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
   html[data-darkmode='1'] #mail_sidebox_header {
-    border-color: #5db9ec!important;
+    border-color: #5db9ec !important;
   }
   html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
     border-top-color: #5db9ec !important;
@@ -229,7 +229,7 @@
     display: inline-block;
     /*border: 1px solid cornflowerblue;*/
     border: 1px solid rgba(0, 0, 0, 0.15);
-    background-color: #e6e6e6;
+    background-color: #E6E6E6;
   }
   .et2_placeholder .et2_attr {
     color: #000000;
@@ -238,7 +238,7 @@
  * Label widget, and labels for other widgets
  */
   .et2_label {
-    color: #1e1e1e;
+    color: #1E1E1E;
     white-space: pre-wrap;
   }
   /**
@@ -285,7 +285,7 @@
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
-    background-color: #e6e6e6;
+    background-color: #E6E6E6;
   }
   .et2_button_icon {
     height: 16px;
@@ -294,13 +294,13 @@
   /* give the image a button lock and feel*/
   img.et2_button_icon[src*="svg"] {
     background-color: #b4b4b4;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-    background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
-    background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
-    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
-    background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
-    background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+    background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
+    background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
+    background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
+    background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
+    background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
     background-repeat: repeat-x;
   }
   img.et2_button_icon[src*="svg"]:hover {
@@ -344,13 +344,13 @@
     min-width: 21.5ex;
   }
   span.et2_date span {
-    color: #ffffff;
+    color: #FFFFFF;
   }
   span.et2_date_duration {
-    border: 1px solid #e6e6e6;
+    border: 1px solid #E6E6E6;
   }
   span.et2_date_duration :not(input:first-child) {
-    border-left: 1px solid #f2f2f2;
+    border-left: 1px solid #F2F2F2;
   }
   .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
     background-image: url(../images/bullet.svg);
@@ -384,20 +384,20 @@
     background-image: url("../images/delete.svg");
   }
   .et2_file .progress p {
-    background-color: #ffdd73;
+    background-color: #FFDD73;
   }
   span.et2_file_span {
     background-image: url(../images/attach.svg);
   }
   span.et2_file_span img[url*="svg"] {
     background-color: #b4b4b4 !important;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
-    background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
-    background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)) !important;
-    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
-    background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4) !important;
-    background-image: linear-gradient(top, #b4b4b4, #b4b4b4) !important;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important;
+    background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+    background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important;
+    background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+    background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important;
+    background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important;
     background-repeat: repeat-x !important;
     fill: red !important;
   }
@@ -408,7 +408,7 @@
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;
   }
   div.et2_file input.et2_file_upload {
-    background-color: #ffffff !important;
+    background-color: #FFFFFF !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -426,25 +426,25 @@
   }
   /* Gantt widget */
   .et2_gantt .gantt_task_line {
-    background-color: #679fd2;
+    background-color: #679FD2;
   }
   .et2_gantt .gantt_task_line .gantt_task_content {
-    color: #043a6b;
+    color: #043A6B;
   }
   .et2_gantt .gantt_task_line .gantt_selected {
     background-color: rgba(255, 194, 0, 0.01);
   }
   .et2_gantt .gantt_task_line .gantt_task_progress {
-    color: #043a6b;
-    background-color: #ffdd73;
+    color: #043A6B;
+    background-color: #FFDD73;
     /* outline progress in a complementary color */
-    border: 1px solid #bf9d30;
+    border: 1px solid #BF9D30;
     border-right: none;
     margin: -1px;
   }
   .et2_gantt .gantt_task_line.gantt_milestone {
     background-color: #ffc200;
-    border-color: #bf9d30;
+    border-color: #BF9D30;
   }
   .et2_gantt .gantt_task_link .gantt_line_wrapper div {
     background-color: green;
@@ -459,16 +459,16 @@
     box-shadow: 0 0 5px 0 green;
   }
   .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div {
-    background-color: #ae1d00;
+    background-color: #AE1D00;
   }
   .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left {
-    border-right-color: #ae1d00;
+    border-right-color: #AE1D00;
   }
   .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right {
-    border-left-color: #ae1d00;
+    border-left-color: #AE1D00;
   }
   .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div {
-    box-shadow: 0 0 5px 0 #ae1d00;
+    box-shadow: 0 0 5px 0 #AE1D00;
   }
   /*
         Link to / Selector Widget
@@ -502,7 +502,7 @@
     background-size: contain;
   }
   .et2_link {
-    color: #0c5da5;
+    color: #0C5DA5;
   }
   .et2_link_list tr {
     cursor: pointer;
@@ -600,7 +600,7 @@
 */
   .et2_required,
   [required] {
-    background-color: #ffdd73;
+    background-color: #FFDD73;
     -webkit-border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
@@ -619,7 +619,7 @@
  * hrule widget
  */
   hr {
-    border-top: 1px solid #e6e6e6;
+    border-top: 1px solid #E6E6E6;
   }
   /**
  * grid widget
@@ -670,7 +670,7 @@
     background-color: transparent;
   }
   .et2_nextmatch .egwGridView_outer thead tr > th:first-child {
-    border-left: 6px solid #b4b4b4;
+    border-left: 6px solid #B4B4B4;
   }
   .et2_nextmatch .nextmatch_header {
     padding: 0;
@@ -689,7 +689,7 @@
 ################################################################*/
   .nextmatch_header_row .et2_label select {
     margin-left: 3px;
-    border-color: #cdcdcd;
+    border-color: #CDCDCD;
   }
   .nextmatch_header_row > .filters {
     /*width: 83%;*/
@@ -738,7 +738,7 @@
     margin-right: 2ex;
     width: 15%;
     border: 1px solid rgba(0, 0, 0, 0.15);
-    border-color: #b4b4b4;
+    border-color: #B4B4B4;
     -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -757,7 +757,7 @@
     outline: 0;
     border-width: 1px;
     border-style: solid;
-    border-color: #b4b4b4;
+    border-color: #B4B4B4;
     -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
@@ -846,7 +846,7 @@
     vertical-align: middle;
     margin-right: -2px;
     padding: 0px 1ex;
-    background-color: #ffffff;
+    background-color: #FFFFFF;
     background-image: none;
   }
   .et2_dropdown button img {
@@ -883,7 +883,7 @@
     background-color: #b3e4a6;
   }
   .et2_dropdown button.ui-state-hover {
-    background-color: #e6e6e6;
+    background-color: #E6E6E6;
   }
   .sidebox-favorites ul.favorites {
     width: 99%;
@@ -994,7 +994,7 @@
     position: relative;
   }
   div.et2_progress > div {
-    background-color: #ffdd73;
+    background-color: #FFDD73;
     /*height: 5px;*/
   }
   /**
@@ -1011,7 +1011,7 @@
  * et2_textbox
  */
   textarea.et2_textbox {
-    border: 1px solid #e6e6e6;
+    border: 1px solid #E6E6E6;
   }
   textarea,
   textarea.description {
@@ -1214,9 +1214,9 @@ option:checked {
   position: absolute;
   z-index: 9999;
   max-width: 300px;
-  -webkit-box-shadow: 0 0 5px #aaaaaa;
-  -moz-box-shadow: 0 0 5px #aaaaaa;
-  box-shadow: 0 0 5px #aaaaaa;
+  -webkit-box-shadow: 0 0 5px #aaa;
+  -moz-box-shadow: 0 0 5px #aaa;
+  box-shadow: 0 0 5px #aaa;
 }
 /* Component containers
 ----------------------------------*/
@@ -1249,7 +1249,7 @@ option:checked {
   border-right: solid 1px 0px !important;
   border-bottom: solid 1px 0px !important;
   /*.gradient_thead !important;*/
-  background-color: #0c5da5;
+  background-color: #0C5DA5;
   /*border-color: @gray_10;*/
   color: #000000;
   font-weight: bold;
@@ -1268,7 +1268,7 @@ option:checked {
   border-left: solid 1px 1px;
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   background: transparent;
   font-weight: normal;
   color: #1a1a1a;
@@ -1295,14 +1295,14 @@ option:checked {
 .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus {
-  border-color: #e6e6e6;
+  border-color: #E6E6E6;
   background: rgba(102, 153, 204, 0.7);
   background-image: none;
-  color: #ffffff;
+  color: #FFFFFF;
   font-weight: normal;
 }
 .ui-state-focus.ui-menu-item a {
-  color: #e6e6e6;
+  color: #E6E6E6;
 }
 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
@@ -1311,7 +1311,7 @@ option:checked {
   border-left: solid 1px 1px;
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
-  border-color: #e6e6e6;
+  border-color: #E6E6E6;
   background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #ffffff;
@@ -1330,7 +1330,7 @@ option:checked {
   border-left: solid 1px 1px;
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
-  border-color: #cdcdcd;
+  border-color: #CDCDCD;
   background-image: none;
   font-weight: bold;
   color: #808080;
@@ -1350,7 +1350,7 @@ option:checked {
   border-left: solid 1px 1px;
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   color: #808080;
 }
 .ui-state-highlight a,
@@ -1365,27 +1365,27 @@ option:checked {
   border-left: solid 1px 1px;
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
-  border-color: #e6e6e6;
+  border-color: #E6E6E6;
   color: #b3b3b3;
 }
 .ui-state-error a,
 .ui-widget-content .ui-state-error a {
-  color: #ff0000;
+  color: #FF0000;
 }
 .ui-state-error-text,
 .ui-widget-content .ui-state-error-text,
 .ui-widget-header .ui-state-error-text {
-  color: #ff0000;
+  color: #FF0000;
 }
 .drop-hover {
-  background-color: #ffdd73;
+  background-color: #FFDD73;
 }
 .ui-icon-close {
   /*visibility: hidden;*/
   /*background-image: url(../images/search.png);*/
   background-image: url("../images/cancel.svg");
   background-repeat: no-repeat;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   background-size: 12px 12px;
   width: 16px;
   height: 16px;
@@ -1415,15 +1415,15 @@ span.ui-icon-close {
 .ui-icon-closethick {
   background-image: url(../images/close.svg) !important;
   background-repeat: no-repeat;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   background-size: contain;
   background-position: 0 0 !important;
   color: #ffffff;
   height: 16px;
 }
 .ui-icon-closethick:hover {
-  background-color: #e6e6e6;
-  color: #1e1e1e;
+  background-color: #E6E6E6;
+  color: #1E1E1E;
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -1459,7 +1459,7 @@ span.ui-icon-close {
 /*###########################################*/
 /* col selection */
 span.ui-multiselect-header {
-  color: #ffffff;
+  color: #FFFFFF;
 }
 span.ui-icon-search {
   background-image: url(../images/search.svg) !important;
@@ -1498,30 +1498,30 @@ span.ui-icon-search {
 /*###########################################*/
 /*Dialog: edit row*/
 .ui-widget-overlay {
-  background: #cdcdcd;
+  background: #CDCDCD;
 }
 .ui-dialog {
   z-index: 1000;
-  box-shadow: -2px 1px 9px 3px #b4b4b4;
+  box-shadow: -2px 1px 9px 3px #B4B4B4;
 }
 .ui-dialog .ui-dialog-buttonpane {
-  padding-left: .8em;
-  padding-right: .8em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
   padding-top: 0.7em;
 }
 .ui-dialog .ui-dialog-titlebar {
-  padding-left: .8em;
-  padding-right: .8em;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
   font-size: 12pt;
   border: none;
   font-weight: normal;
   background: white;
 }
 .ui-dialog .ui-dialog-titlebar-close {
-  right: .8em;
+  right: 0.8em;
 }
 .ui-widget-content {
-  border: 1px solid #b4b4b4;
+  border: 1px solid #B4B4B4;
 }
 .ui-widget-content .et2_selectbox button.et2_button_text,
 .ui-widget-content .et2_selectbox select.et2_selectbox {
@@ -1552,35 +1552,35 @@ button.ui-button {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
   background-size: 20px auto;
   /*.Button_size_h32_auto;*/
   height: 24px;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   outline: none;
 }
 button.ui-button:hover {
-  background-color: #b4b4b4;
-  color: #1e1e1e;
+  background-color: #B4B4B4;
+  color: #1E1E1E;
 }
 button.ui-button .ui-button-icon-primary:hover {
-  background-color: #b4b4b4;
-  color: #1e1e1e;
+  background-color: #B4B4B4;
+  color: #1E1E1E;
   box-shadow: none;
 }
 /*###########################################*/
 /*Dialog: calendar edit series*/
 .ui-dialog-buttonset button.ui-button-text-only {
-  background-color: #cdcdcd;
+  background-color: #CDCDCD;
   background: inherit;
   color: #000000 !important;
   font-weight: normal !important;
 }
 .ui-dialog-buttonset button.ui-button-text-only:hover {
-  background-color: #b4b4b4;
+  background-color: #B4B4B4;
 }
 .ui-dialog-buttonset button.ui-button {
   /*.border_normal;*/
@@ -1600,7 +1600,7 @@ button.ui-button .ui-button-icon-primary:hover {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -1609,8 +1609,8 @@ button.ui-button .ui-button-icon-primary:hover {
   height: 24px;
 }
 .ui-dialog-buttonset button.ui-button:hover {
-  background-color: #b4b4b4;
-  color: #1e1e1e;
+  background-color: #B4B4B4;
+  color: #1E1E1E;
 }
 /*###########################################*/
 /*Dialog: calendar edit series*/
@@ -1618,7 +1618,7 @@ div#ui-datepicker-div {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
-  border: 1px solid #b4b4b4;
+  border: 1px solid #B4B4B4;
   -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@@ -1639,8 +1639,8 @@ div#ui-datepicker-div {
   border: 1px solid #b4b4b4;
 }
 .ui-datepicker table.ui-datepicker-calendar .ui-state-active {
-  background-color: #0c5da5;
-  color: #ffffff;
+  background-color: #0C5DA5;
+  color: #FFFFFF;
 }
 .ui-datepicker div.ui-timepicker-div {
   padding: 3px;
@@ -1663,17 +1663,17 @@ div#ui-datepicker-div {
   font-size: 0.9em;
 }
 .ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle {
-  background-color: #0c5da5;
+  background-color: #0C5DA5;
   padding: 1px;
   outline: none;
 }
 .ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle {
-  background-color: #0c5da5;
+  background-color: #0C5DA5;
   padding: 1px;
   outline: none;
 }
 .ui-datepicker div.ui-datepicker-buttonpane {
-  background-color: #679fd2;
+  background-color: #679FD2;
 }
 .ui-datepicker button.ui-datepicker-current .ui-state-hover {
   background-color: #b3e4a6 !important;
@@ -1886,120 +1886,6 @@ body {
  * @package pixelegg
  * @version $Id$
  */
-/**
- * EGroupware: Stylite Pixelegg template
- *
- * Please do NOT change css-files directly, instead change less-files and compile them!
- *
- * @link http://www.egroupware.org
- * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
- * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
- * @package pixelegg
- * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $
-
-## Definitions of all used colors
-
- */
-.background_color_egw_normal {
-  background-color: #ffc200;
-}
-.background_color_egw_light {
-  background-color: #ffd140;
-}
-.background_color_egw_lighter {
-  background-color: #ffdd73;
-}
-.background_color_egw_dark {
-  background-color: #0c5da5;
-}
-.background_color_egw_darker {
-  background-color: #26537c;
-}
-/*@gray-100 : #000000;*/
-.color_0_gray {
-  color: #ffffff;
-}
-.color_5_gray {
-  color: #f2f2f2;
-}
-.color_10_gray {
-  color: #e6e6e6;
-}
-.color_15_gray {
-  color: #d9d9d9;
-}
-.color_20_gray {
-  color: #cccccc;
-}
-.color_25_gray {
-  color: #bfbfbf;
-}
-.color_30_gray {
-  color: #b3b3b3;
-}
-.color_40_gray {
-  color: #999999;
-}
-.color_50_gray {
-  color: #808080;
-}
-.color_60_gray {
-  color: #666666;
-}
-.color_70_gray {
-  color: #4d4d4d;
-}
-.color_80_gray {
-  color: #333333;
-}
-.color_90_gray {
-  color: #1a1a1a;
-}
-.color_100_gray {
-  color: #000000;
-}
-/*@darkgrey : .color_90_gray;*/
-.background_color_0_gray {
-  background-color: #ffffff;
-}
-.background_color_5_gray {
-  background-color: #fafafa;
-}
-.background_color_10_gray {
-  background-color: #f0f0f0;
-}
-.background_color_15_gray {
-  background-color: #d9d9d9;
-}
-.background_color_20_gray {
-  background-color: #cccccc;
-}
-.background_color_25_gray {
-  background-color: #bfbfbf;
-}
-.background_color_30_gray {
-  background-color: #b3b3b3 !important;
-}
-.background_color_40_gray {
-  background-color: #999999;
-}
-.background_color_50_gray {
-  background-color: #808080;
-}
-/*@active_button_border_bottom : @egw_color_2_d;*/
-/*optional / can field*/
-/*Listenausgabe*/
-/* Dialog Button panel Background Color*/
-/*Button edit + save + apply + copy = positive action         */
-/*Button Add-plus*/
-/*Button  cancel = do nothing action         */
-/*Button delete  = negative action         */
-.background_color_search {
-  background-color: #b4b4b4;
-}
-.background_table_cal_head {
-  background-color: #ffdd73;
-}
 /**
  * 19.1 Login page with stock background image
  */
@@ -2028,17 +1914,19 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  position: absolute;
-  bottom: 10px;
   display: inline-block;
-  left: 0;
-  width: 27%;
+  width: 100%;
 }
-#socialMedia a {
+#socialBox #socialMedia {
+  margin: 0 auto;
+  width: 200px;
+}
+#socialBox #socialMedia a {
   margin-left: 10px;
 }
-#socialMedia a img {
+#socialBox #socialMedia a img {
   width: 24px;
+  filter: contrast(0.6);
 }
 /* ##################################################################################
  *       login page
@@ -2132,15 +2020,29 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   bottom: 0;
   display: inline-block;
   right: 0;
-  width: 22%;
-}
-#loginMainDiv div#login_footer a.logo_footer {
-  float: right;
-  margin: 10px;
-}
-#loginMainDiv div#login_footer a.logo_footer img {
+  width: 100%;
   height: 40px;
-  width: 40px;
+  background: #1865aa;
+}
+#loginMainDiv div#login_footer .apps {
+  width: 50%;
+  margin: auto;
+  display: flex;
+  overflow: hidden;
+}
+#loginMainDiv div#login_footer .apps .app {
+  width: 30px;
+  height: 30px;
+  margin: 5px 20px auto 20px;
+  display: flex;
+}
+#loginMainDiv div#login_footer .apps .app img {
+  width: 30px;
+  filter: brightness(0) invert(1);
+  height: 30px;
+}
+#loginMainDiv div#login_footer .apps .app span {
+  display: none;
 }
 #loginMainDiv div#centerBox {
   margin: 0 auto -20px;
@@ -2150,10 +2052,25 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   padding: 0;
   width: 280px;
 }
+#loginMainDiv div#centerBox .egw_logo {
+  width: 100%;
+  height: 24px;
+  margin: 15px auto;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer {
+  margin: auto;
+  width: 24px;
+  display: block;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer img {
+  height: 24px;
+  width: 24px;
+}
 #loginMainDiv div#centerBox form {
   opacity: 0.94;
   background-color: white;
   padding: 1em;
+  border: 1px solid #cdcdce;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;
@@ -2169,28 +2086,28 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
 }
 #loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage {
   background-color: #b3ad54;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4ZGQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #ffc200, #408dd2);
-  background-image: -ms-linear-gradient(top, #ffc200, #408dd2);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408dd2));
-  background-image: -webkit-linear-gradient(top, #ffc200, #408dd2);
-  background-image: -o-linear-gradient(top, #ffc200, #408dd2);
-  background-image: linear-gradient(top, #ffc200, #408dd2);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4REQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #ffc200, #408DD2);
+  background-image: -ms-linear-gradient(top, #ffc200, #408DD2);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408DD2));
+  background-image: -webkit-linear-gradient(top, #ffc200, #408DD2);
+  background-image: -o-linear-gradient(top, #ffc200, #408DD2);
+  background-image: linear-gradient(top, #ffc200, #408DD2);
   background-repeat: repeat-x;
 }
 #loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage {
   margin: 0 auto;
   max-width: 400px;
   border-top: solid 1px 5px;
-  border-left: solid 1px #eeeeee;
-  border-right: solid 1px #eeeeee;
-  border-bottom: solid 1px #eeeeee;
+  border-left: solid 1px #EEE;
+  border-right: solid 1px #EEE;
+  border-bottom: solid 1px #EEE;
 }
 #loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage[src$="svg"] {
   border-top: solid 1px 5px;
-  border-left: solid 1px #eeeeee;
-  border-right: solid 1px #eeeeee;
-  border-bottom: solid 1px #eeeeee;
+  border-left: solid 1px #EEE;
+  border-right: solid 1px #EEE;
+  border-bottom: solid 1px #EEE;
   width: 40px;
   height: 40px;
 }
@@ -2300,13 +2217,13 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
 #wrap img[src$="svg"],
 #wrap background-image[url$="svg"] {
   background-color: #679fd2;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5ZmQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5ZmQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #679fd2, #679fd2);
-  background-image: -ms-linear-gradient(top, #679fd2, #679fd2);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679fd2), to(#679fd2));
-  background-image: -webkit-linear-gradient(top, #679fd2, #679fd2);
-  background-image: -o-linear-gradient(top, #679fd2, #679fd2);
-  background-image: linear-gradient(top, #679fd2, #679fd2);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #679FD2, #679FD2);
+  background-image: -ms-linear-gradient(top, #679FD2, #679FD2);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FD2), to(#679FD2));
+  background-image: -webkit-linear-gradient(top, #679FD2, #679FD2);
+  background-image: -o-linear-gradient(top, #679FD2, #679FD2);
+  background-image: linear-gradient(top, #679FD2, #679FD2);
   background-repeat: repeat-x;
 }
 #img1,
@@ -2460,13 +2377,13 @@ button:disabled,
 button.et2_button_text background-image[src$="svg"],
 input[type=button] background-image[src$="svg"] {
   background-color: #b4b4b4;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
-  background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
+  background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
   background-repeat: repeat-x;
 }
 button.et2_button_text:hover,
@@ -2515,17 +2432,17 @@ button.et2_button_with_image {
   background-repeat: no-repeat !important;
   background-position: center;
   background-size: 20px 20px;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
 }
 button.et2_button_with_image background-color[url$="svg"] {
   background-color: #b4b4b4;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
-  background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
-  background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
+  background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
+  background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
   background-repeat: repeat-x;
 }
 button.et2_button_with_image.et2_button_text {
@@ -2566,7 +2483,7 @@ button.et2_button_delete {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2601,7 +2518,7 @@ button.et2_button_delete:hover {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2636,7 +2553,7 @@ button.et2_button_delete:active {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2668,7 +2585,7 @@ button.et2_button_delete:active {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2715,7 +2632,7 @@ button#cancel {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2757,7 +2674,7 @@ button#cancel:active {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2820,7 +2737,7 @@ button[id="add"] {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   padding-left: 30px;
   background-position: 6px center;
   background-repeat: no-repeat;
@@ -2873,7 +2790,7 @@ button[id="add"] {
   -webkit-overflow-scrolling: touch;
 }
 .chzn-container .chzn-results li {
-  color: #1e1e1e;
+  color: #1E1E1E;
 }
 .chzn-container .chzn-results li.highlighted {
   background: rgba(153, 204, 255, 0.4);
@@ -2886,7 +2803,7 @@ button[id="add"] {
 .chzn-container-active .chzn-choices li.search-field input {
   color: #111 !important;
   border: 1px solid rgba(0, 0, 0, 0.15);
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -2905,7 +2822,7 @@ button[id="add"] {
   outline: 0;
   border-width: 1px;
   border-style: solid;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
@@ -3042,7 +2959,7 @@ select:focus,
   outline: 0;
   border-width: 1px;
   border-style: solid;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
@@ -3103,19 +3020,19 @@ button {
   padding-right: 0;
   border-width: 1px;
   border-style: solid;
-  border-color: #e6e6e6;
+  border-color: #E6E6E6;
 }
 a:link,
 a:visited,
 select,
 input,
 textarea {
-  color: #26537c;
+  color: #26537C;
 }
 a:link,
 a:visited {
   cursor: pointer;
-  color: #26537c;
+  color: #26537C;
   text-decoration: none;
 }
 a:hover,
@@ -3239,7 +3156,7 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su
 }*/
 div#popupMainDiv {
   padding: 8px;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   background-repeat: repeat-x;
 }
 div#popupMainDiv > * {
@@ -3274,8 +3191,8 @@ form.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et
   background-color: #ffffff;
 }
 .high {
-  border-top: 5px solid #e6e6e6;
-  border-bottom: 5px solid #e6e6e6 !important;
+  border-top: 5px solid #E6E6E6;
+  border-bottom: 5px solid #E6E6E6 !important;
 }
 /*Main div*/
 table.dialog-main-view {
@@ -3326,7 +3243,7 @@ table.dialog-main-view {
   border-top: none;
 }
 .dialogHeader table.et2_grid .th {
-  background-color: #0c5da5 !important;
+  background-color: #0C5DA5 !important;
 }
 .dialogHeader table.et2_grid tr {
   height: 30px;
@@ -3351,8 +3268,8 @@ table.dialog-main-view {
   text-align: right;
 }
 .dialogHeader td.space span img {
-  background: #ffffff;
-  border: 2px solid #ffffff;
+  background: #FFFFFF;
+  border: 2px solid #FFFFFF;
   /*filter grey*/
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   /* Firefox 10+, Firefox on Android */
@@ -3386,7 +3303,7 @@ tr.dialogHeader4 .et2_label {
   padding-left: 0em;
   margin: 0;
   background-image: none;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
 }
 .et2_tabheader :first-child {
   margin-left: 0px;
@@ -3404,7 +3321,7 @@ tr.dialogHeader4 .et2_label {
   -moz-user-select: none;
   user-select: none;
   min-width: 73px;
-  border-bottom: 3px solid #e6e6e6;
+  border-bottom: 3px solid #E6E6E6;
   margin-bottom: -3px;
 }
 .et2_tabflag:hover,
@@ -3435,10 +3352,10 @@ td.etemplate_tab_active.th {
 .et2_tabs,
 .tab_body {
   border: none;
-  border-bottom: 1px solid #e6e6e6;
-  border-top: 1px solid #e6e6e6;
+  border-bottom: 1px solid #E6E6E6;
+  border-top: 1px solid #E6E6E6;
   padding: 5px;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   margin-bottom: 11px;
   margin-top: 3px;
   padding-top: 15px;
@@ -3471,8 +3388,8 @@ div#etemplate\.tab_widget {
 #   dialogOperators                        #
 #############################################*/
 .dialogOperators {
-  border-top: 0px solid #e6e6e6;
-  border-bottom: 0px solid #e6e6e6;
+  border-top: 0px solid #E6E6E6;
+  border-bottom: 0px solid #E6E6E6;
 }
 .dialogOperators td {
   padding: 2px 2px;
@@ -3769,7 +3686,7 @@ table.nextmatch_lettersearch {
   margin-bottom: 6px;
 }
 .lettersearch {
-  border: 1px solid #e6e6e6;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3779,7 +3696,7 @@ table.nextmatch_lettersearch {
   color: #ffffff;
 }
 .lettersearch_active {
-  border: 1px solid #e6e6e6;
+  border: 1px solid #E6E6E6;
   background: #f8f8f8;
   text-align: center;
   cursor: pointer;
@@ -3840,7 +3757,7 @@ td.lettersearch {
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   height: 24px;
   padding: 0 5px;
 }
@@ -4064,7 +3981,7 @@ td.lettersearch {
 }
 /*popup Messsage*/
 div#egwpopup_message {
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   padding: 1em;
   overflow-y: auto;
 }
@@ -4072,7 +3989,7 @@ div#egwpopup_message {
 .message {
   color: red;
   font-style: italic;
-  background: #ffffff;
+  background: #FFFFFF;
 }
 .egw_fw_ui_app_header_container {
   height: auto;
@@ -4097,15 +4014,15 @@ div#egwpopup_message {
 }
 /*Calendar ##############*/
 td.message {
-  background-color: #e6e6e6 !important;
+  background-color: #E6E6E6 !important;
   height: 0px;
   padding: 0px;
 }
 td.message span.message {
   height: 35px;
-  border-bottom: 2px solid #e6e6e6;
+  border-bottom: 2px solid #E6E6E6;
   color: red;
-  background: #e6e6e6;
+  background: #E6E6E6;
   height: auto;
   width: 100%;
 }
@@ -4376,13 +4293,13 @@ td.message span.message {
   /*print*/
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li {
-  color: #ffffff;
+  color: #FFFFFF;
   padding: 8px 10px;
-  border-top: #e6e6e6;
+  border-top: #E6E6E6;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover {
   background: rgba(153, 204, 255, 0.4);
-  color: #ffffff;
+  color: #FFFFFF;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a {
   color: #000000;
@@ -4600,7 +4517,7 @@ td.message span.message {
   font-weight: bold;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv:hover {
-  background-color: #1e1e1e;
+  background-color: #1E1E1E;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
   background-color: rgba(153, 204, 255, 0.4);
@@ -4749,7 +4666,7 @@ td.message span.message {
   line-height: 17px;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object {
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   width: 24px;
   height: 24px;
 }
@@ -4837,7 +4754,7 @@ td.message span.message {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content {
   display: block;
   background-image: none;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   border-style: solid;
   border-width: 1px;
   margin: 0 0 2em 0;
@@ -4846,7 +4763,7 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) {
   background-color: #ffffff;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   border-right: 0px;
   margin-bottom: 10px;
   border-top-color: white;
@@ -4856,8 +4773,8 @@ td.message span.message {
   margin: 4px 5px 5px 5px;
   padding: 2px 0 2px 0;
   cursor: pointer;
-  border-color: #b4b4b4;
-  background-color: #e6e6e6;
+  border-color: #B4B4B4;
+  background-color: #E6E6E6;
   /*background-color: @egw_color_2_d;*/
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 {
@@ -4879,7 +4796,7 @@ td.message span.message {
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
   border-bottom-width: 0px;
   margin-top: 4px;
-  background-color: #0c5da5;
+  background-color: #0C5DA5;
   color: #f2f2f2;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 {
@@ -4907,7 +4824,7 @@ td.message span.message {
   background-color: inherit;
 }
 #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
-  background-color: #408dd2;
+  background-color: #408DD2;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
@@ -4921,7 +4838,7 @@ td.message span.message {
   right: 0px;
 }
 #egw_fw_sidebar #egw_fw_splitter:hover {
-  border-color: #e6e6e6;
+  border-color: #E6E6E6;
 }
 #egw_fw_basecontainer #egw_fw_toggler {
   display: block;
@@ -5095,7 +5012,7 @@ td.message span.message {
   border-bottom-left-radius: 10px;
   border-top-left-radius: 0;
   /*.background-clip(padding-box);*/
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   margin-bottom: 5px;
 }
 .egw_fw_ui_category_content img {
@@ -5122,7 +5039,7 @@ td.message span.message {
   margin: 0px 0 1px 0px;
   position: relative;
   min-height: 18px;
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   overflow-x: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -5194,7 +5111,7 @@ td.message span.message {
   width: 10px;
 }
 .egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover {
-  background-color: #ff0000;
+  background-color: #FF0000;
   /*.background_color_20_gray;*/
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -5530,7 +5447,7 @@ td.message span.message {
 #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add:before {
   content: " ";
   font-size: 2em;
-  color: #0c5da5;
+  color: #0C5DA5;
   line-height: 0.6em;
   background-color: white;
 }
@@ -5541,7 +5458,7 @@ td.message span.message {
   top: 47px;
   min-width: 160px !important;
   width: 160px !important;
-  background: #ffffff;
+  background: #FFFFFF;
 }
 #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before {
   content: '';
@@ -5598,7 +5515,7 @@ td.message span.message {
   top: 6px;
   right: 112px;
   z-index: 200;
-  background-color: #ff0000;
+  background-color: #FF0000;
   -moz-transition: all 1s ease-in-out;
   -webkit-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
@@ -5761,7 +5678,7 @@ button.image_button {
   outline: 0;
   border-width: 1px;
   border-style: solid;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
@@ -5829,11 +5746,11 @@ button.image_button {
   display: block;
   outline: none;
   padding: 7px 0 7px 3px;
-  color: #26537c;
+  color: #26537C;
 }
 .sbOptions a:link,
 .sbOptions a:visited {
-  color: #26537c;
+  color: #26537C;
   text-decoration: none;
 }
 .sbOptions a:hover,
@@ -5908,7 +5825,7 @@ button.image_button {
  */
 /* TABLE STYLE */
 .th {
-  border-bottom: 1px solid #e6e6e6;
+  border-bottom: 1px solid #E6E6E6;
 }
 .th.thb {
   border-color: darkgray;
@@ -5943,7 +5860,7 @@ table.egwGridView_outer thead tr th {
   background-position: -200px;
   font-weight: normal;
   padding: 3px 1px 3px 4px;
-  border: 1px solid #b4b4b4;
+  border: 1px solid #B4B4B4;
   border-top: transparent;
   vertical-align: middle;
   overflow: auto;
@@ -6011,7 +5928,7 @@ table.egwGridView_outer > tbody > tr > td {
 }
 table.egwGridView_outer > tbody > tr > td .et2_link {
   margin-left: 0px;
-  color: #26537c;
+  color: #26537C;
 }
 table.egwGridView_outer > tbody > tr > td img {
   border: 1px solid transparent;
@@ -6051,7 +5968,7 @@ table.egwGridView_grid tbody tr.selected {
   background-color: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid tbody td {
-  border-bottom: 1px solid #e6e6e6;
+  border-bottom: 1px solid #E6E6E6;
   color: #000000;
 }
 table.egwGridView_grid tbody td .innerContainer {
@@ -6085,7 +6002,7 @@ table.egwGridView_grid > tr > td {
   border-right: 1px;
   padding: 0.3em 0 0.3em 0.3em;
   border-bottom: 1px solid;
-  color: #e6e6e6;
+  color: #E6E6E6;
   /*&:hover {background-color: @egw_color_2_e;} legacy*/
 }
 table.egwGridView_grid > tr > td:active {
@@ -6174,7 +6091,7 @@ table.nextmatch_header img {
   font-size: 1.5em;
 }
 .egwGridView_empty td {
-  color: #1e1e1e !important;
+  color: #1E1E1E !important;
 }
 /**
  * EGroupware: Stylite Pixelegg template
@@ -6440,7 +6357,7 @@ a.textSidebox {
   }
 }
 .egw-loading-prompt-container::before {
-  opacity: .3;
+  opacity: 0.3;
   content: "";
   background-color: #aaaaaa;
   width: 100%;
@@ -6519,7 +6436,7 @@ a.textSidebox {
   z-index: 999;
   width: 100px;
   border-radius: 5px;
-  border: solid 10px  #679FD2;
+  border: solid 10px #679FD2;
   transform: translate(-50%, -50%);
 }
 /**
@@ -6714,10 +6631,10 @@ div[id^="bookmarks-"] .search.nm-mob-header,
 form[id^="bookmarks-"] .search.nm-mob-header,
 div[id^="bookmarks-"] .dialogHeadbar,
 form[id^="bookmarks-"] .dialogHeadbar {
-  background-color: #cc6633;
+  background-color: #CC6633;
 }
 #bookmarks_sidebox_header {
-  border-left: 6px solid #cc6633 !important;
+  border-left: 6px solid #CC6633 !important;
 }
 div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
@@ -6727,10 +6644,10 @@ div[id^="calendar-"] .search.nm-mob-header,
 form[id^="calendar-"] .search.nm-mob-header,
 div[id^="calendar-"] .dialogHeadbar,
 form[id^="calendar-"] .dialogHeadbar {
-  background-color: #cc0033;
+  background-color: #CC0033;
 }
 #calendar_sidebox_header {
-  border-left: 6px solid #cc0033 !important;
+  border-left: 6px solid #CC0033 !important;
 }
 div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
 form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
@@ -6896,7 +6813,7 @@ table.egwGridView_grid img.et2_appicon {
   background-color: #006699 !important;
 }
 #egw_fw_sidebar #egw_fw_sidemenu #calendar_sidebox_content .egw_fw_ui_category_active {
-  background-color: #cc0033 !important;
+  background-color: #CC0033 !important;
 }
 #egw_fw_sidebar #egw_fw_sidemenu #tracker_sidebox_content .egw_fw_ui_category_active {
   background-color: #009966 !important;
@@ -6914,7 +6831,7 @@ table.egwGridView_grid img.et2_appicon {
   background-color: #ff9933 !important;
 }
 #egw_fw_sidebar #egw_fw_sidemenu #bookmarks_sidebox_content .egw_fw_ui_category_active {
-  background-color: #cc6633 !important;
+  background-color: #CC6633 !important;
 }
 #egw_fw_sidebar #egw_fw_sidemenu #projectmanager_sidebox_content .egw_fw_ui_category_active {
   background-color: #669999 !important;
@@ -6955,34 +6872,34 @@ table.egwGridView_grid img.et2_appicon {
 }
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(204, 102, 51, 0.3);
-  border-left: 4px solid #cc6633 !important;
+  border-left: 4px solid #CC6633 !important;
 }
 #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
-  border-top: 4px solid #cc6633 !important;
+  border-top: 4px solid #CC6633 !important;
   border-left: 0px !important;
 }
 #bookmarks_sidebox_header {
-  border-left: 4px solid #cc6633 !important;
+  border-left: 4px solid #CC6633 !important;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-top: 4px solid;
-  border-top-color: #cc6633;
+  border-top-color: #CC6633;
   border-top-width: 4px !important;
 }
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(204, 0, 51, 0.3);
-  border-left: 4px solid #cc0033 !important;
+  border-left: 4px solid #CC0033 !important;
 }
 #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
-  border-top: 4px solid #cc0033 !important;
+  border-top: 4px solid #CC0033 !important;
   border-left: 0px !important;
 }
 #calendar_sidebox_header {
-  border-left: 4px solid #cc0033 !important;
+  border-left: 4px solid #CC0033 !important;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
   border-top: 4px solid;
-  border-top-color: #cc0033;
+  border-top-color: #CC0033;
   border-top-width: 4px !important;
 }
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index 572f43febf..168394f808 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -51,19 +51,22 @@ div#loginMainDiv.stockLoginBackground {
 //##############################################################################################################
 
 #socialBox {
-	position: absolute;
-	bottom: 10px;
 	display: inline-block;
-	left: 0;
-	width: 27%;
-}
-#socialMedia a {
-	margin-left: 10px;
-}
-#socialMedia a img{
-	width: 24px;
+	width: 100%;
+	#socialMedia {
+		margin: 0 auto;
+		width: 200px;
+		a {
+			margin-left: 10px;
+			img {
+				width: 24px;
+				filter:contrast(0.6);
+			}
+		}
+	}
 }
 
+
 /* ##################################################################################
  *       login page
  */
@@ -163,16 +166,29 @@ div#loginMainDiv.stockLoginBackground {
 		bottom: 0;
 		display: inline-block;
 		right: 0;
-		width: 22%;
-		a.logo_footer {
-			float:right;
-			margin: 10px;
-			img {
-				height: 40px;
-				width: 40px;
+		width: 100%;
+		height: 40px;
+		background: #1865aa;
+		.apps {
+			width: 50%;
+			margin: auto;
+			display: flex;
+			overflow: hidden;
+			.app {
+				width: 30px;
+				height: 30px;
+				margin: 5px 20px auto 20px;
+				display: flex;
+				img {
+					width: 30px;
+					filter: brightness(0) invert(1);
+					height: 30px;
+				}
+				span {display:none;}
 			}
 		}
 	}
+
 	// Anmeldefenster / Box mit Mesaage + Form
 	div#centerBox {
 		margin: 0 auto -20px;
@@ -182,6 +198,20 @@ div#loginMainDiv.stockLoginBackground {
 		padding: 0;
 		width: 280px;
 
+		.egw_logo {
+			width: 100%;
+			height: 24px;
+			margin: 15px auto;
+			a.logo_footer {
+				margin: auto;
+				width: 24px;
+				display: block;
+				img {
+					height: 24px;
+					width: 24px;
+				}
+			}
+		}
 
 
 		// Formular
@@ -189,6 +219,7 @@ div#loginMainDiv.stockLoginBackground {
 			opacity:0.94;
 			background-color: white;
 			padding:1em;
+			border: 1px solid #cdcdce;
 			.hiddenCredential {display: none;}
 			// Table
 			table.divLoginbox {
diff --git a/pixelegg/login.tpl b/pixelegg/login.tpl
index 8a06f8ed39..c970f4e441 100644
--- a/pixelegg/login.tpl
+++ b/pixelegg/login.tpl
@@ -106,14 +106,24 @@
                     </td>
                 </tr>
                 <!-- END registration -->
+	            <tr>
+		            <td>
+			            <div id="socialBox"></div>
+		            </td>
+	            </tr>
             </table>
         </form>
+	    <div class="egw_logo">
+		    <a href="https://www.egroupware.org" class="logo_footer" target="_blank">
+			    <img src="api/templates/default/images/login_logo.png">
+		    </a>
+	    </div>
     </div>
-	<div id="socialBox"></div>
+
 	<div id="login_footer">
-		<a href="https://www.egroupware.org" class="logo_footer" target="_blank">
-			<img src="api/templates/default/images/login_logo.png">
-		</a>
+		<div class="apps">
+			{footer_apps}
+		</div>
 	</div>
 
 </div>
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 3d18f7f03e..4fe009669d 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1935,17 +1935,19 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   border-radius: 0 !important;
 }
 #socialBox {
-  position: absolute;
-  bottom: 10px;
   display: inline-block;
-  left: 0;
-  width: 27%;
+  width: 100%;
 }
-#socialMedia a {
+#socialBox #socialMedia {
+  margin: 0 auto;
+  width: 200px;
+}
+#socialBox #socialMedia a {
   margin-left: 10px;
 }
-#socialMedia a img {
+#socialBox #socialMedia a img {
   width: 24px;
+  filter: contrast(0.6);
 }
 /* ##################################################################################
  *       login page
@@ -2039,15 +2041,29 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   bottom: 0;
   display: inline-block;
   right: 0;
-  width: 22%;
-}
-#loginMainDiv div#login_footer a.logo_footer {
-  float: right;
-  margin: 10px;
-}
-#loginMainDiv div#login_footer a.logo_footer img {
+  width: 100%;
   height: 40px;
-  width: 40px;
+  background: #1865aa;
+}
+#loginMainDiv div#login_footer .apps {
+  width: 50%;
+  margin: auto;
+  display: flex;
+  overflow: hidden;
+}
+#loginMainDiv div#login_footer .apps .app {
+  width: 30px;
+  height: 30px;
+  margin: 5px 20px auto 20px;
+  display: flex;
+}
+#loginMainDiv div#login_footer .apps .app img {
+  width: 30px;
+  filter: brightness(0) invert(1);
+  height: 30px;
+}
+#loginMainDiv div#login_footer .apps .app span {
+  display: none;
 }
 #loginMainDiv div#centerBox {
   margin: 0 auto -20px;
@@ -2057,10 +2073,25 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
   padding: 0;
   width: 280px;
 }
+#loginMainDiv div#centerBox .egw_logo {
+  width: 100%;
+  height: 24px;
+  margin: 15px auto;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer {
+  margin: auto;
+  width: 24px;
+  display: block;
+}
+#loginMainDiv div#centerBox .egw_logo a.logo_footer img {
+  height: 24px;
+  width: 24px;
+}
 #loginMainDiv div#centerBox form {
   opacity: 0.94;
   background-color: white;
   padding: 1em;
+  border: 1px solid #cdcdce;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;