From e2d79c1bb424d866612ea5acc4fe2b77ed14286d Mon Sep 17 00:00:00 2001
From: Manuel Cillero <manuel@cillero.es>
Date: Fri, 15 Sep 2017 13:46:17 +0200
Subject: [PATCH] Improved the view of week calendar

---
 .../calendar_multiday/calendar-overlap.css    | 516 +++++++++---------
 .../calendar_multiday/calendar_multiday.css   |  73 +--
 themes/zuitedesk/css/suitedesk.css            |  12 +-
 3 files changed, 288 insertions(+), 313 deletions(-)

diff --git a/modules/calendar/calendar_multiday/calendar-overlap.css b/modules/calendar/calendar_multiday/calendar-overlap.css
index 93b6cd3..e72bab9 100644
--- a/modules/calendar/calendar_multiday/calendar-overlap.css
+++ b/modules/calendar/calendar_multiday/calendar-overlap.css
@@ -1,797 +1,779 @@
 /** Overlapping week items **/
 .calendar-calendar tr.holder {
-  height : 0px;
-   display: table-row !important;
-   display : none;
+  height: 0;
+  display: table-row !important;
+  display: none;
 }
 
-.calendar-calendar .week-view .full div.item-wrapper, 
+.calendar-calendar .week-view .full div.item-wrapper,
 .calendar-calendar .day-view .full div.item-wrapper {
   background-color: none;
-  border:0px;
-  float:none;
-  margin:0px;
-  width : 100%;
-  margin-top : -24px;
+  border: 0;
+  float: none;
+  margin: 0;
+  width: 100%;
+  margin-top: -24px;
 }
 
-.calendar-calendar td .inner div, 
+.calendar-calendar td .inner div,
 .calendar-calendar td .inner div a {
-	 background : none;
+  background: none;
 }
 
 .calendar-calendar .week-view .full div.single-day div.weekview,
 .calendar-calendar .day-view .full div.single-day div.dayview {
-  background : #FFD8C0;
-  width : auto;
-  padding : 0px 3px;
-  overflow : hidden;
+  background: #ffd8c0;
+  width: auto;
+  padding: 0 3px;
+  overflow: hidden;
 }
 
 .calendar-calendar .week-view .full div.single-day div.weekview,
 .calendar-calendar .day-view .full div.single-day div.dayview {
-	  border : 1px solid #E39364;
+  border: 1px solid #e39364;
 }
 
-
 .calendar-calendar .week-view .header-body-divider,
 .calendar-calendar .week-view .single-day-footer,
 .calendar-calendar .day-view .single-day-footer,
 .calendar-calendar .day-view .header-body-divider {
-	background : #eeeeee;
-  border-left : 1px solid #CCCCCC;
-  border-right : 1px solid #CCCCCC;
-  font-size : 1px;
-  height : 4px;
-  line-height : 1px;
+  background: #eee;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  font-size: 1px;
+  height: 4px;
+  line-height: 1px;
 }
 
 .calendar-calendar .week-view #multi-day-container,
 .calendar-calendar .week-view #single-day-container,
 .calendar-calendar .day-view #multi-day-container,
 .calendar-calendar .day-view #single-day-container {
-	position : relative;
-	background : #ffffff;
-	overflow-y : scroll;
-	overflow-x : hidden;
-  border-left : 1px solid #CCCCCC;
-  border-bottom : 1px solid #CCCCCC;
+  position: relative;
+  background: #fff;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  border-left: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
 }
 
 .calendar-calendar .week-view #multi-day-container,
 .calendar-calendar .day-view #multi-day-container {
-	  border-top : 1px solid #CCCCCC;
+  border-top: 1px solid #ccc;
 }
 
 .calendar-calendar .week-view #week-header-container,
 .calendar-calendar .day-view #day-header-container {
-	width : 100%;
-	background : #ffffff;
-  border-bottom : 1px solid #CCCCCC;
+  width: 100%;
+  background: #fff;
+  border-bottom: 1px solid #ccc;
 }
 
 .calendar-calendar .week-view #multi-day-container,
 .calendar-calendar .day-view #multi-day-container {
-	height : 57px;
+  height: 57px;
 }
 
 .calendar-calendar .week-view #multi-day-container .expand {
-  height : 100%;
+  height: 100%;
 }
 
 .calendar-calendar .week-view #multi-day-container table,
 .calendar-calendar .day-view #multi-day-container table {
-	height : 100%;
+  height: 100%;
 }
 
 .calendar-calendar .week-view #multi-day-container table td,
 .calendar-calendar .day-view #multi-day-container table td {
-	border-top : 0px;
-  border-bottom : 0px;
-  vertical-align : top;
+  border-top: 0;
+  border-bottom: 0;
+  vertical-align: top;
 }
 
 .calendar-calendar .week-view #single-day-container,
 .calendar-calendar .day-view #single-day-container {
-	border-top : 1px solid #CCCCCC;
-	height : 500px;
+  border-top: 1px solid #ccc;
+  height: 500px;
 }
 
 .calendar-calendar .week-view #single-day-container table td,
 .calendar-calendar .day-view #single-day-container table td {
-	padding : 0px;
-	border-top : 0px;
-	border-bottom : 0px;
+  padding: 0;
+  border-top: 0;
+  border-bottom: 0;
 }
 
 .calendar-calendar .week-view #single-day-container table td.first,
 .calendar-calendar .day-view #single-day-container table td.first {
-  border-left : 0px;
+  border-left: 0;
 }
 
 .calendar-calendar .week-view #single-day-container table td.last,
 .calendar-calendar .day-view #single-day-container table td.last {
-	 border-right : 0px;
+   border-right: 0;
 }
 
 .calendar-calendar .week-view #single-day-container div.first,
 .calendar-calendar .day-view #single-day-container div.first {
-  border-top : 0px;
+  border-top: 0;
 }
 
 .calendar-calendar .week-view #single-day-container div.last,
 .calendar-calendar .day-view #single-day-container div.last {
-   border-bottom : 0px;
+  border-bottom: 0;
 }
 
 .calendar-calendar .week-view table.full { /*
-	table-layout : fixed;
-	width : 925px; */
-	margin : 0px;
+  table-layout: fixed;
+  width: 925px; */
+  margin: 0;
 }
 
 .calendar-calendar .day-view table.full {
-  table-layout : fixed;
-  width : 923px;
-  margin : 0px;
+  table-layout: fixed;
+  width: 923px;
+  margin: 0;
 }
 
 .calendar-calendar td.calendar-agenda-hour .calendar-hour,
 .calendar-calendar td.calendar-agenda-hour .calendar-ampm,
 .calendar-calendar .week-view .full div.calendar-agenda-hour span,
 .calendar-calendar .day-view .full div.calendar-agenda-hour span {
-  font-size : .8em;
-  font-weight : normal;
-  margin-right: 0px;
+  font-size: .8em;
+  font-weight: normal;
+  margin-right: 0;
 }
 
 .calendar-calendar .week-view .full div.calendar-agenda-hour,
 .calendar-calendar .day-view .full div.calendar-agenda-hour,
 .calendar-calendar .week-view .full div.calendar-agenda-items,
 .calendar-calendar .day-view .full div.calendar-agenda-items  {
-  width : 100%;
-  height : 47px;
-  border-top : 1px solid #cccccc;
+  width: 100%;
+  height: 47px;
+  border-top: 1px solid #ccc;
 }
 
 .calendar-calendar .week-view .full .calendar-agenda-hour div,
 .calendar-calendar .day-view .full .calendar-agenda-hour div {
-	margin-top : 10px;
+  margin-top: 10px;
 }
 
 .calendar-calendar .day-view .full td.calendar-time-holder,
 .calendar-calendar .week-view .full td.calendar-time-holder {
-	width : 50px;
-  padding : 0px;
-  border : 0px;
+  width: 50px;
+  padding: 0;
+  border: 0;
 }
 
 .calendar-calendar .week-view .full td.calendar-day-holder {
-	padding : 0px;
-  border : 0px;
-	width : 125px;
+  padding: 0;
+  border: 0;
+  width: 125px;
 }
 
 .calendar-calendar .day-view .full td.calendar-day-holder {
-  padding : 0px;
-  border : 0px;
-  width : 873px;
+  padding: 0;
+  border: 0;
+  width: 873px;
 }
 
 .calendar-calendar .week-view .full div.single-day,
-.calendar-calendar .day-view .full div.single-day { 
-  padding : 0px;
+.calendar-calendar .day-view .full div.single-day {
+  padding: 0;
 }
 
 .calendar-calendar .week-view .full div.single-day .inner,
-.calendar-calendar .day-view .full div.single-day .inner { 
-	position : absolute;
-  z-index : 1;
+.calendar-calendar .day-view .full div.single-day .inner {
+  position: absolute;
+  z-index: 1;
 }
 
 .calendar-calendar .week-view .full td.multi-day {
-	padding : 1px 2px 0px 2px;
+  padding: 1px 2px 0 2px;
 }
 
 .calendar-calendar .day-view .full td.multi-day div.dayview,
 .calendar-calendar .week-view .full td.multi-day div.weekview {
-	height : 22px !important;
+  height: 22px !important;
 }
 
 .calendar-calendar .day-view .full td.multi-day .calendar.dayview .view-field,
 .calendar-calendar .week-view .full td.multi-day .calendar.weekview .view-field {
-  display : inline;
+  display: inline;
 }
 
 .calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation {
-  height : 22px;
-  padding-top: 0px;
-  margin-right : 3px;
+  height: 22px;
+  padding-top: 0;
+  margin-right: 3px;
 }
 
 .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
 .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff,
 .calendar-calendar .day-view .full td.multi-day .inner .dayview .continues,
 .calendar-calendar .day-view .full td.multi-day .inner .dayview .cutoff {
-	height : 22px;
-  padding-top: 0px;
+  height: 22px;
+  padding-top: 0;
 }
 
 .calendar-calendar .week-view div.single-day .view-item,
 .calendar-calendar .day-view div.single-day .view-item {
-  position : absolute;
-  width : 100%;
-  background : none;
-  text-align : left;
-  z-index : 1;
+  position: absolute;
+  width: 100%;
+  background: none;
+  text-align: left;
+  z-index: 1;
 }
 
 .calendar-calendar .week-view div.single-day .half-hour,
 .calendar-calendar .day-view div.single-day .half-hour {
-	font-size : 1px;
-	height : 23px;
-	width : 100%;
-	position :relative;
-	z-index : 0;
-	top : 0px;
-	border-bottom : 1px dotted #cccccc;
+  font-size: 1px;
+  height: 23px;
+  width: 100%;
+  position: relative;
+  z-index: 0;
+  top: 0;
+  border-bottom: 1px dotted #ccc;
 }
 
 .calendar-calendar .week-view div.single-day .view-item .calendar,
 .calendar-calendar .day-view div.single-day .view-item .calendar {
-  margin : 0px;
+  margin: 0;
 }
 
 .calendar-calendar .week-view div.single-day .view-item .contents,
 .calendar-calendar .day-view div.single-day .view-item .contents {
-  overflow : hidden;
+  overflow: hidden;
 }
 
 .calendar-calendar div.single-day .o_0 .view-item {
-  top : 0px;
+  top: 0;
 }
 
 .calendar-calendar div.single-day .o_1 .view-item {
-  top : 12px;
+  top: 12px;
 }
 
 .calendar-calendar div.single-day .o_2 .view-item {
-  top : 24px;
+  top: 24px;
 }
 
 .calendar-calendar div.single-day .o_3 .view-item {
-  top : 36px;
+  top: 36px;
 }
 
 .calendar-calendar div.single-day .o_4 .view-item {
-  top : 40px;
+  top: 40px;
 }
 
 .calendar-calendar div.single-day .d_1 .view-item .calendar {
-  height : 10px;
+  height: 10px;
 }
 
-
 .calendar-calendar div.single-day .d_2 .view-item .calendar {
-  height : 22px;
+  height: 22px;
 }
 
-
 .calendar-calendar div.single-day .d_3 .view-item .calendar {
-  height : 34px;
+  height: 34px;
 }
 
-
 .calendar-calendar div.single-day .d_4 .view-item .calendar {
-  height : 46px;
+  height: 46px;
 }
 
-
 .calendar-calendar div.single-day .d_5 .view-item .calendar {
-  height : 58px;
+  height: 58px;
 }
 
-
 .calendar-calendar div.single-day .d_6 .view-item .calendar {
-  height : 70px;
+  height: 70px;
 }
 
-
 .calendar-calendar div.single-day .d_7 .view-item .calendar {
-  height : 82px;
+  height: 82px;
 }
 
-
 .calendar-calendar div.single-day .d_8 .view-item .calendar {
-  height : 94px;
+  height: 94px;
 }
 
-
 .calendar-calendar div.single-day .d_9 .view-item .calendar {
-  height : 106px;
+  height: 106px;
 }
 
-
 .calendar-calendar div.single-day .d_10 .view-item .calendar {
-  height : 118px;
+  height: 118px;
 }
 
-
 .calendar-calendar div.single-day .d_11 .view-item .calendar {
-  height : 130px;
+  height: 130px;
 }
 
-
 .calendar-calendar div.single-day .d_12 .view-item .calendar {
-  height : 142px;
+  height: 142px;
 }
 
-
 .calendar-calendar div.single-day .d_13 .view-item .calendar {
-  height : 154px;
+  height: 154px;
 }
 
-
 .calendar-calendar div.single-day .d_14 .view-item .calendar {
-  height : 166px;
+  height: 166px;
 }
 
-
 .calendar-calendar div.single-day .d_15 .view-item .calendar {
-  height : 178px;
+  height: 178px;
 }
 
-
-
 .calendar-calendar div.single-day .d_16 .view-item .calendar {
-  height : 190px;
+  height: 190px;
 }
 
-
 .calendar-calendar div.single-day .d_17 .view-item .calendar {
-  height : 202px;
+  height: 202px;
 }
 
 .calendar-calendar div.single-day .d_18 .view-item .calendar {
-  height : 214px;
+  height: 214px;
 }
 
 .calendar-calendar div.single-day .d_19 .view-item .calendar {
-  height : 226px;
+  height: 226px;
 }
 
 .calendar-calendar div.single-day .d_20 .view-item .calendar {
-  height : 238px;
+  height: 238px;
 }
 
 .calendar-calendar div.single-day .d_21 .view-item .calendar {
-  height : 250px;
+  height: 250px;
 }
 
 .calendar-calendar div.single-day .d_22 .view-item .calendar {
-  height : 262px;
+  height: 262px;
 }
 
 .calendar-calendar div.single-day .d_23 .view-item .calendar {
-  height : 274px;
+  height: 274px;
 }
 
 .calendar-calendar div.single-day .d_24 .view-item .calendar {
-  height : 286px;
+  height: 286px;
 }
 
 .calendar-calendar div.single-day .d_25 .view-item .calendar {
-  height : 298px;
+  height: 298px;
 }
 
 .calendar-calendar div.single-day .d_26 .view-item .calendar {
-  height : 310px;
+  height: 310px;
 }
 
 .calendar-calendar div.single-day .d_27 .view-item .calendar {
-  height : 322px;
+  height: 322px;
 }
 
 .calendar-calendar div.single-day .d_28 .view-item .calendar {
-  height : 334px;
+  height: 334px;
 }
 
 .calendar-calendar div.single-day .d_29 .view-item .calendar {
-  height : 346px;
+  height: 346px;
 }
 
 .calendar-calendar div.single-day .d_30 .view-item .calendar {
-  height : 358px;
+  height: 358px;
 }
 
 .calendar-calendar div.single-day .d_31 .view-item .calendar {
-  height : 370px;
+  height: 370px;
 }
 
 .calendar-calendar div.single-day .d_32 .view-item .calendar {
-  height : 382px;
+  height: 382px;
 }
 
 .calendar-calendar div.single-day .d_33 .view-item .calendar {
-  height : 394px;
+  height: 394px;
 }
 
 .calendar-calendar div.single-day .d_34 .view-item .calendar {
-  height : 406px;
+  height: 406px;
 }
 
 .calendar-calendar div.single-day .d_35 .view-item .calendar {
-  height : 418px;
+  height: 418px;
 }
 
 .calendar-calendar div.single-day .d_36 .view-item .calendar {
-  height : 430px;
+  height: 430px;
 }
 
 .calendar-calendar div.single-day .d_37 .view-item .calendar {
-  height : 442px;
+  height: 442px;
 }
 
 .calendar-calendar div.single-day .d_38 .view-item .calendar {
-  height : 454px;
+  height: 454px;
 }
 
 .calendar-calendar div.single-day .d_39 .view-item .calendar {
-  height : 466px;
+  height: 466px;
 }
 
 .calendar-calendar div.single-day .d_40 .view-item .calendar {
-  height : 478px;
+  height: 478px;
 }
 
 .calendar-calendar div.single-day .d_41 .view-item .calendar {
-  height : 490px;
+  height: 490px;
 }
 
 .calendar-calendar div.single-day .d_42 .view-item .calendar {
-  height : 502px;
+  height: 502px;
 }
 
 .calendar-calendar div.single-day .d_43 .view-item .calendar {
-  height : 514px;
+  height: 514px;
 }
 
 .calendar-calendar div.single-day .d_44 .view-item .calendar {
-  height : 526px;
+  height: 526px;
 }
 
 .calendar-calendar div.single-day .d_45 .view-item .calendar {
-  height : 538px;
+  height: 538px;
 }
 
 .calendar-calendar div.single-day .d_46 .view-item .calendar {
-  height : 550px;
+  height: 550px;
 }
 
 .calendar-calendar div.single-day .d_47 .view-item .calendar {
-  height : 562px;
+  height: 562px;
 }
 
 .calendar-calendar div.single-day .d_48 .view-item .calendar {
-  height : 574px;
+  height: 574px;
 }
 
 .calendar-calendar div.single-day .d_49 .view-item .calendar {
-  height : 586px;
+  height: 586px;
 }
 
 .calendar-calendar div.single-day .d_50 .view-item .calendar {
-  height : 598px;
+  height: 598px;
 }
 
 .calendar-calendar div.single-day .d_51 .view-item .calendar {
-  height : 610px;
+  height: 610px;
 }
 
 .calendar-calendar div.single-day .d_52 .view-item .calendar {
-  height : 622px;
+  height: 622px;
 }
 
 .calendar-calendar div.single-day .d_53 .view-item .calendar {
-  height : 634px;
+  height: 634px;
 }
 
 .calendar-calendar div.single-day .d_54 .view-item .calendar {
-  height : 646px;
+  height: 646px;
 }
 
 .calendar-calendar div.single-day .d_55 .view-item .calendar {
-  height : 658px;
+  height: 658px;
 }
 
 .calendar-calendar div.single-day .d_56 .view-item .calendar {
-  height : 670px;
+  height: 670px;
 }
 
 .calendar-calendar div.single-day .d_57 .view-item .calendar {
-  height : 682px;
+  height: 682px;
 }
 
 .calendar-calendar div.single-day .d_58 .view-item .calendar {
-  height : 694px;
+  height: 694px;
 }
 
 .calendar-calendar div.single-day .d_59 .view-item .calendar {
-  height : 706px;
+  height: 706px;
 }
 
 .calendar-calendar div.single-day .d_60 .view-item .calendar {
-  height : 718px;
+  height: 718px;
 }
 
 .calendar-calendar div.single-day .d_61 .view-item .calendar {
-  height : 730px;
+  height: 730px;
 }
 
 .calendar-calendar div.single-day .d_62 .view-item .calendar {
-  height : 742px;
+  height: 742px;
 }
 
 .calendar-calendar div.single-day .d_63 .view-item .calendar {
-  height : 754px;
+  height: 754px;
 }
 
 .calendar-calendar div.single-day .d_64 .view-item .calendar {
-  height : 766px;
+  height: 766px;
 }
 
 .calendar-calendar div.single-day .d_65 .view-item .calendar {
-  height : 778px;
+  height: 778px;
 }
 
 .calendar-calendar div.single-day .d_66 .view-item .calendar {
-  height : 790px;
+  height: 790px;
 }
 
 .calendar-calendar div.single-day .d_67 .view-item .calendar {
-  height : 802px;
+  height: 802px;
 }
 
 .calendar-calendar div.single-day .d_68 .view-item .calendar {
-  height : 814px;
+  height: 814px;
 }
 
 .calendar-calendar div.single-day .d_69 .view-item .calendar {
-  height : 826px;
+  height: 826px;
 }
 
 .calendar-calendar div.single-day .d_70 .view-item .calendar {
-  height : 838px;
+  height: 838px;
 }
 
 .calendar-calendar div.single-day .d_71 .view-item .calendar {
-  height : 850px;
+  height: 850px;
 }
 
 .calendar-calendar div.single-day .d_72 .view-item .calendar {
-  height : 862px;
+  height: 862px;
 }
 
 .calendar-calendar div.single-day .d_73 .view-item .calendar {
-  height : 874px;
+  height: 874px;
 }
 
 .calendar-calendar div.single-day .d_74 .view-item .calendar {
-  height : 886px;
+  height: 886px;
 }
 
 .calendar-calendar div.single-day .d_75 .view-item .calendar {
-  height : 898px;
+  height: 898px;
 }
 
 .calendar-calendar div.single-day .d_76 .view-item .calendar {
-  height : 910px;
+  height: 910px;
 }
 
 .calendar-calendar div.single-day .d_77 .view-item .calendar {
-  height : 922px;
+  height: 922px;
 }
 
 .calendar-calendar div.single-day .d_78 .view-item .calendar {
-  height : 934px;
+  height: 934px;
 }
 
 .calendar-calendar div.single-day .d_79 .view-item .calendar {
-  height : 946px;
+  height: 946px;
 }
 
 .calendar-calendar div.single-day .d_80 .view-item .calendar {
-  height : 958px;
+  height: 958px;
 }
 
 .calendar-calendar div.single-day .d_81 .view-item .calendar {
-  height : 970px;
+  height: 970px;
 }
 
 .calendar-calendar div.single-day .d_82 .view-item .calendar {
-  height : 982px;
+  height: 982px;
 }
 
 .calendar-calendar div.single-day .d_83 .view-item .calendar {
-  height : 994px;
+  height: 994px;
 }
 
 .calendar-calendar div.single-day .d_84 .view-item .calendar {
-  height : 1006px;
+  height: 1006px;
 }
 
 .calendar-calendar div.single-day .d_85 .view-item .calendar {
-  height : 1018px;
+  height: 1018px;
 }
 
 .calendar-calendar div.single-day .d_86 .view-item .calendar {
-  height : 1030px;
+  height: 1030px;
 }
 
 .calendar-calendar div.single-day .d_87 .view-item .calendar {
-  height : 1042px;
+  height: 1042px;
 }
 
 .calendar-calendar div.single-day .d_88 .view-item .calendar {
-  height : 1054px;
+  height: 1054px;
 }
 
 .calendar-calendar div.single-day .d_89 .view-item .calendar {
-  height : 1066px;
+  height: 1066px;
 }
 
 .calendar-calendar div.single-day .d_90 .view-item .calendar {
-  height : 1078px;
+  height: 1078px;
 }
 
 .calendar-calendar div.single-day .d_91 .view-item .calendar {
-  height : 1090px;
+  height: 1090px;
 }
 
 .calendar-calendar div.single-day .d_92 .view-item .calendar {
-  height : 1102px;
+  height: 1102px;
 }
 
 .calendar-calendar div.single-day .d_93 .view-item .calendar {
-  height : 1114px;
+  height: 1114px;
 }
 
 .calendar-calendar div.single-day .d_94 .view-item .calendar {
-  height : 1128px;
+  height: 1128px;
 }
 
 .calendar-calendar div.single-day .d_95 .view-item .calendar {
-  height : 1140px;
+  height: 1140px;
 }
 
 .calendar-calendar div.single-day .d_96 .view-item .calendar {
-  height : 1152px;
+  height: 1152px;
 }
 
 .calendar-calendar .week-view div.single-day .i_0 .view-item .calendar {
-  margin-left : 0px;
-  width : 55px;
+  margin-left: 0;
+  width: 55px;
 }
 
 .calendar-calendar .week-view div.single-day .i_1 .view-item .calendar {
-  margin-left : 15px;
-  width : 102px;
+  margin-left: 15px;
+  width: 102px;
 }
 
 .calendar-calendar .week-view div.single-day .i_2 .view-item .calendar {
-  margin-left : 23px;
-  width : 94px;
+  margin-left: 23px;
+  width: 94px;
 }
 
 .calendar-calendar .week-view div.single-day .i_3 .view-item .calendar {
-  margin-left : 29px;
-  width : 88px;
+  margin-left: 29px;
+  width: 88px;
 }
 
 .calendar-calendar .week-view div.single-day .i_4 .view-item .calendar {
-  margin-left : 40px;
-  width : 77px;
+  margin-left: 40px;
+  width: 77px;
 }
 
 .calendar-calendar .week-view div.single-day .i_5 .view-item .calendar {
-  margin-left : 50px;
-  width : 67px;
+  margin-left: 50px;
+  width: 67px;
 }
 
 .calendar-calendar .week-view div.single-day .i_6 .view-item .calendar {
-  margin-left : 60px;
-  width : 57px;
+  margin-left: 60px;
+  width: 57px;
 }
 
 .calendar-calendar .week-view div.single-day .i_7 .view-item .calendar {
-  margin-left : 67px;
-  width : 50px;
+  margin-left: 67px;
+  width: 50px;
 }
 
 .calendar-calendar .week-view div.single-day .i_8 .view-item .calendar {
-  margin-left : 75px;
-  width : 42px;
+  margin-left: 75px;
+  width: 42px;
 }
 
 .calendar-calendar .week-view div.single-day .i_9 .view-item .calendar {
-  margin-left : 90px;
-  width : 27px;
+  margin-left: 90px;
+  width: 27px;
 }
 
 .calendar-calendar .week-view div.single-day .i_0.md_0 .view-item .calendar {
-    width : 100px !important;
-    width : auto;
+    width: 100px !important;
+    width: auto;
 }
 
 .calendar-calendar .week-view div.single-day .i_0.md_1 .view-item .calendar {
-    width : 75px !important;
-    width : auto;
+    width: 75px !important;
+    width: auto;
 }
 
 .calendar-calendar .day-view div.single-day .i_0 .view-item .calendar {
-  margin-left : 2px;
-  width : 210px !important;
-  width : 838px;
+  margin-left: 2px;
+  width: 210px !important;
+  width: 838px;
 }
 
 .calendar-calendar .day-view div.single-day .i_1 .view-item .calendar {
-  margin-left : 90px;
-  width : 750px;
+  margin-left: 90px;
+  width: 750px;
 }
 
 .calendar-calendar .day-view div.single-day .i_2 .view-item .calendar {
-  margin-left : 180px;
-  width : 660px;
+  margin-left: 180px;
+  width: 660px;
 }
 
 .calendar-calendar .day-view div.single-day .i_3 .view-item .calendar {
-  margin-left : 270px;
-  width : 570px;
+  margin-left: 270px;
+  width: 570px;
 }
 
 .calendar-calendar .day-view div.single-day .i_4 .view-item .calendar {
-  margin-left : 360px;
-  width : 480px;
+  margin-left: 360px;
+  width: 480px;
 }
 
 .calendar-calendar .day-view div.single-day .i_5 .view-item .calendar {
-  margin-left : 450px;
-  width : 390px;
+  margin-left: 450px;
+  width: 390px;
 }
 
 .calendar-calendar .day-view div.single-day .i_6 .view-item .calendar {
-  margin-left : 540px;
-  width : 300px;
+  margin-left: 540px;
+  width: 300px;
 }
 
 .calendar-calendar .day-view div.single-day .i_7 .view-item .calendar {
-  margin-left : 630px;
-  width : 210px;
+  margin-left: 630px;
+  width: 210px;
 }
 
 .calendar-calendar .day-view div.single-day .i_8 .view-item .calendar {
-  margin-left : 720px;
-  width : 120px;
+  margin-left: 720px;
+  width: 120px;
 }
 
 .calendar-calendar .day-view div.single-day .i_9 .view-item .calendar {
-  margin-left : 810px;
-  width : 30px;
+  margin-left: 810px;
+  width: 30px;
 }
 
 .calendar-calendar .day-view div.single-day .i_0.md_0 .view-item .calendar {
-    width : 838px !important;
-    width : auto;
+    width: 838px !important;
+    width: auto;
 }
 
 .calendar-calendar .day-view div.single-day .i_0.md_1 .view-item .calendar {
-    width : 419px !important;
-    width : auto;
+    width: 419px !important;
+    width: auto;
 }
 
 .calendar-calendar .day-view div.single-day .i_0.md_2 .view-item .calendar {
-    width : 350px !important;
-    width : auto;
+    width: 350px !important;
+    width: auto;
 }
 
 .single-day-footer .grippie,
@@ -799,5 +781,5 @@
   overflow: hidden;
   background: #eee url(/misc/grippie.png) no-repeat center 2px;
   cursor: s-resize;
-  height : 3px;
+  height: 3px;
 }
diff --git a/modules/calendar/calendar_multiday/calendar_multiday.css b/modules/calendar/calendar_multiday/calendar_multiday.css
index 44f0edc..22d2947 100644
--- a/modules/calendar/calendar_multiday/calendar_multiday.css
+++ b/modules/calendar/calendar_multiday/calendar_multiday.css
@@ -94,7 +94,7 @@
 .calendar-calendar td a:hover {
   text-decoration: underline;
 }
-.calendar-calendar td.year, 
+.calendar-calendar td.year,
 .calendar-calendar td.month {
   text-align: center;
 }
@@ -158,8 +158,8 @@
   white-space: normal;
 }
 
-table td.mini, 
-table th.mini, 
+table td.mini,
+table th.mini,
 table.mini td.week {
   padding:0 1px 0 0;
   margin:0;
@@ -223,7 +223,7 @@ table.calendar-legend tr.even .stripe {
   line-height:1px;
 }
 
-/* formatting for the full day view */  
+/* formatting for the full day view */
 .calendar-calendar td.calendar-agenda-hour {
   text-align:right;
   border:none;
@@ -264,8 +264,8 @@ table.calendar-legend tr.even .stripe {
   float:right;
   width:25%;
 }
-.calendar-date-select div, 
-.calendar-date-select input, 
+.calendar-date-select div,
+.calendar-date-select input,
 .calendar-date-select label {
   text-align:right;
   padding:0;
@@ -289,7 +289,7 @@ table.calendar-legend tr.even .stripe {
   width:auto;
   border:1px solid #ccc;
 }
-.calendar-calendar div.date-nav a, 
+.calendar-calendar div.date-nav a,
 .calendar-calendar div.date-nav h3 {
   color:#777;
   text-decoration:none;
@@ -301,7 +301,7 @@ table.calendar-legend tr.even .stripe {
   border:1px solid #ccc;
 }
 .calendar-calendar td.empty {
-  background:#ccc;
+  background:#999;
   border-color:#ccc;
 }
 .calendar-calendar table.mini td.empty {
@@ -313,6 +313,7 @@ table.calendar-legend tr.even .stripe {
   border-top:none;
   border-right:none;
   margin-bottom:2px;
+  color: #ccc;
 }
 .calendar-calendar td .inner div,
 .calendar-calendar td .inner div a {
@@ -382,13 +383,13 @@ table.calendar-legend tr.even .stripe {
 }
 
 .calendar-calendar .week-view .full .calendar-agenda-hour {
-  width : 6%;
-  min-width : 0px;
+  width : 12%;
+  min-width : 12%;
   padding-right : 2px;
 }
 
-.calendar-calendar .week-view .full .days {
-  width : 13%;
+.calendar-calendar .week-view #multi-day-container table tr {
+  border-right: 1px solid currentcolor;
 }
 
 .calendar-calendar .month-view .full div.calendar,
@@ -404,21 +405,21 @@ table.calendar-legend tr.even .stripe {
 	  height : 19px;
     max-height : 19px;
 }
-  
+
 .calendar-calendar .month-view .full tr.single-day .no-entry,
 .calendar-calendar .month-view .full tr.single-day .no-entry .inner {
   height : 44px !important;
   line-height : 44px;
   font-size : 1px;
 }
-  
+
 .calendar-calendar .month-view .full tr.single-day .noentry-multi-day,
 .calendar-calendar .month-view .full tr.single-day .noentry-multi-day .inner {
 	height : 22px !important;
   line-height : 22px;
   font-size : 1px;
 }
-  
+
 .calendar-calendar .month-view .full td,
 .calendar-calendar .week-view .full td,
 .calendar-calendar .day-view  td {
@@ -426,7 +427,7 @@ table.calendar-legend tr.even .stripe {
   padding :1px 2px 0 2px
 }
 
-.calendar-calendar .month-view .full td.date-box { 
+.calendar-calendar .month-view .full td.date-box {
   height : 1%;
   border-bottom: 0px;
   padding-bottom : 2px;
@@ -449,13 +450,13 @@ table.calendar-legend tr.even .stripe {
    margin-bottom: 0px;
 }
 
-.calendar-calendar .month-view .full td.date-box .inner, 
-.calendar-calendar .week-view .full td.date-box .inner { 
+.calendar-calendar .month-view .full td.date-box .inner,
+.calendar-calendar .week-view .full td.date-box .inner {
     min-height : inherit;
 }
 
 .calendar-calendar .month-view .full td.multi-day,
-.calendar-calendar .week-view .full td.multi-day { 
+.calendar-calendar .week-view .full td.multi-day {
   border-top: 0px;
   border-bottom: 0px;
 }
@@ -464,13 +465,13 @@ table.calendar-legend tr.even .stripe {
   border-top : 1px solid #CCCCCC;
 }
 
-.calendar-calendar .month-view .full td.single-day { 
+.calendar-calendar .month-view .full td.single-day {
   border-top: 0px;
 }
 
 .calendar-calendar .month-view .full td.multi-day .inner,
 .calendar-calendar .week-view .full td.multi-day .inner,
-.calendar-calendar .day-view .full td.multi-day .inner { 
+.calendar-calendar .day-view .full td.multi-day .inner {
   min-height : inherit;
   width : auto;
   position : relative;
@@ -486,35 +487,35 @@ table.calendar-legend tr.even .stripe {
   background : #F4F4F4;
 }
 
-.calendar-calendar .month-view .full td.single-day .inner div, 
+.calendar-calendar .month-view .full td.single-day .inner div,
 .calendar-calendar .month-view .full td.single-day .inner div a ,
-.calendar-calendar .month-view .full td.multi-day .inner div, 
+.calendar-calendar .month-view .full td.multi-day .inner div,
 .calendar-calendar .month-view .full td.multi-day .inner div a ,
-.calendar-calendar .month-view .full td .inner div.calendar.monthview div, 
+.calendar-calendar .month-view .full td .inner div.calendar.monthview div,
 .calendar-calendar .month-view .full td .inner div.calendar.monthview div a,
-.calendar-calendar .week-view .full td.single-day .inner div, 
+.calendar-calendar .week-view .full td.single-day .inner div,
 .calendar-calendar .week-view .full td.single-day .inner div a ,
-.calendar-calendar .week-view .full td.multi-day .inner div, 
+.calendar-calendar .week-view .full td.multi-day .inner div,
 .calendar-calendar .week-view .full td.multi-day .inner div a ,
-.calendar-calendar .week-view .full td .inner div.calendar.weekview div, 
+.calendar-calendar .week-view .full td .inner div.calendar.weekview div,
 .calendar-calendar .week-view .full td .inner div.calendar.weekview div a,
-.calendar-calendar .day-view .full td .inner div.view-item, 
-.calendar-calendar .day-view .full td .inner div.calendar div, 
+.calendar-calendar .day-view .full td .inner div.view-item,
+.calendar-calendar .day-view .full td .inner div.calendar div,
 .calendar-calendar .day-view .full td .inner div.calendar div a {
   background : none;
 }
 
-.calendar-calendar .day-view .full td .inner div.calendar div, 
+.calendar-calendar .day-view .full td .inner div.calendar div,
 .calendar-calendar .day-view .full td .inner div.calendar div a {
   margin : 0px 3px;
 }
 
 .calendar-calendar .day-view .full td .inner div.calendar div.stripe {
   margin : 0px;
-} 
+}
 
-.calendar-calendar .month-view .full tr td.today, 
-.calendar-calendar .month-view .full tr.odd td.today, 
+.calendar-calendar .month-view .full tr td.today,
+.calendar-calendar .month-view .full tr.odd td.today,
 .calendar-calendar .month-view .full tr.even td.today {
   background: none;
   border-left :2px solid #7C7F12;
@@ -594,11 +595,11 @@ table.calendar-legend tr.even .stripe {
   height : 3.5em;
 }
 
-.calendar-calendar .month-view .full td.multi-day .inner .view-field, 
+.calendar-calendar .month-view .full td.multi-day .inner .view-field,
 .calendar-calendar .month-view .full td.multi-day .inner .view-field a,
-.calendar-calendar .week-view .full td.multi-day .inner .view-field, 
+.calendar-calendar .week-view .full td.multi-day .inner .view-field,
 .calendar-calendar .week-view .full td.multi-day .inner .view-field a,
-.calendar-calendar .day-view .full td.multi-day .inner .view-field, 
+.calendar-calendar .day-view .full td.multi-day .inner .view-field,
 .calendar-calendar .day-view .full td.multi-day .inner .view-field a {
     color : #ffffff;
 }
diff --git a/themes/zuitedesk/css/suitedesk.css b/themes/zuitedesk/css/suitedesk.css
index 4d2de78..f7e51cd 100644
--- a/themes/zuitedesk/css/suitedesk.css
+++ b/themes/zuitedesk/css/suitedesk.css
@@ -976,10 +976,7 @@ table#stormevents td .event-title {
   width: 14.2857%;
   min-width: 90px;
 }
-.calendar-calendar .week-view .full th,
-.calendar-calendar .week-view .full tr.all-day td.calendar-agenda-hour {
-  width: 12% !important;
-}
+
 .calendar-calendar .week-view .full th.today {
   background-color: #556372;
   color: #eee;
@@ -987,12 +984,7 @@ table#stormevents td .event-title {
 .calendar-calendar .month-view .full td .day {
   width: 2em;
 }
-.calendar-calendar .month-view .full td.empty {
-  background: #999 !important;
-}
-.calendar-calendar .month-view .full td.empty .day {
-  color: #ccc;
-}
+
 .calendar-calendar .day-view .full td .inner div.calendar div a {
   margin: 0;
 }