#alarm-display .alarm-actions a:before, #alarm-display h3:before, #delegate-table td:before, #devices-table td:not(.selection):before, #event-status-badge span:before, #eventshow .event-partstat .changersvp:before, #kolabnoteslist td.title:before, #taglist li:before, #tagsform option:before, #tasklist .childtoggle:before, #tasklist .taskhead.flagged span.flagged:before, #tasklist .taskhead:not(.flagged):hover span.flagged:before, #taskshow.status-flagged h2:before, .attendee:before, .availability span:before, .calendar-scheduler .schedule-buttons .next-slot:after, .document-editor-header #collaborators a.button.add:before, .edit-attendees-table th.invite label:before, .editors-dialog table td.options a.delete:before, .fc .fc-time i:before, .fc button.next:before, .fc button.prev:before, .filelist tbody td.filename span:before, .filelist tr.session > td.name:after, .folderlist li.mailbox a.subscription.subscribed:before, .listing li.readonly:not(.virtual) > div a:first-child:after, .listing li > div span.subscribed:before, .listing li > div.calendar .calname:before, .listing li > div.folder .listname:before, .listing li > div.readonly a:first-child:after, .listing li > div.tasklist .listname:before, .resources-dialog .listing li.resource > a:before, .rsvp-status.accepted:before, .rsvp-status.declined:before, .rsvp-status.delegated:before, .rsvp-status.loading:before, .rsvp-status.needs-action:before, .rsvp-status.tentative:before, a.btn.fromcloud:before, a.button.filesaveall:before, a.button.saveas:before, fieldset.categories .input-group a.button.create:before, li > a.icon.saveas:before {
    font-size: 1.25em;
    display: block;
    float: left;
    font-family: "Font Awesome 5 Pro";
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-style: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}
.edit-attendees-table th.invite label:before {
    font-size: .8rem;
}
.listing li > div, .listing li > div span.actions {
    display: flex
}

.listing li > div .subscribed:before, .listing li > div span.subscribed:before {
    font-weight: 400;
    content: "\f02e"
}

@media screen and (min-width: 1200px) {
    .listing li > div > a {
        border-left: 2px solid transparent
    }

    .listing li > div > a:focus {
        border-left: 2px solid #9ddfff;
        outline: 0
    }
}

.listing li > div > a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    flex-grow: 1
}

.listing li > div > a:first-child + input {
    position: initial
}

.listing li > div .custom-switch {
    position: relative
}

.listing li > div.folder .listname:before {
    content: "\f249";
    margin-right: .5rem
}

.listing li.virtual.shared > div a:first-child:after, .listing li.virtual.user > div a:first-child:after, .listing li > div span.actions a.remove, .listing li > div.virtual.shared > .listname:after, .listing li > div.virtual.user > .listname:after, .watermark.formcontainer:before, .watermark > * {
    display: none
}

input + .listing li > div span.actions {
    padding-right: 2em
}

.listing li > div span.actions a {
    padding: 0;
    margin: 0 .2rem 0 0;
    cursor: pointer
}

.listing li > div span.actions a:before {
    margin: 0
}

html.touch .listing li > div span.actions {
    padding-left: .2rem
}

html.touch .listing li > div span.actions a {
    margin-right: .5rem
}

.listing li > div a.quickview:before {
    content: "\f06e";
    opacity: .2;
    color: #00acff
}

.listing li > div a.quickview:after {
    display: none !important
}

.listing li > div.focusview a.quickview:before {
    content: "\f06e";
    opacity: 1
}

.listing li > div .subscribed {
    cursor: pointer;
    padding: 0 !important;
    border-left: 0;
    width: auto
}

.listing li > div .subscribed:before {
    height: auto;
    color: #00acff;
    margin-right: .25rem
}

.listing li > div.subscribed .subscribed:before {
    content: "\f02e";
    font-weight: 900
}

.listing li.selected > div > * {
    color: #2c363a;
    background-color: #f6f8fc;
}

.listing li.readonly:not(.virtual) > div a:first-child:after, .listing li > div.readonly a:first-child:after {
    content: "\f023";
    position: absolute;
    left: 2.25rem;
    top: 17.5px;
    font-size: .9em !important;
    width: .9em;
    line-height: 1;
    height: 1em !important;
    background-color: #fff;
    border-radius: 50% 50% 0 0;
    color: #2c363a;
    opacity: .9
}

html.touch .listing li.readonly:not(.virtual) > div a:first-child:after, html.touch .listing li > div.readonly a:first-child:after {
    top: 23.5px;
    left: 2.7rem
}

.listing li.other.user > div a:first-child:before, .listing li > div.other.user > .listname:before {
    content: "\f007";
    font-weight: 900
}

.listing li.virtual.shared > div a:first-child:before, .listing li > div.virtual.shared > .listname:before {
    content: "\f1e0";
    font-weight: 900
}

.listing li.virtual > div > a {
    opacity: .5
}

.listing.treelist:not(.notree) > li > div > a {
    padding-left: 1.5em
}

.listing li.droptarget > div {
    background-color: #ffc
}

.listing li .count {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 2em;
    line-height: 1.4rem;
    margin: 7.7px;
    padding: 0 .3em;
    border-radius: .4em;
    background: #737677;
    color: #fff;
    text-align: center;
    font-weight: 700
}

html.touch .listing li .count {
    line-height: 2rem;
    margin: 9.5px
}

.treelist ul li a:first-child:after {
    margin-left: 1.7em !important
}

.treelist ul li li a:first-child:after {
    margin-left: 3.4em !important
}

.treelist ul li li li a:first-child:after {
    margin-left: 5.1em !important
}

.treelist ul li li li li a:first-child:after {
    margin-left: 6.8em !important
}

.treelist ul li li li li li a:first-child:after {
    margin-left: 8.5em !important
}

.treelist ul li li li li li li a:first-child:after {
    margin-left: 10.2em !important
}

.treelist.notree li a:first-child:after {
    left: 1.3rem !important
}

.searchresults .boxtitle {
    line-height: 2rem !important;
    font-size: 80%;
    padding: 0 .5rem;
    margin: 0;
    color: #737677;
    background-color: #f1f3f4;
    text-align: center;
    border-bottom: 1px solid #d4dbde
}

.folderlist li.mailbox.type-event > a:before {
    content: "\f133";
    font-weight: 900
}

.folderlist li.mailbox.type-task > a:before {
    content: "\f274";
    font-weight: 900
}

.folderlist li.mailbox.type-journal > a:before {
    content: "\f133";
    font-weight: 400
}

.folderlist li.mailbox.type-contact > a:before {
    content: "\f2b9";
    font-weight: 400
}

.folderlist li.mailbox.type-note > a:before {
    content: "\f249";
    font-weight: 400
}

.folderlist li.mailbox.type-configuration > a:before {
    content: "\f013";
    font-weight: 900
}

.folderlist li.mailbox.type-freebusy > a:before {
    content: "\f133";
    font-weight: 400
}

.folderlist li.mailbox.type-file > a:before {
    content: "\f07b";
    font-weight: 900
}

.menu li.search {
    padding: .25rem .5rem
}

.menu a.history:before {
    content: "\f1da"
}

button.btn.save.notify:before {
    content: "\f0e0"
}

button.btn.print:before {
    content: "\f02f"
}

.watermark {
    background: url(../../../../skins/elastic/images/logo.svg) center no-repeat #fff;
    background-size: 30%;
    background-blend-mode: luminosity;
    width: 100%;
    height: 100%
}

.watermark:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .85)
}

.linkslist, .watermark.formcontainer {
    background: #f6f8fc!important
}

.fc-event, .watermark.formcontainer > * {
    display: block
}

html.layout-phone .watermark.formcontainer, html.layout-small .watermark.formcontainer {
    overflow-y: auto !important
}

.form-group > .datetime {
    display: flex;
    white-space: nowrap
}

.form-group > .datetime input {
    width: 10em
}

.form-group > .datetime input:first-child {
    margin-right: .5rem;
    width: 15em
}

.form-group > .datetime a {
    margin-left: 1em;
    text-align: right;
    flex: 1;
    line-height: 2.4
}

.form-section.form-group.form-check {
    display: flex;
    padding: 0
}

.form-section.form-group.form-check label {
    order: 10
}

.formcontent.text-only .faded * {
    color: #737677
}

.linkslist {
    border: 0 !important
}

.linkslist li.link {
    padding: 0
}

.linkslist li.link.message.eml:before {
    content: "\f0e0"
}

.linkslist li.link a.messagelink {
    overflow: hidden;
    text-overflow: ellipsis
}

.linkslist li.link a.delete .inner {
    display: none
}

.print-config {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    padding: .5em 1em;
    background-color: #f1f3f4
}

.print-config button.print {
    margin-right: 1rem
}

.print-config .prop {
    line-height: 2;
    margin-left: .5rem;
    display: inline-block;
    vertical-align: middle
}

.print-config .prop label {
    margin: 0
}

@media print {
    .print-config {
        display: none
    }
}

.print-config + .print-content {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    margin: 5em auto 0;
    overflow: visible
}

.selection-dialog .ui-dialog-content {
    display: flex !important;
    overflow: hidden !important
}

.selection-dialog .selection-list {
    display: flex;
    flex-direction: column;
    border: 1px solid #d4dbde;
    justify-content: center
}

.selection-dialog .ui-dialog-content .popupmenu {
    display: flex !important;
    width: 100%
}

.selection-dialog .scroller {
    flex: 1;
    overflow-y: auto
}

.selection-dialog .header {
    border-bottom: 1px solid #d4dbde;
    display: flex;
    background-color: #f4f4f4;
    font-size: 1rem;
    font-weight: 700;
    line-height: 58px;
    height: 58px;
    min-height: 58px;
    padding: 0 .25em;
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.listing li > div.calendar.cal---invitation--declined .calname:before, .listing li > div.calendar.cal---invitation--pending .calname:before, a.button.date:before {
    font-weight: 400;
    content: "\f073"
}

.selection-dialog .header a.button {
    color: #2c363a;
    margin: 0 .3rem
}

.selection-dialog .header a.button:before {
    margin: 0
}

.selection-dialog .header-title {
    width: 100%;
    text-align: center;
    margin: 0 2em
}

.selection-dialog .selection-content {
    display: flex;
    flex-direction: column
}

.selection-dialog .tab-content {
    margin-top: 1rem;
    height: 100%;
    overflow-y: auto
}

.selection-dialog .form-addon {
    margin: 0;
    padding: .5rem 0;
    width: 100%;
    background-color: #f1f3f4;
    border-top: 1px solid #d4dbde
}

.selection-dialog .listing ul {
    background-color: #fff
}

.selection-dialog .listing li.selected {
    color: #2c363a
}

@media screen and (max-width: 768px) {
    .selection-dialog .ui-dialog-content {
        padding: 0 !important
    }

    .selection-dialog .ui-dialog-titlebar {
        display: none;
        margin: 0
    }

    .selection-dialog .selection-list {
        border: 0
    }

    .selection-dialog .selection-content .header-title, .selection-dialog .selection-list .header-title {
        margin-left: 0
    }

    .selection-dialog .header a:before {
        font-size: 1.75rem
    }
}

#folder-mount-form .auth-options, #folder-mount-form td.source table, .calendar-agenda-preview, .calendar-agenda-preview h3 {
    margin-top: .5rem
}

@media screen and (max-height: 750px) and (min-width: 769px) {
    #layout-menu, #layout-menu .popover-header img, #taskmenu .special-buttons, #taskmenu a {
        width: 42px
    }

    #taskmenu a {
        height: 42px;
        font-size: 1.2rem !important
    }

    #taskmenu span.inner {
        display: none
    }
}

.menu a.calendarlink:before {
    content: "\f073"
}


.listing.iconized li.resource > i:before, .resources-dialog .listing li.resource > a:before {
    content: "\f1b2"
}

a.button.today:before {
    content: "\f133";
    font-weight: 400
}

.listing li > div.calendar .calname:before {
    content: "\f133";
    --font-style: italic;
    margin-right: 16px;
    margin-left: 8px;
}

.listing li > div.calendar .actions {
    padding-right: .25rem
}

.listing li > div.calendar .actions :last-child {
    margin-right: 0
}

.listing li > div.calendar.cal-__bdays__ .calname:before {
    content: "\f1fd"
}

.listing li > div.calendar.cal---invitation--declined, .listing li > div.calendar.cal---invitation--pending, .listing li > div.calendar.cal-__bdays__ {
    font-style: italic
}

.listing li > div.calendar.cal---invitation--declined a.calname, .listing li > div.calendar.cal---invitation--pending a.calname, .listing li > div.calendar.cal-__bdays__ a.calname {
    padding-right: 2.5em
}

.listing li > div.calendar.cal---invitation--declined .count, .listing li > div.calendar.cal---invitation--pending .count, .listing li > div.calendar.cal-__bdays__ .count {
    right: 4.2em;
    font-style: normal
}

.listing li span.handle {
    display: none
}

#calendarcategories .input-group:not(:last-child) {
    margin-bottom: .25rem
}

fieldset.categories .input-group .minicolors-input {
    border-radius: 0
}

fieldset.categories .input-group .minicolors + .input-group-append {
    margin-left: 0
}

fieldset.categories .input-group a.button.create:before {
    content: "\f067";
    line-height: 1
}

.calendar-invitebox > i.icon:before {
    content: "\f133" !important
}

.calendar-agenda-preview {
    display: none;
    border-top: 1px solid #ddd
}

.calendar-agenda-preview .event-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar-agenda-preview .event-row.current {
    color: #333;
    font-weight: 700
}

.calendar-agenda-preview .event-row.no-event {
    font-style: italic
}

.calendar-agenda-preview .event-row.fc-invitation-needs-action {
    color: #737677
}

.calendar-agenda-preview .event-row.fc-invitation-needs-action .event-title {
    font-style: italic
}

.calendar-agenda-preview .event-title {
    padding-left: .5rem
}

#calendar.content {
    overflow: hidden !important;
    position: relative
}

.calendar-datepicker .ui-datepicker {
    margin: 0 !important;
    border: 0;
    border-radius: 0;
    width: auto;
    min-width: auto !important;
    font-size: .9rem;
}

.calendar-datepicker .ui-datepicker table {
    margin: 0
}

.calendar-datepicker .ui-datepicker td a {
    font-size: .9rem !important
}

.calendar-datepicker .ui-datepicker-header {

    border-top: 1px solid #d4dbde
}
.ui-datepicker-title .form-control {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 6px 9px;
    border-radius: 0;
    min-height: 29px;
}
.ui-dialog .calendar-datepicker .ui-datepicker {
    background: #f6f8fc
}

.ui-dialog .calendar-datepicker .ui-datepicker-header {
    background:#f6f8fc;
    border: 0
}

.ui-dialog .calendar-datepicker td a {
    line-height: 3em !important;
    font-size: 1rem !important
}

.fc button, .fc table, body .fc {
    font-size: 1em
}

.fc {
    direction: ltr;
    text-align: left
}

.fc-rtl {
    text-align: right
}

.fc th, .fc-basic-view .fc-day-top .fc-week-number, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
    text-align: center
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    white-space: nowrap;
    cursor: pointer
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default {
    border: 1px solid;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.fc-state-active, .fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
    cursor: pointer
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
    padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-clear {
    clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-bg {
    bottom: 0
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

.fc td, .fc th {
    border-style: dashed;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

.fc td.fc-today {
    border-style: double
}

a[data-goto]:hover {
    text-decoration: underline
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {

    border-color: transparent
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

.fc-day-grid-event .fc-content, .fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {
    overflow: hidden
}

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%
}

.fc-event {
    position: relative;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad
}

.fc-event, .fc-event-dot {
    background-color: #3a87ad
}

.fc-event, .fc-event:hover {
    color: #fff;
    text-decoration: none
}

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}

.fc-day-grid-event .fc-content {
    white-space: nowrap
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

a.fc-more:hover {
    text-decoration: underline
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-icon:after, .fc-toolbar button, .fc-view, .fc-view > table {
    position: relative
}

.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff;
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.fc-unthemed td.fc-today {
    background: #f6f8fc
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3
}

.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    font-family: "Courier New", Courier, monospace;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fc-icon-left-single-arrow:after {
    content: "\2039";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-right-single-arrow:after {
    content: "\203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-left-double-arrow:after {
    content: "\AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\D7";
    font-size: 200%;
    top: 6%
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
    font-size: .9em;
    margin-top: 2px
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5
}

.ui-widget .fc-disabled-day {
    background-image: none
}

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0
}

.ui-widget .fc-event {
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: #f6f8fc
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc-toolbar .fc-center {
    display: inline-block
}

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view, .fc-view > table {
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-day-top.fc-other-month {
    opacity: .3
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 2px
}

.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
    padding: 0 2px
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    background-color: #f2f2f2;
    color: grey
}

.fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em
}

.fc .fc-axis {
    vertical-align: middle;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid > .fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats, .fc-time-grid > hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-content-col {
    position: relative
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-highlight-container {
    z-index: 3;
    position: relative
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5
}

.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event.fc-selected {
    overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none
}

.fc-time-grid-event .fc-content {
    overflow: hidden
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\A0-\A0"
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.fc-rtl .fc-list-view {
    direction: rtl
}

.fc-list-view {
    border-width: 1px;
    border-style: solid
}

.fc .fc-list-table {
    table-layout: auto
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}

.fc-list-table tr:first-child td {
    border-top-width: 0
}

.fc-list-heading {
    border-bottom-width: 1px
}

.fc-list-heading td {
    font-weight: 700
}

.fc-ltr .fc-list-heading-main {
    float: left
}

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
    float: right
}

.fc-rtl .fc-list-heading-alt {
    float: left
}

.fc-list-item.fc-has-url {
    cursor: pointer
}

.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

.fc-list-item-title a[href]:hover {
    text-decoration: underline
}

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fc-unthemed .fc-list-empty {
    background-color: #eee
}

body.quickview-active .fc .fc-scroller {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M569.354%20231.631C512.969%20135.949%20407.81%2072%20288%2072%20168.14%2072%2063.004%20135.994%206.646%20231.631a47.999%2047.999%200%200%200%200%2048.739C63.031%20376.051%20168.19%20440%20288%20440c119.86%200%20224.996-63.994%20281.354-159.631a47.997%2047.997%200%200%200%200-48.738zM288%20392c-75.162%200-136-60.827-136-136%200-75.162%2060.826-136%20136-136%2075.162%200%20136%2060.826%20136%20136%200%2075.162-60.826%20136-136%20136zm104-136c0%2057.438-46.562%20104-104%20104s-104-46.562-104-104c0-17.708%204.431-34.379%2012.236-48.973l-.001.032c0%2023.651%2019.173%2042.823%2042.824%2042.823s42.824-19.173%2042.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621%20156.431%20270.292%20152%20288%20152c57.438%200%20104%2046.562%20104%20104z%22%2F%3E%3C%2Fsvg%3E") center no-repeat;
    background-size: 50%
}

.fc .fc-header-toolbar {
    display: flex;
    background-color: #ffffff;
    margin: 0
}

.fc .fc-left .fc-button-group, .fc .fc-right .fc-button {
    display: none
}

.fc .fc-event, .fc .fc-event-dot {
    background-color: #c00
}

.fc .fc-header-toolbar > * > * {
    float: none;
    margin: 0
}

.fc .fc-left {
    order: 1
}

.fc .fc-center {
    flex: 1;
    order: 2;
    text-align: center;
    padding: .25rem
}

.fc .fc-center h2 {
    margin: 0;
    color: #737677;
    white-space: nowrap;
    font-size: 1.25rem;
    font-weight: 700
}

.fc .fc-right {
    order: 3;
    text-align: right
}

.fc button {
    height: unset;
    padding: .3rem .75rem
}

.fc button.prev:before {
    content: "\f104";
    margin: 0 !important;
    line-height: 1;
    font-weight: 500;
}

.fc button.next:before {
    content: "\f105";
    margin: 0 !important;
    line-height: 1;
    font-weight: 500;
}

.fc .btn-group {
    padding: .5rem;
    margin: 0
}

.fc .fc-type-freebusy {
    opacity: .6
}

.fc .fc-type-freebusy .fc-title {
    position: absolute;
    top: -5000px
}

.fc .fc-type-freebusy td {
    color: #999
}

.fc a.fc-event, .fc a.fc-event:hover {
    color: #fff
}

.fc .fc-event {
    font-size: 13px;
    border-color: #c00
}

.fc .fc-event .fc-title {
    font-weight: 700
}

.fc .fc-event .fc-bg {
    opacity: .15;
    margin-top: 1.1rem
}

.fc .fc-event.fc-invitation-declined, .fc .fc-event.fc-invitation-needs-action, .fc .fc-event.fc-invitation-tentative {
    border: 1px dashed #999
}

.fc .fc-event.fc-event-ns-other.fc-invitation-declined {
    opacity: .7
}

.fc .fc-event.fc-event-ns-other.fc-invitation-declined .fc-title {
    text-decoration: line-through
}

.fc .fc-event.fc-invitation-tentative .fc-bg {
    background: url(data:image/gif;base64,R0lGODlhCAAIAPABAOuJAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) #fff
}

.fc .fc-event.fc-invitation-needs-action .fc-bg {
    background: url(data:image/gif;base64,R0lGODlhCAAIAPABAFdXx////yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) #fff
}

.fc .fc-event.fc-invitation-declined .fc-bg {
    background: url(data:image/gif;base64,R0lGODlhCAAIAPABAMwAAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) #fff
}

.fc .fc-list-view tr.fc-invitation-declined, .fc .fc-list-view tr.fc-invitation-needs-action, .fc .fc-list-view tr.fc-invitation-tentative {
    color: #888
}

.fc .fc-list-view tr.fc-invitation-declined .fc-event-dot, .fc .fc-list-view tr.fc-invitation-needs-action .fc-event-dot, .fc .fc-list-view tr.fc-invitation-tentative .fc-event-dot {
    background-color: #888
}

.fc .cal-event-status-cancelled, .fc .fc-declined, .fc .fc-needs-action {
    opacity: .6
}

.fc .fc-time i {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: .25rem
}

.fc .fc-time i:before {
    font-size: 1em;
    line-height: 1;
    margin-top: .1rem
}

.fc .fc-time i.fc-icon-recurring:before {
    content: "\f24d";
    font-weight: 400
}

.fc .fc-time i.fc-icon-alarms:before {
    content: "\f0f3"
}

.fc .fc-time i.fc-icon-sensitive:before {
    content: "\f023"
}

.fc .fc-event-temp {
    opacity: .4
}

.fc .fc-nonbusiness {
    background-color: rgba(115, 118, 119, .2)
}

.fc .fc-day.fc-today {

}

.fc .fc-now-indicator {
    border-color: #41b849;
    border-width: 1.5px
}

.fc .fc-list-item, .fc .fc-list-item:hover td {
    background: #f6f8fc;
}

.fc .fc-list-item a, .fc .fc-list-item td {
    cursor: default
}

.fc .fc-list-item-title {
    font-weight: 700
}

.fc .fc-list-table td {
    padding: .5rem
}

.fc .fc-list-heading td {
    background: rgba(115, 118, 119, .1)
}

.fc .fc-list-empty {
    display: none
}

.fc .fc-more {
    color: #00acff !important;
    white-space: nowrap
}

.fc .fc-axis, .fc .fc-day-header, .fc .fc-day-number, .fc .fc-week-header, .fc .fc-week-number {
    color: #737677;
    font-size: .95rem;
    padding: .15rem !important
}

.fc .fc-week-number {
    text-align: center
}

.fc .fc-popover {
    border-radius: .3rem
}

.fc .fc-popover .fc-header {
    color: #737677;
    font-size: .95rem;
    font-weight: 700
}

.fc .fc-popover .fc-icon-x::after {
    top: 3px
}

.fc .fc-view.fc-widget-content, .fc td.fc-head-container {
    border-left-width: 0
}

.fc .fc-body .fc-bg .fc-widget-content, .fc .fc-body .fc-bg-sceleton .fc-widget-content, .fc .fc-body > tr > .fc-widget-content, .fc .fc-list-view {
    border-bottom-width: 0
}

.print-content .fc .fc-header-toolbar {
    background-color: #fff
}

.print-content .fc .fc-center h2 {
    color: #000;
    padding-bottom: .75rem;
    font-size: 1.5rem !important
}

.print-content .fc .fc-day.fc-today {
    background-color: #f6f8fc!important
}

.print-content .fc a.fc-event {
    color: #000;
    background-color: #fff !important
}

.print-content .fc .fc-event-description {
    white-space: pre-wrap;
    font-size: 90%
}

.print-content .fc .fc-event-location {
    width: 20%
}

.print-content .fc .fc-event-row-secondary td {
    border: 0;
    padding-top: 0 !important
}

.print-content .fc .fc-scroller {
    overflow: visible !important;
    height: auto !important
}

.print-content .fc .fc-view.fc-widget-content, .print-content .fc td.fc-head-container {
    border-left-width: 1px
}

.print-content .fc .fc-agenda-view, .print-content .fc .fc-list-view, .print-content .fc .fc-month-view {
    border-bottom: 1px solid #ddd
}

@media screen and (max-width: 768px) {
    .fc .fc-left {
        display: block;
        width: 100%;
        padding: 0
    }

    .fc .fc-left button {
        flex: 1 1 auto;
        border-radius: 0
    }

    .fc .fc-left .btn-group {
        padding: 0;
        display: flex
    }

    .fc .fc-center, .fc .fc-list-table .fc-event-location, .fc .fc-right {
        display: none
    }
}

@media screen and (min-width: 769px) and (max-width: 920px) {
    .fc .fc-center {
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1
    }

    .fc .fc-center h2 {
        font-size: 1rem;
        line-height: 1;
        padding-top: .45rem
    }

    .fc .fc-left .btn, .fc .fc-right .btn {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar, html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar, html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar {
    -webkit-appearance: none
}

html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar:vertical, html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar:vertical, html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar:vertical {
    width: .6rem
}

html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar:horizontal, html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar:horizontal, html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar:horizontal {
    height: .6rem
}

html:matches(.ipad,.iphone) #fish-eye-view::-webkit-scrollbar-thumb, html:matches(.ipad,.iphone) .fc-scroller::-webkit-scrollbar-thumb, html:matches(.ipad,.iphone) .ui-dialog-content:not(.iframe)::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .4);
    border-radius: .3rem;
    border: 2px solid #fff
}

.calendar-scheduler .schedule-table .fbcontent:last-child td, .calendar-scheduler .schedule-table td.attendees .attendees-list {
    border-bottom: 1px solid #d4dbde
}

body.task-calendar #print-layout #calendar-view-selector {
    float: right;
    padding-top: .25rem
}

body.task-calendar #print-layout #calendarlist {
    margin-top: 1rem
}

body.task-calendar #print-layout #calendarlist, body.task-calendar #print-layout #calendarlist ul {
    list-style: none;
    padding: 0
}

body.task-calendar #print-layout #calendarlist li {
    display: inline-block;
    white-space: nowrap
}

body.task-calendar #print-layout #calendarlist div, body.task-calendar #print-layout #calendarlist li, body.task-calendar #print-layout #calendarlist ul {
    float: left
}

body.task-calendar #print-layout #calendarlist div {
    margin-right: 2rem
}

body.task-calendar #print-layout #calendarlist a {
    text-decoration: none;
    cursor: auto
}

body.task-calendar #print-layout #calendarlist input, body.task-calendar #print-layout #calendarlist span.actions, body.task-calendar #print-layout #calendarlist span.handle {
    display: none
}

@media screen and (min-width: 769px) {
    body.task-calendar #layout-sidebar {
        flex: 2;
        max-width: 400px;
        min-width: 240px
    }

    #fish-eye-view {
        border-bottom: 1px solid #d4dbde
    }
}

body.task-calendar .ui-datepicker td {
    width: 12.5%
}

body.task-calendar .ui-datepicker .ui-datepicker-week-col {
    color: #d4dbde;
    text-align: center
}

body.task-calendar .ui-datepicker-inline .ui-datepicker-week-col {
    color: #45515C;
    font-weight: bolder;
    cursor: pointer
}

body.task-calendar .ui-datepicker-inline .ui-datepicker-activerange {
    background-color: #f6f8fc;
}
#timezone-display {
    font-size: .9rem;
    color: #737677
}

#agendaoptions {
    padding: 0 .5rem .5rem;
    display: flex;
    background-color: #f1f3f4
}

#agendaoptions .input-group {
    padding-right: .5rem;
    flex-wrap: nowrap
}

#agendaoptions .input-group:last-child {
    padding-right: 0
}

#agendaoptions select {
    min-width: 7em
}

#agendaoptions .input-group-prepend {
    overflow: hidden;
    margin-bottom: 0
}

#agendaoptions .input-group-prepend span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

#eventshow {
    margin: 0
}

#eventshow .event-title {
    font-size: 1.5rem;
    font-weight: 700
}

#eventshow .event-location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#eventshow .event-description {
    margin: 1rem 0
}

#eventshow .event-attendees {
    margin-bottom: 1rem
}

#eventshow .event-attendees .attendee {
    margin-right: .25rem
}

#eventshow .event-partstat > span {
    display: flex
}

#eventshow .event-partstat .rsvp-status:before {
    display: inline;
    float: none
}

#eventshow .event-partstat .changersvp {
    cursor: pointer;
    font-size: 1.2rem;
    margin-left: 1em
}

#eventshow .event-partstat .changersvp:before {
    content: "\f14b";
    float: none;
    display: inline;
    line-height: 1
}

#eventshow .event-partstat .inner {
    display: none
}

#eventedit .edit-attendees-table td {
    padding-top: .15rem
}

#eventedit .edit-attendees-table td.role {
    padding-left: 0;
    width: 9em
}

#fish-eye-view {
    padding: 0
}

.availability span {
    margin-right: .5rem;
    color: #737677;
    padding-right: 10px;
    margin-top: 20px;
}

.availability span:before {
    content: "\f017";
    font-family: "Font Awesome 5 Pro";
    display: inline;
    float: none
}

.availability span.legend:before {
    font-size: 1em
}

.availability span.loading:before {
    -webkit-animation: spinner-border 1.5s infinite linear;
    animation: spinner-border 1.5s infinite linear;
    content: "\f1ce";
    display: block;
    line-height: 1
}

.availability span.unknown:before {
    color: #bbb
}

.availability span.free:before {
    color: #41b849
}

.availability span.busy:before {
    color: #ff5552
}

.availability span.tentative:before {
    color: #8383fc
}

.availability span.out-of-office:before {
    color: #fbaa68
}

.datetime .custom-switch {
    padding-left: .5rem
}

.datetime .custom-switch label {
    line-height: 2;
    margin-top: .2rem
}

.datetime input {
    width: 10em !important
}

.calendar-scheduler .nav {
    align-items: center
}

.calendar-scheduler .nav button:first-child {
    margin-right: .25rem
}

.calendar-scheduler .nav > div {
    white-space: nowrap
}

@media screen and (max-width: 420px) {
    .datetime input {
        width: 8em !important
    }

    .datetime input + input {
        width: 6em !important
    }

    .calendar-scheduler .nav button {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.calendar-scheduler .schedule-buttons .prev-slot:before {
    content: "\f053"
}

.calendar-scheduler .schedule-buttons .next-slot:after {
    content: "\f054";
    display: inline-block;
    float: none;
    margin-right: 0
}

.calendar-scheduler .schedule-options {
    flex: 1;
    margin-left: 1rem
}

html.layout-phone .calendar-scheduler .schedule-options {
    order: 100;
    margin-left: 0
}

.calendar-scheduler .schedule-nav {
    flex: 1;
    margin-left: .3rem;
    text-align: right
}

.calendar-scheduler .schedule-nav button {
    line-height: 1.8
}

.calendar-scheduler .schedule-range {
    width: 60%;
    margin-top: 2rem
}

html.layout-phone .calendar-scheduler .schedule-range {
    margin: 0
}

.calendar-scheduler .schedule-legend .attendee {
    margin-right: .5rem
}

.calendar-scheduler .attendees-list {
    position: relative
}

.calendar-scheduler .attendees-list a.attendee-role-toggle {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1em;
    cursor: pointer
}

.calendar-scheduler .attendees-list div.attendee {
    border-top: 1px solid #f1f3f4;
    line-height: 2.5rem;
    height: 2.5rem
}

.calendar-scheduler .attendees-list .attendee {
    white-space: nowrap
}

.calendar-scheduler .attendees-list .attendee.spacer {
    height: 10px
}

.calendar-scheduler .attendees-list .attendee.loading:before {
    -webkit-animation: spinner-border 1.5s infinite linear;
    animation: spinner-border 1.5s infinite linear;
    content: "\f1ce";
    font-weight: 900
}

.calendar-scheduler .attendees-list .attendee.total {
    font-weight: 700
}

.calendar-scheduler .attendees-list .attendee.spacer:before, .calendar-scheduler .attendees-list .attendee.total:before {
    display: none
}

.calendar-scheduler .schedule-table {
    table-layout: fixed
}

.calendar-scheduler .schedule-table th {
    border-top: 0
}

.calendar-scheduler .schedule-table td.attendees {
    width: 25%;
    overflow: hidden;
    border-top: 0
}

html.layout-phone .calendar-scheduler .schedule-table td.attendees {
    width: 35%
}

.calendar-scheduler .schedule-table td.times {
    width: auto;
    border-top: 0
}

.calendar-scheduler .schedule-table td.times table {
    margin: 0
}

.calendar-scheduler .schedule-table td.times td {
    height: 2.5rem;
    border-top: 1px solid #f1f3f4;
    white-space: nowrap
}

.calendar-scheduler .schedule-table div.scroll {
    position: relative;
    overflow: auto
}

.calendar-scheduler .schedule-table .timesheader {
    height: 1.4rem;
    border-top: 1px solid #d4dbde
}

.calendar-scheduler .schedule-table .boxtitle {
    margin: 0;
    padding: .5rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2
}

.calendar-scheduler .schedule-table td {
    padding: 4px
}

.calendar-scheduler .schedule-table tbody td {
    padding: 0
}

.calendar-scheduler .schedule-table tbody td div {
    height: 100%
}

.calendar-scheduler .schedule-table tr.spacer td {
    padding: 0;
    height: 10px
}

.calendar-scheduler .schedule-table tr.dates th[colspan="1"] {
    min-width: 48px;
    max-width: 48px;
    text-align: center;
    font-size: .7rem;
    line-height: 2.9
}

.calendar-scheduler .schedule-table tr.times td {
    cursor: pointer;
    min-width: 48px;
    max-width: 48px;
    font-size: .7rem;
    text-align: center;
    color: #00acff;
    height: 1.4rem;
    padding: 0 .1rem;
    vertical-align: middle;
    border-top: 1px solid #d4dbde;
    border-left: 1px solid #f1f3f4
}

.calendar-scheduler .schedule-table .fbcontent td {
    border-left: 1px solid #f1f3f4
}

.calendar-scheduler .schedule-table div.unknown {
    background-color: #bbb
}

.calendar-scheduler .schedule-table div.free {
    background-color: #41b849
}

.calendar-scheduler .schedule-table div.busy {
    background-color: #ff5552
}

.calendar-scheduler .schedule-table div.tentative {
    background-color: #8383fc
}

.calendar-scheduler .schedule-table div.out-of-office {
    background-color: #fbaa68
}

.calendar-scheduler .schedule-table div.all-busy, .calendar-scheduler .schedule-table div.all-out-of-office, .calendar-scheduler .schedule-table div.all-tentative {
    overflow: hidden
}

.calendar-scheduler .schedule-table div.all-busy span, .calendar-scheduler .schedule-table div.all-out-of-office span, .calendar-scheduler .schedule-table div.all-tentative span {
    display: block;
    width: 300%;
    height: 300%;
    border: 1px solid #fff;
    background: #ff231f;
    transform: rotate(42deg) translate(2%)
}

.calendar-scheduler .schedule-table div.all-busy.w10 span, .calendar-scheduler .schedule-table div.all-out-of-office.w10 span, .calendar-scheduler .schedule-table div.all-tentative.w10 span, .resources-dialog .slot-nav {
    display: none
}

.calendar-scheduler .schedule-table div.all-busy.w20 span, .calendar-scheduler .schedule-table div.all-busy.w25 span, .calendar-scheduler .schedule-table div.all-out-of-office.w20 span, .calendar-scheduler .schedule-table div.all-out-of-office.w25 span, .calendar-scheduler .schedule-table div.all-tentative.w20 span, .calendar-scheduler .schedule-table div.all-tentative.w25 span {
    transform: rotate(17deg) translate(-9%)
}

.calendar-scheduler .schedule-table div.all-busy.w30 span, .calendar-scheduler .schedule-table div.all-out-of-office.w30 span, .calendar-scheduler .schedule-table div.all-tentative.w30 span {
    transform: rotate(28deg) translate(-7%)
}

.calendar-scheduler .schedule-table div.all-busy.w33 span, .calendar-scheduler .schedule-table div.all-out-of-office.w33 span, .calendar-scheduler .schedule-table div.all-tentative.w33 span {
    transform: rotate(32deg) translate(-5%)
}

.calendar-scheduler .schedule-table div.all-busy.w40 span, .calendar-scheduler .schedule-table div.all-out-of-office.w40 span, .calendar-scheduler .schedule-table div.all-tentative.w40 span {
    transform: rotate(36deg) translate(-3%)
}

.calendar-scheduler .schedule-table div.all-busy.w60 span, .calendar-scheduler .schedule-table div.all-out-of-office.w60 span, .calendar-scheduler .schedule-table div.all-tentative.w60 span {
    transform: rotate(48deg) translate(6%)
}

.calendar-scheduler .schedule-table div.all-busy.w67 span, .calendar-scheduler .schedule-table div.all-out-of-office.w67 span, .calendar-scheduler .schedule-table div.all-tentative.w67 span {
    transform: rotate(52deg) translate(9%)
}

.calendar-scheduler .schedule-table div.all-busy.w70 span, .calendar-scheduler .schedule-table div.all-busy.w75 span, .calendar-scheduler .schedule-table div.all-out-of-office.w70 span, .calendar-scheduler .schedule-table div.all-out-of-office.w75 span, .calendar-scheduler .schedule-table div.all-tentative.w70 span, .calendar-scheduler .schedule-table div.all-tentative.w75 span {
    transform: rotate(55deg) translate(12%, 30%)
}

.calendar-scheduler .schedule-table div.all-busy.w80 span, .calendar-scheduler .schedule-table div.all-out-of-office.w80 span, .calendar-scheduler .schedule-table div.all-tentative.w80 span {
    transform: rotate(56deg) translate(13%, 30%)
}

.calendar-scheduler .schedule-table div.all-busy.w90 span, .calendar-scheduler .schedule-table div.all-out-of-office.w90 span, .calendar-scheduler .schedule-table div.all-tentative.w90 span {
    transform: rotate(59deg) translate(16%, 30%)
}

.calendar-scheduler .schedule-table div.all-busy.w100 span, .calendar-scheduler .schedule-table div.all-out-of-office.w100 span, .calendar-scheduler .schedule-table div.all-tentative.w100 span {
    transform: rotate(62deg) translate(19%, 30%)
}

.calendar-scheduler .schedule-table div.all-tentative span {
    background: #5151fb
}

.calendar-scheduler .schedule-table div.all-out-of-office span {
    background: #fa8e36
}

#schedule-event-time {
    position: absolute;
    border-radius: .3rem;
    cursor: move;
    border: 2px solid #444;
    background-color: rgba(0, 0, 0, .3)
}

#filelistcontainer, #resource-availability .fc, .standalone-invitebox, body.task-calendar .header-title {
    position: relative
}

.resources-dialog .resource-selection {
    flex: 4;
    min-width: 300px
}

.resources-dialog .resource-content {
    flex: 10;
    margin-left: 1em
}

.resources-dialog .listing li.resource > a {
    color: #2c363a
}

#devices-table td:not(.selection):before, .listing.iconized li.activesync > a:before {
    content: "\f143"
}

#resource-availability {
    height: 100%
}

#resource-availability .fc {
    height: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

#resource-availability .fc-view {
    border-left: 1px solid #ddd
}

#resource-availability .fc-header-toolbar {
    height: 0
}

.standalone-invitebox {
    margin: 0 auto;
    max-width: 500px;
    width: 95%;
    display: flex;
    flex-direction: column;
    top: 15vh
}

#devices-table .devicealias, #folder-mount-form td.source > div {
    flex: 1
}

.standalone-invitebox #logo {
    max-height: 90px
}

.standalone-invitebox .invitebox {
    margin-top: 3em !important
}

@media screen and (min-width: 769px) {
    .searchbar a.button.date {
        display: none
    }
}

#rcmfd_alarmvalue {
    max-width: 80px
}

@media screen and (max-width: 768px) {
    #agendaoptions {
        padding-top: .5rem
    }

    .calendar-scheduler .schedule-range {
        width: 100%
    }

    #layout-sidebar .calendar-datepicker {
        display: none
    }

    .resources-dialog .resource-content {
        display: none;
        margin: 0
    }

    .resources-dialog .resource-content ul {
        margin: 1em 1em 0
    }

    #resource-availability {
        margin: 0 1em
    }
}

body.task-calendar .header-title .tz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 2;
    font-size: .8rem;
    font-weight: 400;
    color: #737677
}

#devices-table td:not(.selection) {
    display: flex
}

#devices-table td:not(.selection) span {
    overflow: hidden;
    text-overflow: ellipsis
}

#devices-table .devicetype {
    max-width: 40%;
    font-style: italic;
    padding-left: .5em
}

#delegate-table td:before, .listing.iconized li.delegation > a:before {
    content: "\f21b"
}

a.btn.fromcloud:before, a.button.filesaveall:before, a.button.saveas:before, li > a.icon.saveas:before {
    content: "\f07b"
}

.menu a.mount.storage:before {
    content: "\f1c0"
}

.menu a.open:before {
    content: "\f06e"
}

.menu a.cancel:before {
    content: "\f00d"
}

.menu a.share:before {
    content: "\f1e0"
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options.add-folder {
    order: -1
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options.add-folder:before {
    content: "\f067"
}

.folderlist li.collection a.name {
    padding-left: .5em
}

.folderlist li.collection.audio a.name:before {
    content: "\f028";
    font-weight: 900
}

.folderlist li.collection.video a.name:before {
    content: "\f03d";
    font-weight: 900
}

.folderlist li.collection.image a.name:before {
    content: "\f03e"
}

.folderlist li.collection.document a.name:before {
    content: "\f02d";
    font-weight: 900
}

.folderlist li.collection.sessions a.name:before {
    content: "\f0c0";
    font-weight: 900
}

.folderlist li.mailbox a.subscription {
    cursor: pointer;
    padding: 0 !important;
    border-left: 0;
    width: auto
}

.folderlist li.mailbox a.subscription:before {
    content: "\f02e";
    font-weight: 400;
    height: auto;
    color: #00acff;
    margin-right: .25rem
}

.folderlist li.mailbox a.subscription.subscribed:before {
    content: "\f02e";
    font-weight: 900
}

#filesuploadform {
    position: absolute !important
}

#filelistbox {
    height: 100%
}

#folder-mount-form td.source img, #folder-mount-form td.source > input {
    height: 32px;
    margin-right: .5rem
}

#filelistbox.droptarget.active {
    box-shadow: 0 0 2px 1px #b9b9b9 inset
}

#filelistbox.droptarget.hover {
    box-shadow: 0 0 2px 1px #b9b9b9 inset;
    background-color: #ececec
}

.filelist td.options, .filelist thead {
    display: none
}

.filelist td.name {
    position: relative
}

.filelist td.mtime {
    width: 11em
}

.filelist td.size {
    text-align: right;
    width: 6em
}

.filelist tr.session > td.name {
    padding-right: 2em
}

.filelist tr.session > td.name:after {
    content: "\f0c0";
    color: #d4dbde;
    position: absolute;
    right: .25em;
    top: 0
}

.filelist tr.session.invited > td.name:after {
    color: #41b849
}

.filelist tr.session.owner > td.name:after {
    color: #161b1d
}

@media screen and (max-width: 480px) {
    .filelist td.mtime {
        display: none
    }
}

.filelist tbody td.filename span {
    background-color: #f6f8fc !important
}

.filelist tbody td.filename span:before {
    content: "\f15b";
    font-weight: 400
}

#folder-mount-form td.source .name, .invitebox td em, .invitebox td.date.modified, .invitebox td.ititle, .invitebox td.sensitivity, .tagbox {
    font-weight: 700
}

.filelist tbody td.filename.application_pdf span:before, .filelist tbody td.filename.pdf span:before {
    content: "\f1c1"
}

.filelist tbody td.filename.application_msword span:before, .filelist tbody td.filename.application_vnd_ms_word span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_wordprocessingml_document span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_wordprocessingml_template span:before {
    content: "\f1c2"
}

.filelist tbody td.filename.application_vnd_ms_excel span:before, .filelist tbody td.filename.application_vnd_oasis_opendocument_spreadsheet span:before, .filelist tbody td.filename.application_vnd_oasis_opendocument_spreadsheet_template span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_spreadsheetml_sheet span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_spreadsheetml_template span:before {
    content: "\f1c3"
}

.filelist tbody td.filename.application_vnd_ms_powerpoint span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_presentationml_presentation span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_presentationml_slideshow span:before, .filelist tbody td.filename.application_vnd_openxmlformats_officedocument_presentationml_template span:before {
    content: "\f1c4"
}

.filelist tbody td.filename.application_vnd_oasis_opendocument_text span:before {
    content: "\f15c"
}

.filelist tbody td.filename.application_vnd_oasis_opendocument_presentation span:before, .filelist tbody td.filename.application_vnd_oasis_opendocument_presentation_template span:before {
    content: "\f1c4"
}

.filelist tbody td.filename.application_x_7z_compressed span:before, .filelist tbody td.filename.application_x_ace span:before, .filelist tbody td.filename.application_x_arc span:before, .filelist tbody td.filename.application_x_arj span:before, .filelist tbody td.filename.application_x_bzip_compressed_tar span:before, .filelist tbody td.filename.application_x_lha span:before, .filelist tbody td.filename.application_x_rar span:before, .filelist tbody td.filename.application_x_tarz span:before, .filelist tbody td.filename.application_x_tzo span:before, .filelist tbody td.filename.application_x_zip span:before, .filelist tbody td.filename.application_x_zoo span:before, .filelist tbody td.filename.application_zip span:before, .filelist tbody td.filename.tar span:before {
    content: "\f1c6"
}

.filelist tbody td.filename.application_vnd_stardivision_draw span:before, .filelist tbody td.filename.application_vnd_sun_xml_draw span:before, .filelist tbody td.filename.application_vnd_sun_xml_draw_template span:before, .filelist tbody td.filename.image span:before, .filelist tbody td.filename.image_jpeg span:before, .filelist tbody td.filename.image_jpeg2000 span:before, .filelist tbody td.filename.image_png span:before, .filelist tbody td.filename.image_svg_xml span:before, .filelist tbody td.filename.image_x_eps span:before {
    content: "\f1c5"
}

.filelist tbody td.filename.audio span:before {
    content: "\f1c7"
}

.filelist tbody td.filename.video span:before {
    content: "\f1c8"
}

.filelist tbody td.filename.ascii span:before, .filelist tbody td.filename.text_plain span:before {
    content: "\f15c"
}

.filelist tbody td.filename.text_html span:before {
    content: "\f1c9"
}

#folder-mount-form td.source {
    display: flex;
    align-items: flex-start;
    padding: .5rem
}

#folder-mount-form td.source.selected {
    background-color: #ebf9ff
}

#folder-mount-form td.source .description {
    font-size: 90%
}

#folder-mount-form td.source .form-group {
    margin-bottom: 0
}

#folder-mount-form .auth-options > label:before {
    line-height: 1
}

.files-dialog .selection-list {
    flex: 1;
    min-width: 220px
}

.files-dialog .selection-content {
    flex: 2
}

@media screen and (min-width: 769px) {
    .files-dialog .selection-content {
        border: 1px solid #d4dbde;
        border-left: 0
    }
}

.files-dialog a.subscription {
    display: none
}

@media screen and (max-width: 768px) {
    .files-dialog .selection-list {
        display: none
    }
}

.document-editor-header .toolbar {
    text-align: left !important;
    flex: 1
}

.document-editor-header .toolbar a {
    text-align: center
}

.document-editor-header a.button.icon.members:before {
    content: "\f0c0"
}

.document-editor-header #collaborators {
    order: 9;
    display: flex;
    margin-right: .5rem;
    margin-left: 2rem
}

.document-editor-header #collaborators a.button.add:before {
    content: "\f067"
}

.document-editor-header #collaborators .inner {
    display: none
}

.document-editor-header #doc-title {
    flex: 1;
    order: 8
}

.document-editor-header #doc-title input {
    display: inline
}

.session-members img.photo {
    width: 48px;
    height: 48px;
    min-width: 48px;
    overflow: hidden;
    background: url(../../../skins/elastic/images/contactpic.png) center center no-repeat #fff;
    background-size: cover;
    border-radius: 50%;
    border: 3px solid #eee;
    margin-left: .5rem
}

.session-members ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.session-members ul li {
    display: flex;
    align-items: center
}

.session-members ul img.photo {
    margin-left: 0;
    margin-right: 1em
}

.editors-dialog table th {
    border: 0
}

.editors-dialog table tr:last-child td {
    border-bottom: 1px solid #d4dbde
}

.editors-dialog table td.options {
    width: 1%
}

.editors-dialog table td.options a.delete:before {
    content: "\f2ed";
    display: inline;
    line-height: 1
}

.editors-dialog label {
    display: block
}

button.participant.add:before {
    content: "\f234"
}

#kolabnoteslist td.title:before, .menu a.appendnote:before {
    content: "\f249"
}

.iframe-wrapper.file-type-audio, .iframe-wrapper.file-type-video {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 769px) {
    .iframe-wrapper.file-type-audio, .iframe-wrapper.file-type-video {
        padding: 1em
    }
}

#shareform table td, #shareform table th {
    padding-left: .15rem;
    max-width: 10vw;
    overflow: hidden;
    text-overflow: ellipsis
}

#shareform table td:last-child, #shareform table th:last-child {
    padding-right: .15rem;
    width: 1%;
    max-width: unset
}

#shareform table td {
    vertical-align: middle
}

#shareform table td.form input {
    margin-bottom: .25rem;
    width: 100%
}

#print-layout #notetags, #tagsform select {
    margin-bottom: .5rem
}

#shareform table tr + tr > td {
    border-top: 0;
    padding-bottom: .25rem
}

#shareform table button {
    padding: .185rem .75rem;
    width: 100%
}

#noteform iframe {
    min-height: 10rem
}

#notereferences {
    margin-top: .5rem
}

#notereferences .attachmentslist a.delete {
    margin-left: .5rem
}

#notedetailstitle .dates {
    color: #737677
}

#print-layout #notetitle {
    font-size: 1.5rem;
    line-height: 2
}

#print-layout #notecreated {
    margin-right: 2rem
}

#kolabnoteslist tr {
    display: flex
}

#kolabnoteslist td.title {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1
}

#kolabnoteslist td.title:before {
    font-weight: 400
}

#kolabnoteslist td.date {
    overflow: unset;
    color: #737677;
    font-style: italic
}

.kolabmessagenotes > i.icon:before {
    content: "\f249" !important;
    font-weight: 400 !important
}

.kolabmessagenotes > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-decoration: none
}

.menu a.tags:before {
    content: "\f02c"
}

#taglist li:before, #tagsform option:before, .menu a.tag.remove.all:before, .menu a.tag.remove:before, .menu a.tag:before {
    content: "\f02b"
}

#taglist li {
    padding: 0 .5rem
}

#taglist li:before {
    margin: 0 .5rem 0 .2rem
}

#tag-selector li a:before, #taglist li:before, #tagsform option:before {
    color: #009eea
}

#tag-selector li:hover a:before, #tagsform option:checked:before {
    color: #fff
}

#tagsform {
    min-height: 15rem
}

#tagsform select {
    padding: 0
}

#tagsform option {
    padding: .5rem;
    outline: 0;
    border: 0
}

#tagsform option:before {
    line-height: 1
}

#tagsform .buttons {
    text-align: center
}

#tagsform .buttons button {
    margin: 0 .25rem
}

.tagbox {
    color: #fff;
    background-color: #37beff !important;
    border: 0 !important;
    border-radius: .25rem;
    max-width: 4em;
    padding: .1rem .4rem;
    margin-right: .2rem
}

.tagbox:not(.tagedit-listelement) a {
    color: inherit;
    padding-left: .5rem;
    text-decoration: none
}

h2 > .tagbox {
    font-size: 1.2rem
}

.tag-droppable.formcontainer.ui-droppable-active {
    background-color: #f1f3f4 !important
}

.tag-droppable.formcontainer.ui-droppable-hover {
    background-color: #ffc !important
}

.invitebox > i.icon {
    position: absolute;
    top: 0;
    padding-top: .5em
}

.invitebox > span {
    padding-left: 2.5em
}

.invitebox td {
    padding: 2px;
    vertical-align: top
}

.invitebox td.ititle {
    padding-right: .5em
}

.invitebox td.label {
    color: #666;
    padding-right: 1em
}

.invitebox td.recurrence-id {
    text-transform: uppercase;
    font-style: italic
}

.invitebox td.date.modified {
    color: #ff5552
}

.invitebox .itip-buttons {
    display: flex;
    flex-wrap: wrap
}

.invitebox .itip-buttons input.button {
    margin: 0 .25rem .25rem 0
}

.invitebox .rsvp-buttons {
    width: 100%;
    padding-top: .25rem
}

.invitebox .itip-reply-controls {
    margin-top: .25rem;
    width: 100%;
    line-height: 2
}

.invitebox .itip-reply-controls > label {
    display: inline
}

.invitebox .itip-reply-controls > label label {
    line-height: 1;
    margin-right: .25rem
}

.invitebox .itip-reply-controls a {
    margin-left: 1em;
    white-space: nowrap
}

.invitebox .rsvp-status {
    margin: .5rem 0;
    width: 100%
}

.invitebox .rsvp-status.hint {
    color: #666;
    font-style: italic
}

.invitebox .folder-select {
    white-space: nowrap
}

.invitebox .folder-select select {
    display: initial;
    width: auto
}

.rsvp-status:before {
    line-height: 1.1;
    color: #4d5f66;
    float: none;
    display: inline
}

.rsvp-status.loading:before {
    -webkit-animation: spinner-border 1.5s infinite linear;
    animation: spinner-border 1.5s infinite linear;
    content: "\f1ce";
    line-height: 1
}

.rsvp-status.declined:before {
    content: "\f05e";
    color: #ff5552
}

.rsvp-status.tentative:before {
    content: "\f058";
    color: #ffd452
}

.rsvp-status.accepted:before {
    content: "\f058";
    color: #41b849
}

.rsvp-status.delegated:before {
    content: "\f064"
}

.attendee:before, .rsvp-status.needs-action:before {
    content: "\f059";
}

.attendee:before {
    display: inline;
    float: none;
    font-size: 1em;
    color: #737677
}

.attendee.chair:before, .attendee.non-participant:before, .attendee.opt-participant:before, .attendee.req-participant:before {
    content: "\f007"
}

.attendee.opt-participant:before {
    font-weight: 400
}

.attendee.non-participant:before {
    color: #ccc
}

.attendee.chair:before {
    color: #ffd452
}

.attendee.accepted:before, .attendee.completed:before {
    content: "\f058";
    color: #41b849;
    font-family: "Font Awesome 5 Pro";
}

.attendee.declined:before {
    content: "\f05e";
    color: #ff5552;
    font-family: "Font Awesome 5 Pro";
}

.attendee.tentative:before {
    content: "\f058";
    color: #ffd452
}

.attendee.delegated:before {
    content: "\f064"
}

.attendee.organizer:before {
    content: "\f0b1"
}

.attendee.in-process:before {
    content: "\f013"
}

.attendees-comentbox label {
    display: inline
}

.edit-attendees-table {
    width: 100%
}

.edit-attendees-table td, .edit-attendees-table th {
    width: 1%;
    text-align: center
}

.edit-attendees-table td {
    border: 0;
    padding: 0 .3rem
}

.edit-attendees-table th {
    border-bottom: 1px solid #eee !important
}

.edit-attendees-table td.name, .edit-attendees-table td.role, .edit-attendees-table th.name, .edit-attendees-table th.role {
    width: 15%;
    text-align: left
}

.edit-attendees-table th.invite input {
    display: none
}
.edit-attendees-table thead {
    margin-bottom: 20px;
}

.edit-attendees-table th.invite label {
    cursor: pointer
}

.edit-attendees-table th.invite label:before {
    content: "\f0e0";
    display: inline;
    float: none;
    margin-left: .25rem
}

.edit-attendees-table td.invite .custom-switch {
    margin-top: .15rem
}

.edit-attendees-table td.name span {
    line-height: 2.8;
    display: flex;
    font-size: 1rem;
}

.edit-attendees-table td.name span > :first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    width: 1px;
    white-space: nowrap
}

.edit-attendees-table td.availability span, .edit-attendees-table td.confirmstate span {
    margin: 0
}

.edit-attendees-table td.availability span:after, .edit-attendees-table td.availability span:before, .edit-attendees-table td.confirmstate span:after, .edit-attendees-table td.confirmstate span:before {
    line-height: 3.4rem;
    margin: 0;
    font-size: 1.5em;
    height: 2em;
    width: 2em
}

.edit-attendees-table td.options a {
    display: inline-block;
    height: 2em
}

.edit-attendees-table td.options a:before {
    line-height: 1.8;
    margin: 0
}

.edit-attendees-table a.expandlink:before {
    content: "\f0fe";
    line-height: 2
}

.edit-attendees-table .inner {
    display: none
}

html.layout-phone .edit-attendees-table th.availability, html.layout-phone .edit-attendees-table th.confirmstate {
    text-indent: -5000px
}

html.layout-phone .edit-attendees-table td.role {
    max-width: 7em
}

html.layout-phone .edit-attendees-table select {
    padding-left: .5rem
}

.form-searchbar {
    display: flex;
    margin-bottom: .5rem
}

.form-searchbar input[type=text] {
    flex: 1
}

html.layout-phone .form-searchbar input[type=text] {
    max-width: 50%
}

.form-searchbar input[type=button] {
    margin-left: .5em;
    overflow: hidden;
    text-overflow: ellipsis
}

.attachmentslist li.ics:before, .attachmentslist li.text.calendar:before, .messagelist tbody .attachment span.ical:before {
    content: "\f073";
    font-weight: 400
}

.alarms-input .edit-alarm-item {
    display: flex
}

.alarms-input .edit-alarm-buttons .inner, .alarms-input .edit-alarm-item.first .delete-alarm, .alarms-input .edit-alarm-item:not(.first) .add-alarm {
    display: none
}

.alarms-input .edit-alarm-item + .edit-alarm-item {
    margin-top: .25rem
}

.alarms-input .edit-alarm-buttons a {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.alarms-input .edit-alarm-buttons a:before {
    margin: 0;
    width: 1em
}

.alarms-input .edit-alarm-buttons a:focus {
    box-shadow: none
}

.alarms-input .edit-alarm-buttons a.add:before {
    content: "\f067"
}

.alarms-input .edit-alarm-type {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.alarms-input .edit-alarm-type:focus {
    z-index: 2
}

.alarms-input .edit-alarm-set {
    display: flex;
    flex: 1
}

.alarms-input .edit-alarm-values {
    flex: 5
}

.alarms-input .edit-alarm-values .form-control {
    border-radius: 0
}

.alarms-input .edit-alarm-values :first-child {
    border-left: 0
}

.alarms-input .edit-alarm-offset {
    flex: 5
}

.alarms-input .edit-alarm-date, .alarms-input .edit-alarm-related, .alarms-input .edit-alarm-time {
    flex: 3
}

.recurrence-form .recurrence-rdates {
    width: 100%;
    padding: 0;
    list-style-type: none
}

.recurrence-form .recurrence-rdates:empty {
    margin: 0
}

.recurrence-form .recurrence-rdates a.delete {
    margin-left: 2em
}

.recurrence-form .recurrence-rdates a.delete:before {
    display: inline-block;
    float: none
}

.recurrence-form .recurrence-rdates .inner {
    display: none
}

.recurrence-form .recurrence-onevery select {
    width: 40%;
    display: inline
}

.recurrence-form .inputform {
    display: flex
}

.recurrence-form .inputform input.button {
    margin-left: .25rem
}

.recurrence-form div.line {
    width: 100%;
    display: flex;
    margin-bottom: .6rem
}

.recurrence-form div.line label {
    margin-left: .5em;
    min-width: 4em;
    line-height: 2.5
}

.recurrence-form .month, .recurrence-form .monthday, .recurrence-form .weekday {
    display: inline-block;
    width: 3.5em;
    margin-right: .5rem;
    white-space: nowrap
}

.recurrence-form .month input, .recurrence-form .monthday input, .recurrence-form .weekday input {
    margin-right: .25rem
}

.recurrence-form .monthday {
    width: 2.75em
}

.recurrence-form .table td {
    border: 0;
    padding: 0
}

.recurrence-form .table td.label {
    white-space: nowrap
}

.recurrence-form .table td:first-child label {
    line-height: 2.5
}

.recurrence-form .table td label.monthday:first-child {
    margin-top: .5rem
}

.recurrence-form .input-group-append, .recurrence-form .input-group-prepend {
    display: initial
}

#event-status-badge {
    width: 7rem;
    height: 7rem;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

#event-status-badge span {
    display: none;
    text-transform: uppercase;
    line-height: 20px;
    position: absolute;
    left: -2.4rem;
    top: 2.4rem;
    width: 13.2rem;
    text-align: center;
    font-weight: 700;
    font-size: .85rem;
    color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#event-status-badge span:before {
    display: inline;
    float: none
}

.status-cancelled #event-status-badge span {
    background-color: #ff231f;
    display: block
}

.status-cancelled #event-status-badge span:before {
    content: "\f057"
}

.sensitivity-private #event-status-badge span {
    background-color: #ffc71f;
    display: block
}

.sensitivity-private #event-status-badge span:before {
    content: "\f023"
}

.sensitivity-confidential #event-status-badge span {
    background-color: #ff231f;
    display: block
}

.sensitivity-confidential #event-status-badge span:before {
    content: "\f21b"
}

#alarm-display h3 {
    font-size: 1.2rem;
    margin-bottom: .25rem
}

#alarm-display h3:before {
    content: "\f073";
    font-weight: 400;
    font-size: 1em
}

#alarm-display h3.type-task:before {
    content: "\f274";
    font-weight: 400
}

#alarm-display .event-section {
    font-size: .9rem;
    color: #737677;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#alarm-display .alarm-actions {
    text-align: right;
    margin-bottom: .25rem
}

#alarm-display .alarm-actions a:first-child {
    margin-right: 1em
}

#alarm-display .alarm-actions a:before {
    display: inline;
    float: none
}

#alarm-display a.alarm-action-snooze:before {
    content: "\f1f6"
}

#alarm-display a.alarm-action-dismiss:before {
    content: "\f2ed"
}

#alarm-snooze-dropdown a:before {
    content: "\f017";
    font-weight: 400
}

.dialog-message {
    margin: .25em 0 0;
    opacity: .95;
    width: 100%;
    padding: .75em;
    color: #2c363a;
    background-color: rgba(255, 212, 82, .2)
}

.dialog-message > label {
    margin: 0;
    display: block
}

.dialog-message > label label:before {
    line-height: 1.25;
    margin-right: .25rem
}

.dialog-message + .savemode a.btn, html.touch #tasklist span.title {
    margin-right: .5rem
}

.dialog-message .message {
    display: flex
}

.dialog-message + .savemode {
    margin-top: 1rem
}

.dialog-message > .savemode {
    margin-top: .5rem
}

.dialog-message > .savemode label {
    margin-right: 1rem
}

.dialog-message > .savemode input {
    margin-right: .25rem
}

@media screen and (max-width: 420px) {
    .nav-link.nav-icon {
        width: 3em;
        margin-right: 5px;
        padding: .5rem .5rem .5rem .65rem
    }

    .nav-link.nav-icon:before {
        font-size: 1.25em;
        display: block;
        float: left;
        height: 1em;
        font-family: Icons;
        font-style: normal;
        font-weight: 900;
        text-decoration: inherit;
        text-align: center;
        speak: none;
        font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        margin: 0 1rem 0 0;
        width: 1em;
        line-height: 1.2
    }

    .nav-link.nav-icon.resources:before {
        content: "\f1b2";
        margin-left: .1rem
    }

    .nav-link.nav-icon.attachments:before {
        content: "\f0c6"
    }

    .nav-link.nav-icon.attendees:before {
        content: "\f0c0"
    }
}

.menu a.taskaddlink:before, .menu a.tasklist:before, .menu a.tasklistlink:before {
    content: "\f274"
}

.tasklist-invitebox > i.icon:before {
    content: "\f274" !important
}

.listing li > div.tasklist .listname:before {
    content: "\f274"
}

#tasklist li.taskitem {
    border-bottom: 0
}

#tasklist li.taskitem div.taskhead {
    position: relative;
    display: block;
    height: 3.8rem;
    padding-left: 1.5em;
    outline: 0
}

#tasklist .actions, #tasklist .childtoggle .inner, #tasklist li.taskitem div.taskhead.complete .progressbar, #taskshow + .formbuttons button.disabled, html.touch #tasklist .custom-switch, html.touch #tasklist input[type=checkbox], html.touch #tasklist span.flagged {
    display: none
}

#tasklist li.taskitem div.taskhead.flagged {
    color: #ff5552 !important
}

#tasklist li.taskitem div.taskhead.selected {
    background-color: #ebf9ff
}

#tasklist li.taskitem div.taskhead.droptarget {
    background-color: #ffc
}

#tasklist li.taskitem div.taskhead.complete span.title {
    color: rgba(44, 54, 58, .5)
}

#tasklist li.taskitem > div, #tasklist li.taskitem > span {
    border-bottom: 1px solid #f1f3f4
}

#tasklist li.taskitem ul {
    padding: 0;
    border: 0
}

#tasklist li.taskitem ul li {
    padding-left: 0
}

#tasklist li.taskitem ul li .taskhead, #tasklist li.taskitem ul li .title {
    padding-left: 3.25em
}

#tasklist li.taskitem ul li .childtoggle {
    left: 1.5em
}

#tasklist li.taskitem ul li li .taskhead, #tasklist li.taskitem ul li li .title {
    padding-left: 4.75em
}

#tasklist li.taskitem ul li li .childtoggle {
    left: 3em
}

#tasklist li.taskitem ul li li li .taskhead, #tasklist li.taskitem ul li li li .title {
    padding-left: 6.25em
}

#tasklist li.taskitem ul li li li .childtoggle {
    left: 4.5em
}

#tasklist li.taskitem ul li li li li .taskhead, #tasklist li.taskitem ul li li li li .title {
    padding-left: 7.75em
}

#tasklist li.taskitem ul li li li li .childtoggle {
    left: 6em
}

#tasklist li.taskitem ul li li li li li .taskhead, #tasklist li.taskitem ul li li li li li .title {
    padding-left: 9.25em
}

#tasklist li.taskitem ul li li li li li .childtoggle {
    left: 7.5em
}

#tasklist .childtoggle {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    padding: 0 0 0 .25rem;
    height: 3.8rem;
    cursor: pointer;
    z-index: 1
}

#tasklist .childtoggle:before {
    content: "\f105";
    margin: 0;
    width: 1em;
    line-height: 3.8rem
}

#tasklist .childtoggle.expanded:before {
    content: "\f107"
}

#tasklist .childtoggle.collapsed:before {
    content: "\f105"
}

#tasklist span.title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 2em;
    padding: 0 0 0 1.75em;
    margin-right: 2em;
    overflow: hidden;
    text-overflow: ellipsis
}

#tasklist span.tags {
    position: absolute;
    right: 2em;
    top: 0;
    line-height: 2em;
    text-align: right
}

#tasklist span.date {
    position: absolute;
    padding-left: .2em;
    font-size: 90%;
    line-height: 2.5;
    color: #737677;
    cursor: pointer
}

#tasklist span.date input {
    line-height: 1;
    padding: 0;
    margin-top: -2px
}

#tasklist span.flagged {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.8em;
    cursor: pointer
}

#tasklist .taskhead:not(.flagged):hover span.flagged:before {
    content: "\f024";
    font-weight: 400
}

#tasklist .taskhead.flagged span.flagged:before {
    content: "\f024"
}

#tasklist .progressbar {
    position: absolute;
    bottom: 1px;
    left: .2em;
    right: .2em
}

#tasklist .progressbar .progressvalue {
    border-top: 2px solid #ffd452
}

#tasklist .custom-switch {
    position: absolute;
    top: 1.4rem;
    z-index: 1;
    height: 2.3em
}

@media screen and (min-width: 1200px) {
    #tasklist .taskhead {
        border-left: 2px solid transparent
    }

    #tasklist .taskhead.focused {
        border-left: 2px solid #9ddfff;
        outline: 0
    }
}

html.touch #tasklist li {
    font-size: 1rem
}

html.touch #tasklist span.tags {
    right: .5rem
}

#taskshow .task-parent-title {
    color: #737677;
    font-size: 90%;
    margin-bottom: .5rem
}

#taskshow .task-title {
    font-size: 1.5rem;
    font-weight: 700
}

#taskshow .task-description {
    margin: 1rem 0
}

#taskshow.status-completed h2 {
    color: rgba(44, 54, 58, .5)
}

#taskshow.status-flagged h2:before {
    content: "\f024";
    color: #ff5552;
    font-size: .9em
}

#taskshow .attachmentslist li {
    margin-right: 1em
}

#taskedit-attachment-form {
    position: absolute
}

.messagetasklinks > i.icon:before {
    content: "\f274" !important
}

.messagetasklinks .tasklist {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.messagetasklinks .tasklist li {
    display: flex;
    align-items: center
}

.messagetasklinks input {
    height: auto !important
}

#print-layout #tasklist {
    padding: 0
}

#print-layout #tasklist li {
    list-style-type: none
}

#print-layout #tasklist .description {
    display: block;
    white-space: pre-wrap
}

#print-layout #tasklist .title {
    position: relative;
    font-weight: 700;
    padding: 0;
    margin: 0
}

#print-layout #tasklist .taskhead {
    height: auto
}

.taskitem-draghelper {
    overflow: hidden;
    text-overflow: ellipsis
}