diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index 8d06bf7411..8a521795c8 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -1418,8 +1418,10 @@ img.calendar_print_button, img.calendar_print_appicon {
 /*weekend slideSwitch in toolbar*/
 
 #calendar-toolbar_app_header {
-	font-weight: bold;
 	color: #616161;
+	font-size: 14px;
+    margin: auto;
+    height: 20px;
 }
 #calendar-toolbar_toolbar .et2_toolbar_more {
 	margin-top: 0;
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index cdfe6488b0..8ab4408888 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -69,7 +69,19 @@
   #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader > span.et2_label {
     overflow: visible !important;
   }
+  div.calendar_calEvent {
+    opacity: 1;
+    filter: opacity(0.85);
+    -webkit-filter: opacity(0.85);
+    border: 1px solid;
   }
+  /* Make times & all day description bold for better visibility */
+  div.calendar_calDayColAllDay div.calendar_calEventBodySmall,
+  div.calendar_calEventHeader,
+  div.calendar_calEventHeaderSmall {
+    font-weight: bold;
+  }
+}
 /**
  * Sidebox
  */
@@ -89,6 +101,10 @@
 #calendar-sidebox_cat_id ~ * {
   vertical-align: top;
   display: inline-block;
+  background-color: transparent;
+  background-image: url(../../../vendor/bower-asset/jquery-ui/themes/redmond/images/ui-icons_469bdd_256x240.png);
+  border: none;
+  box-shadow: none;
 }
 #calendar-sidebox_buttons tbody {
   width: 100%;
@@ -266,6 +282,12 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 .calendar_calBirthday a {
   color: #626161;
 }
+#calendar-view .calendar_calBirthday {
+  background-image: url(images/cake.png);
+  background-repeat: no-repeat;
+  background-size: 16px;
+  background-position: 10px center;
+}
 /* Supress tooltips on holidays shown as events */
 .calendar_calEventTooltip.calendar_calBirthday,
 .calendar_calEventTooltip.calendar_calHoliday {
@@ -328,16 +350,25 @@ Hide subsequent headers in week view with non-consolidated owners
 #calendar-view_view.hideDayColHeader tr:not(:first-of-type) .calendar_calGridHeader .calendar_calDayColHeader > div[data-date] {
   display: none;
 }
+#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader > span.et2_label {
+  position: absolute;
+  top: 2em;
+}
+#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
+  height: calc(6.5em);
+}
 #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
   white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label:hover {
-  overflow: visible;
-  width: auto;
-  background-color: inherit;
-  z-index: 100;
+  display: block;
+  position: static;
+  width: calc(42%);
+  margin-left: 58px;
+  color: white;
+  background-color: #2D6393;
+  text-align: center;
+  line-height: 1.5em;
+  font-size: 14px;
+  z-index: 35;
 }
 /* single row in the time-line you dont need to set a bgcolor, but you can
  */
@@ -537,12 +568,17 @@ Hide subsequent headers in week view with non-consolidated owners
   display: flex;
   align-items: stretch;
 }
+#calendar-view_view.hideDayColHeader .calendar_calGridHeader > div {
+  height: auto;
+}
 .calendar_calGridHeader > label {
   float: left;
   font-size: 14px;
   line-height: 27px;
   width: 58px;
   text-align: center;
+  position: absolute;
+  top: 0px;
 }
 .calendar_calGridHeader > span.et2_label {
   position: absolute;
@@ -591,7 +627,7 @@ Hide subsequent headers in week view with non-consolidated owners
 /* alarm_date widget disabled class
 */
 .calendar_alarm_date_display {
-  display: none;
+  display: none !important;
 }
 /*overwirte margin applied by egwGridView*/
 .calendar_alarm_grid {
@@ -647,6 +683,7 @@ Hide subsequent headers in week view with non-consolidated owners
   -ms-transition: none !important;
   transition: none !important;
   opacity: 0.85;
+  -moz-opacity: 0.85;
   /* set via inline style on runtime:
  *  top: depending on startime
  *  height: depending on length
@@ -666,7 +703,7 @@ Hide subsequent headers in week view with non-consolidated owners
 }
 .calendar_calTimeGrid:not(.calendar_calTimeGridList) *:not(.calendar_calDayColAllDay) > .calendar_calEvent::after {
   width: 100%;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(255, 255, 255, 0.8);
   height: 5px;
   content: "\02026";
   left: 0px;
@@ -720,7 +757,6 @@ Hide subsequent headers in week view with non-consolidated owners
 }
 .calendar_calDayColHeader .calendar_calEvent .calendar_calEventBody {
   white-space: nowrap;
-  background-color: #f0f0f0;
 }
 .calendar_calEventTooltip {
   padding-left: 6px;
@@ -765,7 +801,7 @@ Hide subsequent headers in week view with non-consolidated owners
  *  background-color: depending on category
  *	color: white || black depending on cat;
  */
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(255, 255, 255, 0.8);
 }
 .calendar_calEventHeader .calendar_calEventTitle {
   display: none;
@@ -774,6 +810,9 @@ Hide subsequent headers in week view with non-consolidated owners
   font-size: 8pt;
   line-height: 10pt;
 }
+.calendar_calEvent[data-priority='3'] .calendar_calEventTitle {
+  color: red;
+}
 .calendar_calEventIcons {
   position: absolute;
   right: 0px;
@@ -796,7 +835,7 @@ Hide subsequent headers in week view with non-consolidated owners
   right: 2px;
   height: 99%;
   white-space: normal;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(255, 255, 255, 0.8);
 }
 .calendar_calEventBody > p,
 .calendar_calEventBodySmall > p {
@@ -940,17 +979,18 @@ Hide subsequent headers in week view with non-consolidated owners
   margin: 0px;
   padding: 2px;
   font-weight: bold;
+  height: 23px;
+  line-height: 23px;
 }
 .calendar_calDayTodos .calendar_calDayTodosTable {
   overflow: auto;
   position: absolute;
-  top: 2em;
+  top: 3em;
   bottom: 8px;
   width: 100%;
 }
 .calendar_calDayTodos {
   width: 98%;
-  margin-left: 10px;
   border: 1px solid silver;
 }
 .calendar_calDayTodosHeader {
@@ -962,6 +1002,17 @@ Hide subsequent headers in week view with non-consolidated owners
 .calendar_calDayTodosTable tr td span:first-child {
   white-space: nowrap;
 }
+.calendar_calDayTodosHeader button {
+  width: 24px;
+  height: 24px;
+  padding-left: 0px;
+  margin: 0px 4px 1px 0;
+  border-radius: 3px;
+  border: 1px solid silver;
+  background-color: #fafafa;
+  position: absolute;
+  left: 2px;
+}
 /******************************************************
  * CSS settings for the planner views (calendar_plannerWidget) *
  ******************************************************/
@@ -1040,6 +1091,9 @@ Hide subsequent headers in week view with non-consolidated owners
   left: 10px;
   top: 2px;
 }
+.calendar_plannerRowWidget.current_user {
+  background-color: rgba(0, 0, 0, 0.05);
+}
 .calendar_plannerRowWidget:hover {
   background-color: rgba(103, 159, 210, 0.2);
 }
@@ -1341,8 +1395,10 @@ img.calendar_print_appicon {
 }
 /*weekend slideSwitch in toolbar*/
 #calendar-toolbar_app_header {
-  font-weight: bold;
   color: #616161;
+  font-size: 14px;
+  margin: auto;
+  height: 20px;
 }
 #calendar-toolbar_toolbar .et2_toolbar_more {
   margin-top: 0;
@@ -1420,6 +1476,16 @@ img.calendar_print_appicon {
 #calendar-edit_role {
   float: left;
 }
+.category_report_cats {
+  height: 80%;
+  overflow-y: auto;
+  display: block;
+}
+#calendar-category_report_grid {
+  display: block;
+  max-height: 550px;
+  overflow-y: auto;
+}
 /*generell*/
 .egw_fw_content_browser_iframe img[src$="svg"] {
   background-color: #828282 !important;
@@ -2042,11 +2108,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 .calendar_calViewUserNameFirst:after {
   content: ", ";
 }
-/* header of the time-grid, eg. for the weeks in the month-view (leftmost of the day-col-headers)
- */
-.calendar_calGridHeader {
-  background-color: #f0f0f0;
-}
 /* contains one event: header-row & -body
  */
 .calendar_calEvent {
@@ -2225,11 +2286,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   background-color: #1aa200;
   background-color: #189800 !important;
 }
-.calendar_calDayTodos {
-  width: 98%;
-  margin-left: 10px;
-  border: 1px solid silver;
-}
 .calendar_calDayTodosHeader {
   text-align: center;
 }
@@ -2337,53 +2393,6 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   margin: -2px -1px 0px -2px;
   width: 410px;
 }
-/** #####################################################################################
- * @package preferences
- * ######################################################################################
- */
-table.prefTable {
-  width: 100%;
-}
-tr.prefRow {
-  position: relative;
-}
-td.prefName {
-  width: 50%;
-}
-tr.prefRow > td {
-  vertical-align: bottom;
-  /* otherwise help will cover bigger prefValue */
-}
-.prefHelp {
-  position: absolute;
-  right: 55%;
-  display: none;
-  width: 33%;
-  background-color: #ffffff;
-}
-tr.prefRow:hover .prefHelp {
-  display: block;
-  z-index: 10;
-  /* FF: displays it under next prefName without */
-}
-.prefDefault,
-.prefValue {
-  float: left;
-}
-.prefValue {
-  margin-right: 5px;
-}
-.prefValue textarea,
-textarea.prefValue {
-  width: 99%;
-  height: 5em;
-}
-.prefType,
-.prefApp {
-  font-size: 150%;
-  display: inline-block;
-  padding-bottom: 5px;
-}
 /* ###########################################################################################################################################
 *   Calendar specfic
 /* ###########################################################################################################################################
@@ -2603,11 +2612,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   right: 2px;
 }
 #calendar-sidebox_date .ui-datepicker-year {
-  padding-right: 5px !important;
+  padding-right: 0px !important;
   min-width: 65px;
 }
 #calendar-sidebox_date .ui-datepicker-month {
   min-width: 60px;
+  padding-right: 0px !important;
 }
 #calendar-sidebox_date .ui-datepicker-header a span {
   width: 20px;
@@ -2658,6 +2668,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
 #calendar_merge {
   margin: 9px 0 0 0;
 }
+#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
+  height: calc(6.5em);
+}
+#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
+  width: calc(42%);
+}
 /* ########################################################################################
 /* * Calendar END */
 /* tablets and smartphones  */
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 13d281fbd7..25c112ce29 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -1383,8 +1383,10 @@ img.calendar_print_appicon {
 }
 /*weekend slideSwitch in toolbar*/
 #calendar-toolbar_app_header {
-  font-weight: bold;
   color: #616161;
+  font-size: 14px;
+  margin: auto;
+  height: 20px;
 }
 #calendar-toolbar_toolbar .et2_toolbar_more {
   margin-top: 0;
@@ -1557,13 +1559,13 @@ img.sideboxstar:active {
 .calendar_calEventBodySmall img[src$="svg"],
 .calendar_calDayColHeader img[src$="svg"] {
   background-color: #0c5da5;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
-  background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -ms-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
+  background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: linear-gradient(top, #0C5DA5, #0C5DA5);
   background-repeat: repeat-x;
 }
 /* calender view*/
@@ -1599,10 +1601,10 @@ div.calendar {
   font-weight: bold;
   /* Pressing it will take you to the current date */
   /*text-align: center;*/
-  background-color: #679fd2;
+  background-color: #679FD2;
 }
 .calendar thead .title:hover {
-  background-color: #e6e6e6 !important;
+  background-color: #E6E6E6 !important;
 }
 .calendar thead .headrow {
   /* Row <TR> containing navigation buttons */
@@ -1636,7 +1638,7 @@ div.calendar {
 }
 .calendar thead .active {
   /* Active (pressed) buttons in header */
-  background_color: #408dd2;
+  background_color: #408DD2;
   /*padding: 2px 0px 0px 2px;*/
 }
 .calendar tbody tr,
@@ -1681,7 +1683,7 @@ div.calendar {
   /*border: 0px solid @gray_50;*/
   /*padding: 1px 3px 1px 1px;*/
   /*padding: 0px;*/
-  background-color: #ffdd73;
+  background-color: #FFDD73;
   color: #000;
   -webkit-box-shadow: inset 1px 2px 1px #000000;
   -moz-box-shadow: inset 1px 2px 1px #000000;
@@ -1863,7 +1865,7 @@ div.calendar {
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
 #calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_details_alarms {
-  background-color: #cdcdcd;
+  background-color: #CDCDCD;
   display: block !important;
 }
 #calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_details_category {
@@ -1881,7 +1883,7 @@ div.calendar {
 }
 #calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_category {
   border: 1px solid;
-  border-color: #b4b4b4;
+  border-color: #B4B4B4;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1987,7 +1989,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   background-color: #ffc200;
 }
 .calendar_calWeek {
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   width: auto;
   margin: 0 auto;
   text-align: center;
@@ -1995,7 +1997,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 }
 .calendar_calMonth {
   /*.background_table_cal_head;*/
-  background-color: #ffffff;
+  background-color: #FFFFFF;
   width: auto;
   margin: 0 auto;
   text-align: center;
@@ -2103,11 +2105,11 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
      *  border-color: depending on category
      *  background: depending on category (shade)
      */
-  background-color: #679fd2;
+  background-color: #679FD2;
 }
 .calendar_calEvent:not([class*=" cat_"]) {
   /* Defaults for no category, so we don't override it */
-  background-color: #679fd2;
+  background-color: #679FD2;
 }
 /**
  * All participants accepted the invitation
@@ -2123,7 +2125,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   overflow: auto;
 }
 .calendar_calAddEvent:hover {
-  background-color: #ffdd73;
+  background-color: #FFDD73;
   cursor: pointer;
   color: #ffffff;
 }
@@ -2148,7 +2150,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   position: absolute;
   right: 0px;
   top: 0px;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
@@ -2181,13 +2183,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 }
 .calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] {
   background-color: #0c5da5;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
-  background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -ms-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
+  background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: linear-gradient(top, #0C5DA5, #0C5DA5);
   background-repeat: repeat-x;
 }
 .calendar_calDayTodos .calendar_calDayTodosHeader a img {
@@ -2208,7 +2210,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #e6e6e6;
+  background-color: #E6E6E6;
   width: 16px;
   height: 16px;
 }
@@ -2219,7 +2221,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   background-color: inherit;
 }
 .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) {
-  background: #ffffff;
+  background: #FFFFFF;
 }
 .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth_child(odd) {
   background: #f2f2f2;
@@ -2229,13 +2231,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 }
 .calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] {
   background-color: #0c5da5;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
-  background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: linear-gradient(top, #0c5da5, #0c5da5);
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
+  background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -ms-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
+  background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5);
+  background-image: linear-gradient(top, #0C5DA5, #0C5DA5);
   background-repeat: repeat-x;
 }
 .calendar_calDayTodos .calendar_calDayTodosTable table td img {
@@ -2404,7 +2406,7 @@ button#series {
   -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;
@@ -2414,13 +2416,13 @@ button#series {
 }
 button#series img[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;
   fill: red;
 }
@@ -2461,7 +2463,7 @@ button#exception {
   -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;
@@ -2471,13 +2473,13 @@ button#exception {
 }
 button#exception img[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;
   fill: red;
 }
@@ -2545,22 +2547,22 @@ div#calendar-container div.calendar table {
   font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
 }
 div#calendar-container div.calendar table thead .button {
-  background-color: #ffdd73;
+  background-color: #FFDD73;
 }
 div#calendar-container div.calendar table thead .title {
   border: none;
   box-shadow: none;
   -webkit-box-shadow: none;
-  background-color: #ffdd73;
+  background-color: #FFDD73;
 }
 div#calendar-container div.calendar table thead .headrow {
-  color: #1e1e1e;
+  color: #1E1E1E;
 }
 div#calendar-container div.calendar table thead .headrow td {
   background-color: #ffc200;
 }
 div#calendar-container div.calendar table thead .daynames {
-  background-color: #679fd2;
+  background-color: #679FD2;
 }
 div#calendar-container div.calendar table tbody tr.daysrow:hover {
   background-color: #ffc200;