diff --git a/plugins/libkolab/skins/elastic/include/calendar.less b/plugins/libkolab/skins/elastic/include/calendar.less
index 60d1ba90..12e82fae 100644
--- a/plugins/libkolab/skins/elastic/include/calendar.less
+++ b/plugins/libkolab/skins/elastic/include/calendar.less
@@ -1,1946 +1,1946 @@
 /**
  * Kolab core library
  *
  * This file contains Elastic skin styles for calendar plugin.
  *
  * @author Aleksander Machniak <machniak@kolabsys.com>
  *
  * Copyright (C) 2012-2018, Kolab Systems AG <contact@kolabsys.com>
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU Affero General Public License as
  * published by the Free Software Foundation, either version 3 of the
  * License, or (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  * GNU Affero General Public License for more details.
  *
  * You should have received a copy of the GNU Affero General Public License
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
 .toolbarmenu.listing li {
     a.calendarlink:before {
         .font-icon-regular(@fa-var-calendar);
     }
 
     a.send:before {
         content: @fa-var-paper-plane;
     }
 }
 
 // Icon for resources in autocompletion list
 .listing.iconized li.resource > i:before {
     content: @fa-var-cube;
 }
 
 a.button.today:before {
     .font-icon-regular(@fa-var-calendar);
 }
 
 a.button.date:before {
     .font-icon-regular(@fa-var-calendar-alt);
 }
 
 .listing {
     li {
         & > div {
             &.calendar .calname:before {
                 &:extend(.font-icon-class);
                 content: @fa-var-calendar-alt;
             }
 
             &.calendar.cal---invitation--pending .calname:before,
             &.calendar.cal---invitation--declined .calname:before {
                 .font-icon-regular(@fa-var-calendar-alt);
             }
 
             &.calendar.cal-__bdays__ .calname:before {
                 content: @fa-var-birthday-cake;
             }
 
             &.calendar.cal---invitation--pending,
             &.calendar.cal---invitation--declined,
             &.calendar.cal-__bdays__ {
                 font-style: italic;
 
                 a.quickview {
                     padding-right: .25rem;
                 }
 
                 a.calname {
                     padding-right: 4em;
                 }
 
                 .count {
                     right: 5.5em;
                     font-style: normal;
                 }
             }
         }
 
         // Calednars list element (color indicator) used in Larry
         span.handle {
             display: none;
         }
     }
 }
 
 #calendarcategories {
     .input-group:not(:last-child) {
         margin-bottom: .25rem;
     }
 }
 
 fieldset.categories .input-group {
     .minicolors-input {
         border-radius: 0;
     }
 
     .minicolors + .input-group-append {
         margin-left: 0;
     }
 
     a.button.create {
         &:before {
             &:extend(.font-icon-class);
             content: @fa-var-plus;
             line-height: 1;
         }
     }
 }
 
 .calendar-invitebox {
     & > i.icon:before {
         content: @fa-var-calendar !important;
     }
 }
 
 .calendar-agenda-preview {
     display: none;
     margin-top: .5rem;
     border-top: 1px solid #ddd;
 
     h3 {
         margin-top: .5rem;
     }
 
     .event-row {
         white-space: nowrap;
         .overflow-ellipsis;
 
         &.current {
             color: #333;
             font-weight: bold;
         }
 
         &.no-event {
             font-style: italic;
         }
 
         &.fc-invitation-needs-action {
             color: @color-black-shade-text;
 
             .event-title {
                 font-style: italic;
             }
         }
     }
 
     .event-title {
         padding-left: .5rem;
     }
 
     .event-date {
     }
 }
 
 #calendar.content {
     overflow: hidden !important; // fullcalendar widget implements scrolling on its own
     position: relative;
 }
 
 .calendar-datepicker {
     // overwrite jQuery-UI datepicker styles
     .ui-datepicker {
         top: initial !important;
         left: initial !important;
         position: relative !important;
         transform: unset;
         box-shadow: none;
         border: 0;
         border-radius: 0;
         width: auto;
         min-width: auto !important;
         font-size: .9rem;
         background-color: @color-black-shade-bg;
 
         table {
             margin: 0;
         }
 
         td a {
             font-size: .9rem !important;
         }
     }
 
     .ui-datepicker-header {
         background-color: @color-black-shade-bg;
         border-top: 1px solid @color-layout-border;
     }
 
     .ui-dialog & {
         .ui-datepicker {
             background: transparent;
         }
 
         .ui-datepicker-header {
             background: transparent;
             border: 0;
         }
 
         td a {
             line-height: 3em !important;
             font-size: 1rem !important;
         }
     }
 }
 
 body.quickview-active .fc-content {
     background: data-uri("image/svg+xml;charset=utf-8", "../images/eye.svg") center no-repeat;
     background-size: 50%;
 }
 
 // Fullcalendar styles
 @color-calendar-border: @color-layout-border;
 @color-calendar-free-bg: fadeout(@color-black-shade-text, 97%);
 
 .fc {
     flex: auto !important;
 
     .fc-header {
         tr {
             background-color: @color-black-shade-bg;
         }
     }
 
     .fc-header-left {
         width: 25%;
 
         span {
             display: none;
         }
 
     }
 
     .fc-header-center {
         text-align: center;
 
         h2 {
             margin: 0;
             color: @color-black-shade-text;
             white-space: nowrap;
         }
     }
 
     .fc-header-right {
         width: 25%;
         text-align: right;
 
         span {
             display: none;
         }
     }
 
     .btn-group {
         padding: .5rem;
     }
 
     .fc-header-title {
         h2 {
             font-size: 1.25rem;
             font-weight: bold;
         }
     }
 
     .fc-view {
         width: 100%;
         overflow: hidden;
     }
 
     // Cell Styles
 
     .fc-widget-header,    // <th>, usually
     .fc-widget-content {  // <td>, usually
         border: 1px solid @color-calendar-border;
     }
 
     .fc-cell-overlay { // semi-transparent rectangle while dragging
         background: #bce8f1;
         opacity: .3;
     }
 
     // Buttons
 
     .fc-button {
         position: relative;
         display: inline-block;
         padding: 0 .6em;
         overflow: hidden;
         height: 1.9em;
         line-height: 1.9em;
         white-space: nowrap;
         cursor: pointer;
     }
 
     // Button states
     // borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
 
     .fc-state-highlight { // <td> today cell, TODO: add .fc-today to <th>
         background: fadeout(@color-main, 92%);
     }
 
 /*
     .fc-state-default {
         border: 1px solid;
         background-color: #f4f4f4;
     }
 
     .fc-state-hover,
     .fc-state-down,
     .fc-state-active,
     .fc-state-disabled {
         color: #333333;
         background-color: #e6e6e6;
     }
     .fc-state-hover {
         color: #333333;
         text-decoration: none;
     }
 
     .fc-state-down,
     .fc-state-active {
         background-color: #cccccc;
         outline: 0;
     }
 */
     .fc-state-disabled {
         cursor: default;
         opacity: 0.65;
     }
 
     // Global Event Styles
 
     .fc-event-container {
         & > * {
             z-index: 8;
         }
 
         & > .ui-draggable-dragging,
         & > .ui-resizable-resizing {
             z-index: 9;
         }
     }
 
     .fc-event {
         border: 1px solid #3a87ad; // default BORDER color
         background-color: #3a87ad; // default BACKGROUND color
         color: #fff;               // default TEXT color
         font-size: .85em;
         cursor: default;
 
         .fc-rtl & {
             text-align: right;
         }
     }
 
     a.fc-event {
         text-decoration: none;
     }
 
     a.fc-event,
     .fc-event-draggable {
         cursor: pointer;
     }
 
     .fc-event-inner {
         width: 100%;
         height: 100%;
         overflow: hidden;
     }
 
     .fc-event-time,
     .fc-event-title {
         padding: 0 1px;
     }
 
     .ui-resizable-handle {
         z-index: 99999;
     }
 
     // Horizontal Events
 
     .fc-event-hori {
         border-width: 1px 0;
         margin-bottom: 1px;
     }
 
     .fc-ltr .fc-event-hori.fc-event-start,
     .fc-rtl .fc-event-hori.fc-event-end {
         border-left-width: 1px;
     }
 
     .fc-ltr .fc-event-hori.fc-event-end,
     .fc-rtl .fc-event-hori.fc-event-start {
         border-right-width: 1px;
     }
 
     // resizable
 
     .fc-event-hori {
         .ui-resizable-e {
             cursor: e-resize;
         }
 
         .ui-resizable-w {
             cursor: w-resize;
         }
     }
 
     // Reusable Separate-border Table
 
     .fc-border-separate {
         border-collapse: separate;
 
         th,
         td {
             border-width: 1px 0 0 1px;
 
             &.fc-last {
                 border-right-width: 1px;
             }
         }
 
         tr.fc-last th,
         tr.fc-last td {
             border-bottom-width: 1px;
         }
 
         tbody tr.fc-first td,
         tbody tr.fc-first th {
             border-top-width: 0;
         }
     }
 
     .fc-event-date,
     .fc-event-time {
         white-space: nowrap;
     }
 
     // Month View, Basic Week View, Basic Day View
 
     .fc-week-number {
         width: 1%;
         color: tint(@color-black-shade-text, 50%) !important;
         border-left: 0;
         font-size: .9rem;
 
         div {
             padding: 0 2px;
         }
     }
 
     .fc-day {
         vertical-align: top;
     }
 
     .fc-day-header {
         color: @color-black-shade-text;
     }
 
     .fc-grid {
         th {
             text-align: center;
         }
 
         .fc-day-number {
             float: right;
             padding: 0 2px;
             font-size: .9rem;
         }
 
         .fc-other-month .fc-day-number {
             opacity: 0.3;
         }
 
         .fc-day-content {
             clear: both;
             padding: 2px 2px 1px; // distance between events and day edges
         }
 
         // event styles
         .fc-event-time {
             font-weight: bold;
             white-space: nowrap;
         }
 
         // right-to-left
         .fc-rtl & .fc-day-number {
             float: left;
         }
 
         .fc-rtl & .fc-event-time {
             float: right;
         }
     }
 
     .fc-more-link {
         font-size: 0.85em;
         white-space: nowrap;
         text-decoration: none;
         cursor: pointer;
         padding: 1px;
         color: @color-link !important;
     }
 
     // Agenda Week View, Agenda Day View
 
     .fc-agenda-days {
         th {
             text-align: center;
         }
 
         .fc-widget-header {
             color: @color-black-shade-text;
         }
     }
 
     .fc-agenda {
         table {
             border-collapse: separate;
         }
 
         .fc-agenda-axis {
             width: 50px;
             padding: 0 4px;
             vertical-align: middle;
             text-align: center;
             white-space: nowrap;
             font-weight: normal;
             font-size: .9rem;
             border-left: 0;
             color: @color-black-shade-text;
         }
 
         .fc-week-number {
             font-weight: bold;
         }
 
         .fc-day-content {
             padding: 2px 2px 1px;
         }
     }
 
     // make axis border take precedence
 
     .fc-agenda-days .fc-agenda-axis {
         border-right-width: 1px;
     }
 
     .fc-agenda-days .fc-col0 {
         border-left-width: 0;
     }
 
     // all-day area
 
     .fc-agenda-allday {
         th {
             border-width: 0 1px;
         }
 
         .fc-day-content {
             min-height: 34px;
         }
     }
 
     // divider (between all-day and slots)
 
     .fc-agenda-divider-inner {
         height: 1px;
         overflow: hidden;
     }
 
     // slot rows
 
     .fc-agenda-slots {
         th {
             border-width: 1px 1px 0;
         }
 
         td {
             border-width: 1px 0 0;
             background: none;
         }
 
         td div {
             height: 20px;
         }
 
         tr.fc-slot0 th,
         tr.fc-slot0 td {
             border-top-width: 0;
         }
 
         tr.fc-minor th,
         tr.fc-minor td {
             border-top-style: dotted;
         }
     }
 
     // Vertical Events
 
     .fc-event-vert {
         border-width: 0 1px;
 
         .fc-event-head,
         .fc-event-content {
             position: relative;
             z-index: 2;
             width: 100%;
             overflow: hidden;
         }
 
         &.fc-event-start {
             border-top-width: 1px;
         }
 
         &.fc-event-end {
             border-bottom-width: 1px;
         }
 
         .fc-event-time {
             white-space: nowrap;
             font-size: 10px;
             font-weight: bold;
         }
 
         .fc-event-inner {
             position: relative;
             z-index: 2;
         }
 
         .fc-event-bg { // makes the event lighter w/ a semi-transparent overlay
             position: absolute;
             z-index: 1;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: #fff;
             opacity: .25;
         }
     }
 
     // resizable
 
     .fc-event-vert .ui-resizable-s {
         bottom: 0        !important; // importants override pre jquery ui 1.7 styles
         width: 100%      !important;
         height: 8px      !important;
         overflow: hidden !important;
         line-height: 8px !important;
         font-size: 11px  !important;
         font-family: monospace;
         text-align: center;
         cursor: s-resize;
     }
 
     .fc-timeline {
         position: absolute;
         width: 100%;
         left: 0;
         margin: 0;
         padding: 0;
         border: none;
         border-top: 2px solid @color-success;
         z-index: 999;
     }
 
     // List view  (by bruederli@kolabsys.com)
 
     .fc-view-list,
     .fc-view-table {
         border-left: 0;
         border-bottom: 0;
         border-top: 1px solid @color-layout-border;
         width: auto;
 
         .fc-list-header,
         td.fc-list-header {
             border-width: 0;
             border-bottom-width: 1px;
             padding: 3px 5px;
             font-weight: bold;
         }
 
         .fc-event {
             font-size: 1rem;
         }
     }
 
     .fc-list-section {
         padding: 4px 2px;
         border-width: 0;
         border-bottom-width: 1px;
 
         .fc-event {
             position: relative;
             margin: 1px 2px 3px 2px;
 
             td:not(.fc-event-handle) {
                 vertical-align: top;
             }
         }
 
         .fc-event-time {
             .overflow-ellipsis;
         }
 
         .fc-event-title {
             font-weight: bold;
         }
     }
 
     .fc-view-list .fc-last {
         border-bottom: 0;
     }
 
     .fc-view-table {
         tr.fc-event {
             background: inherit;
             color: inherit;
 
             td {
                 padding: 2px;
                 border-bottom: 1px solid @color-calendar-border;
             }
 
             td.fc-event-handle {
                 padding: 7px 8px 6px 5px;
                 vertical-align: top;
             }
         }
 
         .fc-first td.fc-list-header {
             border-top-width: 0;
         }
 
         .fc-event-handle {
             .fc-event-inner {
                 display: block;
                 width: 8px;
                 height: 10px;
             }
         }
 
         table {
             table-layout: fixed;
             width: 100%;
         }
 
         .fc-event-inner {
             border-color: inherit;
             background-color: inherit;
         }
 
         col.fc-event-handle {
             width: 18px;
         }
 
         col.fc-event-date {
             width: 7em;
             white-space: nowrap;
             padding-right: 1em;
 
             .fc-list-day & {
                 width: 1px;
             }
         }
 
         col.fc-event-time {
             width: 9em;
             white-space: nowrap;
             padding-right: 1em;
         }
     }
 
     .fc-event-hori.fc-type-freebusy,
     .fc-event-vert.fc-type-freebusy {
         opacity: 0.6;
 
         .fc-event-title {
             position: absolute;
             top: -5000px;
         }
     }
 
     .fc-event-row.fc-type-freebusy td {
         color: #999;
     }
 
     .fc-event-vert.fc-invitation-needs-action,
     .fc-event-hori.fc-invitation-needs-action {
         border: 1px dashed #5757c7 !important;
     }
 
     .fc-event-vert.fc-invitation-tentative,
     .fc-event-hori.fc-invitation-tentative {
         border: 1px dashed #eb8900 !important;
     }
 
     .fc-event-vert.fc-invitation-declined,
     .fc-event-hori.fc-invitation-declined {
         border: 1px dashed #c00 !important;
     }
 
     .fc-event-vert.fc-event-ns-other.fc-invitation-declined,
     .fc-event-hori.fc-event-ns-other.fc-invitation-declined {
         opacity: 0.7;
     }
 
     .fc-event-ns-other.fc-invitation-declined .fc-event-title {
         text-decoration: line-through;
     }
 
     .fc-event-vert.fc-invitation-tentative .fc-event-bg {
         background: url(data:image/gif;base64,R0lGODlhCAAIAPABAOuJAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
     }
 
     .fc-event-vert.fc-invitation-needs-action .fc-event-bg {
         background: url(data:image/gif;base64,R0lGODlhCAAIAPABAFdXx////yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
     }
 
     .fc-event-vert.fc-invitation-declined .fc-event-bg {
         background: url(data:image/gif;base64,R0lGODlhCAAIAPABAMwAAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
     }
 
     .fc-view-table tr.fc-invitation-tentative td,
     .fc-view-table tr.fc-invitation-declined td,
     .fc-view-table tr.fc-invitation-needs-action td {
         color: #888;
     }
 
     .fc-view-table tr.fc-invitation-tentative td.fc-event-title,
     .fc-view-table tr.fc-invitation-declined td.fc-event-title,
     .fc-view-table tr.fc-invitation-needs-action td.fc-event-title {
         font-weight: normal;
     }
 
     .fc-needs-action,
     .fc-declined,
     .cal-event-status-cancelled {
         opacity: 0.6;
     }
 
     .fc-icon-alarms,
     .fc-icon-sensitive,
     .fc-icon-recurring {
         display: inline-block;
         width: 1em;
         height: 1em;
         margin-left: .25rem;
 
         &:before {
             &:extend(.font-icon-class);
             font-size: 1em;
             line-height: 1;
         }
     }
 
     .fc-icon-recurring:before {
         .font-icon-regular(@fa-var-clone);
     }
 
     .fc-icon-alarms:before {
         content: @fa-var-bell;
     }
 
     .fc-icon-sensitive:before {
         content: @fa-var-lock;
     }
 
     .fc-event-temp {
         opacity: 0.4;
     }
 
     .fc-sat, .fc-sun {
         background-color: @color-calendar-free-bg;
     }
 
     // remove redundant borders
     .fc-first tbody .fc-day-header,
     .fc-first .fc-day-header.fc-first,
     .fc-week .fc-first {
         border-left: 0;
     }
 
     .fc-agenda-days tbody .fc-last > *,
     .fc-agenda-slots tr:last-child td,
     .fc-week.fc-last .fc-day {
         border-bottom: 0;
     }
 }
 
 // Add scrollbar on iOS
 html:matches(.ipad,.iphone) {
     .ui-dialog-content:not(.iframe),
     #fish-eye-view,
     .fc-list-content,
     .fc-view > div > div {
         &::-webkit-scrollbar {
             -webkit-appearance: none;
         }
 
         &::-webkit-scrollbar:vertical {
              width: .6rem;
         }
 
         &::-webkit-scrollbar:horizontal {
             height: .6rem;
         }
 
         &::-webkit-scrollbar-thumb {
             background-color: rgba(0, 0, 0, .4);
             border-radius: .3rem;
             border: 2px solid #fff;
         }
     }
 }
 
 // fullcalendar style overrides for printing
 .print-content {
     .fc-header {
         tr {
             background-color: #fff;
         }
     }
 
     .fc-header-center {
         width: 100%;
         h2 {
             color: #000;
             padding-bottom: .75rem;
             font-size: 1.5rem !important;
         }
     }
 
     .ui-resizable-handle,
     .fc-agenda-gutter,
     .fc-header-left,
     .fc-header-right {
         display: none !important;
     }
 
     .fc-view {
         overflow: visible;
     }
 
     .fc-list-section td,
     .fc-event {
         color: black !important;
     }
 
     .fc-state-highlight,
     .fc-event:not(.fc-event-row) .fc-event-skin {
         background-color: #fff !important;
     }
 
     .fc-event-title {
         font-weight: bold;
     }
 
     .fc-event-hori {
         .fc-event-title {
             font-weight: normal;
             white-space: nowrap;
         }
 
         .fc-event-time {
             white-space: nowrap;
             font-weight: normal !important;
             font-size: 10px;
             padding-right: 0.6em;
         }
     }
 
     .fc-grid .fc-event-time {
         font-weight: normal !important;
         padding-right: 0.3em;
     }
 
     .fc-event-categories {
         font-style: italic;
     }
 
     .fc-event-location {
         font-size: 100%;
     }
 
     .fc-agenda-slots td div {
         height: 1.4em;
     }
 
     .fc-widget-header, .fc-widget-content {
         border-color: @color-calendar-border;
     }
 
     .fc-view-list, .fc-view-table {
         border: 0;
     }
 
     .fc-view-list div.fc-list-header,
     .fc-view-table td.fc-list-header {
         padding: 0.3em;
         background: #fff;
         font-weight: bold;
         font-size: 1.2em;
         color: #333;
         border-color: @color-calendar-border;
         border-style: solid;
         border-width: 1px 0;
     }
 
     .fc-list-section .fc-event {
         cursor: auto;
     }
 
     .fc-view-table {
         tr.fc-event {
             td,
             td.fc-event-handle {
                 border-color: @color-calendar-border;
                 padding-top: .5em;
                 padding-bottom: .5em;
             }
 
             td.fc-event-handle {
                 padding-top: .8em;
             }
 
             .fc-event-description {
                 padding-left: 1.5em;
                 padding-top: 0;
             }
         }
 
         tr.fc-last td {
             border: 0;
         }
 
         col.fc-event-location {
             width: 20%;
         }
     }
 
     .fc-event-description {
         white-space: pre-wrap;
 
         .fc-event-vert & {
             font-size: 90%;
             font-style: italic;
         }
     }
 
     .fc-day {
         font-size: 90%;
     }
 
     .fc-view-month .fc-event-hori .fc-event-inner {
         background: #fff !important;
     }
 
     // add back borders removed in non-print view
     .fc-first .fc-day-header.fc-first,
     .fc-agenda .fc-agenda-axis,
     .fc-first .fc-day-header,
     .fc-week .fc-first {
         border-left: 1px solid @color-calendar-border;
     }
 
     .fc-agenda-days th:nth-last-child(2),
     .fc-agenda-allday td,
     .fc-agenda-slots td.fc-widget-content {
         border-right: 1px solid @color-calendar-border;
     }
 
     .fc-agenda-days tr.fc-last > *,
     .fc-week.fc-last .fc-day {
         border-bottom: 1px solid @color-calendar-border;
     }
 }
 
 body.task-calendar {
     #print-layout {
         #calendar-view-selector {
             float: right;
             padding-top: .25rem;
         }
     }
 
     @media screen and (min-width: (@screen-width-small + 1px)) {
         & > #layout > div.sidebar {
             flex: 2 !important;
             max-width: 400px;
         }
     }
 
     // improve datepicker
     .ui-datepicker {
         td {
             width: 12.5%;
         }
 
         .ui-datepicker-week-col {
             color: @color-black-shade-border;
             text-align: center;
         }
     }
 
     .ui-datepicker-inline {
         .ui-datepicker-week-col {
             color: @color-link;
             cursor: pointer;
         }
 
         .ui-datepicker-activerange {
             background-color: @color-list-selected-background;
         }
     }
 }
 
 #timezone-display {
     font-size: .9rem;
     color: @color-black-shade-text;
 }
 
 #agendaoptions {
     padding: 0 .5rem .5rem .5rem;
     display: flex;
     background-color: @color-black-shade-bg;
 
     .input-group {
         padding-right: .5rem;
         flex-wrap: nowrap;
         width: 50%;
 
         &:last-child {
             padding-right: 0;
         }
     }
 
     select {
         min-width: 7em;
     }
 
     .input-group-prepend {
         overflow: hidden;
         margin-bottom: 0;
 
         span {
             display: block;
             .overflow-ellipsis;
         }
     }
 }
 
 #searchcontrols {
     z-index: 3;
     position: absolute;
     top: 7.5rem;
     right: 0;
     display: none !important; // FIXME: this is now disabled, do we really need this widget?
     height: @layout-header-height;
     overflow: hidden;
     transform: translateX(80%);
     transition: transform 0.3s ease-in-out;
     background-color: fadeout(lighten(@color-main, 15%), 10%);
     border-radius: .3rem 0 0 .3rem;
 
     .toolbar {
         float: right;
         height: @layout-header-height;
 
         a.button:before {
             width: auto;
             height: 1.75rem;
             display: block;
             float: none;
         }
     }
 
     a.button.icon.tools {
         padding: 0 .25rem;
         display: inline-block;
         height: @layout-header-height;
 
         span.inner {
             display: none;
         }
 
         &:before {
             line-height: @layout-header-height;
             margin: 0;
         }
     }
 
     &.open {
         transform: translateX(0);
 
         a.button.icon.tools:before {
             content: @fa-var-chevron-right;
         }
     }
 
     a {
         color: @color-image-tools;
 
         &:focus,
         &:hover {
             background-color: @color-image-tools-hover !important;
             outline: 0;
         }
     }
 
     .message {
         display: none;
     }
 }
 
 #eventshow {
     margin: 0;
 
     .event-title {
         font-size: 1.5rem;
         font-weight: bold;
     }
 
     .event-location {
         .overflow-ellipsis;
         white-space: nowrap;
     }
 
     .event-description {
         margin: 1rem 0;
     }
 
     .event-attendees {
         margin-bottom: 1rem;
 
         .attendee {
             margin-right: .25rem;
         }
     }
 
     .event-partstat {
         & > span {
             display: flex;
         }
 
         .rsvp-status {
             &:before {
                 display: inline;
                 float: none;
             }
         }
 
         .changersvp {
             cursor: pointer;
             font-size: 1.2rem;
             margin-left: 1em;
 
             &:before {
                 &:extend(.font-icon-class);
                 content: @fa-var-pen-square;
                 float: none;
                 display: inline;
                 line-height: 1;
             }
         }
 
         .inner {
             display: none;
         }
     }
 }
 
 #eventedit {
     .edit-attendees-table td {
         padding-top: .15rem;
 
         &.role {
             padding-left: 0;
             width: 9em;
         }
     }
 }
 
 #fish-eye-view {
     padding: 0;
 
     @media screen and (min-width: (@screen-width-small + 1px)) {
         border-bottom: 1px solid @color-calendar-border;
     }
 
     .fc-header {
         display: none;
     }
 
     .fc-view {
         position: initial !important;
     }
 
     .fc-agenda-days tr.fc-first th {
         border-top: 0;
     }
 
     .fc-agenda-divider + div {
         height: 100% !important;
         overflow: initial !important;
     }
 }
 
 @color-availability-unknown:        #bbb;           // Larry: #ddd;
 @color-availability-free:           @color-success; // Larry: #abd640;
 @color-availability-busy:           @color-error;   // Larry: #e26569;
 @color-availability-tentative:      #8383fc;
 @color-availability-out-of-office:  #fbaa68;
 
 .availability {
     span {
         margin-right: .5rem;
         color: @color-black-shade-text;
 
         &:before {
             &:extend(.font-icon-class);
             content: @fa-var-square;
             display: inline;
             float: none;
         }
 
         &.legend:before {
             font-size: 1em;
         }
 
         &.loading:before {
             .animated-icon-class;
             content: @fa-var-circle-notch;
             display: block;
             line-height: 1;
         }
 
         &.unknown:before {
             color: @color-availability-unknown;
         }
 
         &.free:before {
             color: @color-availability-free;
         }
 
         &.busy:before {
             color: @color-availability-busy;
         }
 
         &.tentative:before {
             color: @color-availability-tentative;
         }
 
         &.out-of-office:before {
             color: @color-availability-out-of-office;
         }
     }
 }
 
 // fixes additional checkbox in Elastic's .datetime widget
 .datetime {
     label {
         margin-left: 1em;
         margin-top: .4rem;
 
         label {
             line-height: 1;
 
             &:before {
                 margin-right: .25rem;
             }
         }
     }
 
     input {
         width: 10em !important;
     }
 
     input[type=checkbox] {
         width: auto !important;
     }
 
     @media screen and (max-width: 420px) {
         input {
             width: 8em !important;
 
             & + input {
                 width: 6em !important;
             }
         }
     }
 }
 
 .calendar-scheduler {
     .nav {
         align-items: center;
 
         button:first-child {
             margin-right: .25rem;
         }
 
         & > div {
             white-space: nowrap;
         }
 
         @media screen and (max-width: 420px) {
             button {
                 padding-left: .5rem;
                 padding-right: .5rem;
             }
         }
     }
 
     .schedule-buttons {
         .prev-slot:before {
             content: @fa-var-chevron-left;
         }
 
         .next-slot:after {
             &:extend(.font-icon-class);
             content: @fa-var-chevron-right;
             display: inline-block;
             float: none;
             margin-right: 0;
         }
     }
 
     .schedule-options {
         flex: 1;
         margin-left: 1rem;
 
         html.layout-phone & {
             order: 100;
             margin-left: 0;
         }
 
         label {
             vertical-align: middle;
         }
 
         input.icon-checkbox + label:before {
             margin-right:.25rem;
             display: inline;
             float: none;
         }
     }
 
     .schedule-nav {
         flex: 1;
         margin-left: .3rem;
         text-align: right;
 
         button {
             line-height: 1.8;
         }
     }
 
     .schedule-range {
-        width: 50%;
+        width: 60%;
         margin-top: 2rem;
 
         html.layout-phone & {
             margin: 0;
         }
     }
 
     .schedule-legend {
         .attendee {
             margin-right: .5rem;
         }
     }
 
     .attendees-list {
         position: relative;
 
         a.attendee-role-toggle {
             position: absolute;
             left: 0;
             display: inline-block;
             width: 1em;
             cursor: pointer;
         }
 
         div.attendee {
             border-top: 1px solid @color-list-border;
             line-height: 1.7rem;
             height: 1.8rem;
         }
 
         .attendee {
             white-space: nowrap;
 
             &.spacer {
                 height: 10px;
             }
 
             &.loading:before {
                 .animated-icon-class;
                 .font-icon-solid(@fa-var-circle-notch);
             }
 
             &.total {
                 font-weight: bold;
             }
 
             &.total,
             &.spacer {
                 &:before {
                     display: none;
                 }
             }
         }
     }
 
     .schedule-table {
         table-layout: fixed;
 
         th {
             border-top: 0;
         }
 
         td.attendees {
             width: 25%;
             overflow: hidden;
             border-top: 0;
 
             html.layout-phone & {
                 width: 35%;
             }
 
             .attendees-list {
                 border-bottom: 1px solid @color-table-border;
             }
         }
 
         td.times {
             width: auto;
             border-top: 0;
 
             table {
                 margin: 0;
             }
 
             td {
                 height: 1.8rem;
                 border-top: 1px solid @color-list-border;
                 white-space: nowrap;
             }
         }
 
         div.scroll {
             position: relative;
             overflow: auto;
         }
 
         .timesheader {
             height: 1.4rem;
             border-top: 1px solid @color-table-border;
         }
 
         .boxtitle {
             margin: 0;
             padding: 0;
             font-size: 1rem;
             font-weight: bold;
             padding-top: .5rem;
             line-height: 2;
         }
 
         td {
             padding: 4px;
         }
 
         tbody td {
             padding: 0;
 
             div {
                 height: 100%;
             }
         }
 
         tr.spacer td {
             padding: 0;
             height: 10px;
         }
 
         tr.dates th[colspan="1"] {
             min-width: 48px;
             max-width: 48px;
             text-align: center;
             font-size: .7rem;
             line-height: 2.9;
         }
 
         tr.times td {
             cursor: pointer;
             min-width: 48px;
             max-width: 48px;
             font-size: .7rem;
             text-align: center;
             color: @color-link;
             height: 1.4rem;
             padding: 0 .1rem;
             vertical-align: middle;
             border-top: 1px solid @color-table-border;
             border-left: 1px solid @color-list-border;
         }
 
         .fbcontent {
             td {
                 border-left: 1px solid @color-list-border;
             }
 
             &:last-child td {
                 border-bottom: 1px solid @color-table-border;
             }
         }
 
         div.unknown {
             background-color: @color-availability-unknown;
         }
 
         div.free {
             background-color: @color-availability-free;
         }
 
         div.busy {
             background-color: @color-availability-busy;
         }
 
         div.tentative {
             background-color: @color-availability-tentative;
         }
 
         div.out-of-office {
             background-color: @color-availability-out-of-office;
         }
 
         div.all-busy,
         div.all-tentative,
         div.all-out-of-office {
             overflow: hidden;
 
             // This span imitates a slanting line across the parent element
             span {
                 display: block;
                 width: 300%;
                 height: 300%;
                 border: 1px solid #fff;
                 background: darken(@color-availability-busy, 10%);
                 transform: rotate(42deg) translate(2%);
             }
 
             &.w10 span {
                 display: none;
             }
 
             &.w20 span,
             &.w25 span {
                 transform: rotate(17deg) translate(-9%);
             }
 
             &.w30 span {
                 transform: rotate(28deg) translate(-7%);
             }
 
             &.w40 span {
                 transform: rotate(36deg) translate(-3%);
             }
 
             &.w60 span {
                 transform: rotate(48deg) translate(6%);
             }
 
             &.w70 span,
             &.w75 span {
                 transform: rotate(55deg) translate(12%, 30%);
             }
 
             &.w80 span {
                 transform: rotate(56deg) translate(13%, 30%);
             }
 
             &.w90 span {
                 transform: rotate(59deg) translate(16%, 30%);
             }
 
             &.w100 span {
                 transform: rotate(62deg) translate(19%, 30%);
             }
         }
 
         div.all-tentative span {
             background: darken(@color-availability-tentative, 10%);
         }
 
         div.all-out-of-office span {
             background: darken(@color-availability-out-of-office, 10%);
         }
     }
 }
 
 #schedule-event-time {
     position: absolute;
     border-radius: .3rem;
     cursor: move;
     border: 2px solid #444;
     background-color: rgba(0, 0, 0, .3);
 }
 
 .resources-dialog {
     .resource-selection {
         flex: 4;
         min-width: 300px;
     }
 
     .resource-content {
         flex: 10;
         margin-left: 1em;
     }
 
     .listing li.resource > a {
         color: @color-font;
 
         &:before {
             &:extend(.font-icon-class);
             content: @fa-var-cube;
         }
     }
 
     .slot-nav {
         display: none; // TODO
     }
 }
 
 #resource-availability {
     height: 100%;
 
     .fc {
         height: 100%;
         overflow: hidden;
         position: relative;
     }
 
     .fc-content {
     }
 
     .fc-view {
         border-left: 1px solid @color-calendar-border;
         border-bottom: 1px solid @color-calendar-border;
     }
 
     table.fc-header {
         display: none;
     }
 }
 
 .standalone-invitebox {
     margin: 0 auto;
     max-width: 500px;
     width: 95%;
     display: flex;
     flex-direction: column;
     top: 15vh;
     position: relative;
 
     #logo {
         max-height: 90px;
     }
 
     .invitebox {
         margin-top: 3em !important;
     }
 }
 
 .searchbar a.button.date {
     @media screen and (min-width: (@screen-width-small + 1px)) {
         display: none;
     }
 
     &:before {
         line-height: 1.25;
     }
 }
 
 @media screen and (max-width: @screen-width-small) {
     .fc {
         .fc-header-left {
             display: block;
             width: 100%;
             padding: 0;
 
             button {
                 flex: 1 1 auto;
                 border-radius: 0;
             }
 
             .btn-group {
                 padding: 0;
                 display: flex;
             }
         }
 
         .fc-header-center,
         .fc-header-right {
             display: none;
         }
 
         .fc-list-content {
             table,
             tbody {
                 display: flex;
                 flex-direction: column;
                 padding: 0 !important;
             }
         }
 
         .fc-list-header {
             td {
                 display: block;
                 text-align: center;
                 color: @color-black-shade-text;
             }
         }
 
         // Use flexbox to reconstruct agenda view on mobile
         .fc-list-section {
             tr.fc-event {
                 border: 0;
                 margin: 0;
                 display: flex;
                 flex-wrap: wrap;
 
                 td {
                     border: 0;
                 }
 
                 .fc-event-handle {
                     padding: .5rem;
                 }
 
                 .fc-event-time {
                     flex: 1;
                     text-align: right;
                     padding-right: .5rem;
                 }
 
                 .fc-event-title {
                     .overflow-ellipsis;
                     white-space: nowrap;
                     min-width: 100%;
                     border-bottom: 1px solid @color-list-border;
                     padding: .1rem .25rem .1rem 1.7rem;
                 }
 
                 .fc-event-location {
                     display: none;
                 }
             }
         }
     }
 
     #agendaoptions {
         padding-top: .5rem;
     }
 
     .calendar-scheduler {
         .schedule-range {
             width: 100%;
         }
     }
 
     .sidebar .calendar-datepicker {
         display: none;
     }
 
     .resources-dialog {
         .resource-content {
             display: none;
             margin: 0;
         }
 
         .resource-content {
             ul {
                 margin: 1em 1em 0 1em;
             }
         }
     }
 
     #resource-availability {
         margin: 0 1em;
     }
 }
 
 @media screen and (min-width: (@screen-width-small + 1px)) and (max-width: 920px) {
     .fc {
         .fc-header {
             display: block;
 
             tr {
                 display: flex;
             }
         }
 
         .fc-header-center {
             .overflow-ellipsis;
             flex: 1;
 
             h2 {
                 font-size: 1rem;
                 line-height: 1;
                 padding-top: .75rem;
             }
         }
 
         .fc-header-left,
         .fc-header-right {
             width: auto;
 
             .btn {
                 padding-left: .5rem;
                 padding-right: .5rem;
             }
         }
     }
 }
 
 body.task-calendar .header-title {
     position: relative;
 
     .tz {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         line-height: 2;
         font-size: .8rem;
         font-weight: normal;
         color: @color-black-shade-text;
     }
 }