[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

body.xcalendar-page,
body.xcalendar,
body.task-xcalendar {
  /* calendar grid */
  /* event preview */
  /* editor */
  /* agenda view */ }
  body.xcalendar-page #layout-sidebar .column-resizer,
  body.xcalendar #layout-sidebar .column-resizer,
  body.task-xcalendar #layout-sidebar .column-resizer {
    display: none !important; }
  body.xcalendar-page .restore-popup,
  body.xcalendar .restore-popup,
  body.task-xcalendar .restore-popup {
    position: fixed;
    top: 60px;
    left: 50%;
    margin-left: -50px;
    background: #f9edbe;
    border: 1px solid #f0c36d;
    padding: 3px 25px 3px 10px;
    color: #333; }
    body.xcalendar-page .restore-popup a.undo,
    body.xcalendar .restore-popup a.undo,
    body.task-xcalendar .restore-popup a.undo {
      text-decoration: underline;
      margin-right: 4px; }
    body.xcalendar-page .restore-popup a.hide-popup,
    body.xcalendar .restore-popup a.hide-popup,
    body.task-xcalendar .restore-popup a.hide-popup {
      display: block;
      position: absolute;
      top: 3px;
      right: 5px;
      text-decoration: none;
      color: #888;
      margin-left: 10px; }
  body.xcalendar-page #layout-content,
  body.xcalendar #layout-content,
  body.task-xcalendar #layout-content {
    overflow: hidden; }
  body.xcalendar-page #new-calendar-container,
  body.xcalendar #new-calendar-container,
  body.task-xcalendar #new-calendar-container {
    float: right; }
    body.xcalendar-page #new-calendar-container a:before, body.xcalendar #new-calendar-container a:before, body.task-xcalendar #new-calendar-container a:before {
      color: #333 !important;
      cursor: pointer; }
      html.dark-mode body.xcalendar-page #new-calendar-container a:before,
      html.dark-mode body.xcalendar #new-calendar-container a:before,
      html.dark-mode body.task-xcalendar #new-calendar-container a:before {
        color: #c5d1d3 !important; }
  body.xcalendar-page #calendar-list-container,
  body.xcalendar #calendar-list-container,
  body.task-xcalendar #calendar-list-container {
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    body.xcalendar-page #calendar-list-container #calendar-list-container .header,
    body.xcalendar #calendar-list-container #calendar-list-container .header,
    body.task-xcalendar #calendar-list-container #calendar-list-container .header {
      flex: 0 0 auto; }
    body.xcalendar-page #calendar-list-container #calendar-list-content,
    body.xcalendar #calendar-list-container #calendar-list-content,
    body.task-xcalendar #calendar-list-container #calendar-list-content {
      flex: 1 1 auto;
      overflow: auto; }
  body.xcalendar-page #calendar-grid-controller,
  body.xcalendar-page #calendar-grid,
  body.xcalendar #calendar-grid-controller,
  body.xcalendar #calendar-grid,
  body.task-xcalendar #calendar-grid-controller,
  body.task-xcalendar #calendar-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  body.xcalendar-page #calendar-grid .fc-header-toolbar,
  body.xcalendar #calendar-grid .fc-header-toolbar,
  body.task-xcalendar #calendar-grid .fc-header-toolbar {
    padding: 0 1em; }
    body.xcalendar-page #calendar-grid .fc-header-toolbar .fc-toolbar-title,
    body.xcalendar #calendar-grid .fc-header-toolbar .fc-toolbar-title,
    body.task-xcalendar #calendar-grid .fc-header-toolbar .fc-toolbar-title {
      font-size: 1.2em; }
    body.xcalendar-page #calendar-grid .fc-header-toolbar button,
    body.xcalendar #calendar-grid .fc-header-toolbar button,
    body.task-xcalendar #calendar-grid .fc-header-toolbar button {
      background: transparent !important;
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      padding-left: .7rem !important;
      padding-right: .7rem !important; }
    body.xcalendar-page #calendar-grid .fc-header-toolbar button:before, body.xcalendar #calendar-grid .fc-header-toolbar button:before, body.task-xcalendar #calendar-grid .fc-header-toolbar button:before {
      color: #333 !important;
      font-size: 1.2rem; }
      html.dark-mode body.xcalendar-page #calendar-grid .fc-header-toolbar button:before,
      html.dark-mode body.xcalendar #calendar-grid .fc-header-toolbar button:before,
      html.dark-mode body.task-xcalendar #calendar-grid .fc-header-toolbar button:before {
        color: #c5d1d3 !important; }
    body.xcalendar-page #calendar-grid .fc-header-toolbar button[disabled]:before, body.xcalendar #calendar-grid .fc-header-toolbar button[disabled]:before, body.task-xcalendar #calendar-grid .fc-header-toolbar button[disabled]:before {
      color: #aaa !important; }
      html.dark-mode body.xcalendar-page #calendar-grid .fc-header-toolbar button[disabled]:before,
      html.dark-mode body.xcalendar #calendar-grid .fc-header-toolbar button[disabled]:before,
      html.dark-mode body.task-xcalendar #calendar-grid .fc-header-toolbar button[disabled]:before {
        color: #5a6668 !important; }
    body.xcalendar-page #calendar-grid .fc-header-toolbar button.fc-prev-button span.fa,
    body.xcalendar-page #calendar-grid .fc-header-toolbar button.fc-next-button span.fa,
    body.xcalendar #calendar-grid .fc-header-toolbar button.fc-prev-button span.fa,
    body.xcalendar #calendar-grid .fc-header-toolbar button.fc-next-button span.fa,
    body.task-xcalendar #calendar-grid .fc-header-toolbar button.fc-prev-button span.fa,
    body.task-xcalendar #calendar-grid .fc-header-toolbar button.fc-next-button span.fa {
      display: none; }
    body.xcalendar-page #calendar-grid .fc-header-toolbar button.fc-prev-button:before,
    body.xcalendar-page #calendar-grid .fc-header-toolbar button.fc-next-button:before,
    body.xcalendar #calendar-grid .fc-header-toolbar button.fc-prev-button:before,
    body.xcalendar #calendar-grid .fc-header-toolbar button.fc-next-button:before,
    body.task-xcalendar #calendar-grid .fc-header-toolbar button.fc-prev-button:before,
    body.task-xcalendar #calendar-grid .fc-header-toolbar button.fc-next-button:before {
      position: relative;
      font-size: 1.4rem; }
  body.xcalendar-page #calendar-grid table.table-bordered, body.xcalendar #calendar-grid table.table-bordered, body.task-xcalendar #calendar-grid table.table-bordered {
    border-left: none;
    border-top: 1px solid;
    border-color: #ddd ; }
    html.dark-mode body.xcalendar-page #calendar-grid table.table-bordered,
    html.dark-mode body.xcalendar #calendar-grid table.table-bordered,
    html.dark-mode body.task-xcalendar #calendar-grid table.table-bordered {
      border-color: #4d6066 ; }
    body.xcalendar-page #calendar-grid table.table-bordered tr.fc-scrollgrid-section > td, body.xcalendar #calendar-grid table.table-bordered tr.fc-scrollgrid-section > td, body.task-xcalendar #calendar-grid table.table-bordered tr.fc-scrollgrid-section > td {
      border: none; }
    body.xcalendar-page #calendar-grid table.table-bordered th, body.xcalendar-page #calendar-grid table.table-bordered td, body.xcalendar #calendar-grid table.table-bordered th, body.xcalendar #calendar-grid table.table-bordered td, body.task-xcalendar #calendar-grid table.table-bordered th, body.task-xcalendar #calendar-grid table.table-bordered td {
      border-color: #ddd ; }
      html.dark-mode body.xcalendar-page #calendar-grid table.table-bordered th, html.dark-mode body.xcalendar-page #calendar-grid table.table-bordered td, html.dark-mode body.xcalendar #calendar-grid table.table-bordered th, html.dark-mode body.xcalendar #calendar-grid table.table-bordered td, html.dark-mode body.task-xcalendar #calendar-grid table.table-bordered th, html.dark-mode body.task-xcalendar #calendar-grid table.table-bordered td {
        border-color: #4d6066 ; }
    body.xcalendar-page #calendar-grid table.table-bordered th, body.xcalendar #calendar-grid table.table-bordered th, body.task-xcalendar #calendar-grid table.table-bordered th {
      border-bottom-width: 1px; }
  body.xcalendar-page #calendar-grid .table-active,
  body.xcalendar-page #calendar-grid .table-active > td,
  body.xcalendar-page #calendar-grid .table-active > th,
  body.xcalendar-page #calendar-grid .fc-list-sticky .fc-list-day > *,
  body.xcalendar-page #calendar-grid .fc-list-event:hover td,
  body.xcalendar-page #calendar-grid .fc-list-empty,
  body.xcalendar #calendar-grid .table-active,
  body.xcalendar #calendar-grid .table-active > td,
  body.xcalendar #calendar-grid .table-active > th,
  body.xcalendar #calendar-grid .fc-list-sticky .fc-list-day > *,
  body.xcalendar #calendar-grid .fc-list-event:hover td,
  body.xcalendar #calendar-grid .fc-list-empty,
  body.task-xcalendar #calendar-grid .table-active,
  body.task-xcalendar #calendar-grid .table-active > td,
  body.task-xcalendar #calendar-grid .table-active > th,
  body.task-xcalendar #calendar-grid .fc-list-sticky .fc-list-day > *,
  body.task-xcalendar #calendar-grid .fc-list-event:hover td,
  body.task-xcalendar #calendar-grid .fc-list-empty {
    background: transparent; }
  body.xcalendar-page #calendar-grid .table-active.fc-list-day-cushion, body.xcalendar #calendar-grid .table-active.fc-list-day-cushion, body.task-xcalendar #calendar-grid .table-active.fc-list-day-cushion {
    background-color: rgba(0, 0, 0, 0.05) ; }
    html.dark-mode body.xcalendar-page #calendar-grid .table-active.fc-list-day-cushion,
    html.dark-mode body.xcalendar #calendar-grid .table-active.fc-list-day-cushion,
    html.dark-mode body.task-xcalendar #calendar-grid .table-active.fc-list-day-cushion {
      background-color: rgba(255, 255, 255, 0.05) ; }
  body.xcalendar-page #calendar-grid .fc-list-event:hover td,
  body.xcalendar-page #calendar-grid .fc-event-title-container,
  body.xcalendar #calendar-grid .fc-list-event:hover td,
  body.xcalendar #calendar-grid .fc-event-title-container,
  body.task-xcalendar #calendar-grid .fc-list-event:hover td,
  body.task-xcalendar #calendar-grid .fc-event-title-container {
    cursor: pointer; }
  body.xcalendar-page #calendar-grid .fc-h-event .fc-event-time,
  body.xcalendar #calendar-grid .fc-h-event .fc-event-time,
  body.task-xcalendar #calendar-grid .fc-h-event .fc-event-time {
    overflow: visible; }
  body.xcalendar-page #calendar-grid .fc-col-header-cell-cushion,
  body.xcalendar-page #calendar-grid .fc-list-day-cushion .fc-list-day-text,
  body.xcalendar-page #calendar-grid .fc-list-day-cushion .fc-list-day-side-text,
  body.xcalendar #calendar-grid .fc-col-header-cell-cushion,
  body.xcalendar #calendar-grid .fc-list-day-cushion .fc-list-day-text,
  body.xcalendar #calendar-grid .fc-list-day-cushion .fc-list-day-side-text,
  body.task-xcalendar #calendar-grid .fc-col-header-cell-cushion,
  body.task-xcalendar #calendar-grid .fc-list-day-cushion .fc-list-day-text,
  body.task-xcalendar #calendar-grid .fc-list-day-cushion .fc-list-day-side-text {
    text-decoration: none !important; }
  body.xcalendar-page #calendar-grid .fc-h-event,
  body.xcalendar #calendar-grid .fc-h-event,
  body.task-xcalendar #calendar-grid .fc-h-event {
    border-width: 2px; }
  body.xcalendar-page .xcalendar-sun-data,
  body.xcalendar .xcalendar-sun-data,
  body.task-xcalendar .xcalendar-sun-data {
    flex: 1 1 0;
    color: #cc842f;
    font-size: 80%;
    padding: 5px 0 0 4px; }
  body.xcalendar-page .xcalendar-sun-data:before,
  body.xcalendar .xcalendar-sun-data:before,
  body.task-xcalendar .xcalendar-sun-data:before {
    padding-right: 2px; }
  body.xcalendar-page #event-preview, body.xcalendar #event-preview, body.task-xcalendar #event-preview {
    position: fixed;
    width: 380px;
    min-height: 100px;
    z-index: 100;
    background-color: #fff;
    border: 1px solid #d4dbde;
    box-shadow: 3px 3px 5px #dcdedf; }
    html.dark-mode body.xcalendar-page #event-preview,
    html.dark-mode body.xcalendar #event-preview,
    html.dark-mode body.task-xcalendar #event-preview {
      background-color: #161b1d;
      border-color: #4d6066;
      box-shadow: none; }
    body.xcalendar-page #event-preview h3, body.xcalendar #event-preview h3, body.task-xcalendar #event-preview h3 {
      position: relative;
      margin: 0 0 10px 0;
      padding: 10px 30px 10px 10px;
      border-bottom: 1px solid;
      font-size: 1rem;
      font-weight: bold;
      border-color: #ddd ; }
      html.dark-mode body.xcalendar-page #event-preview h3, html.dark-mode body.xcalendar #event-preview h3, html.dark-mode body.task-xcalendar #event-preview h3 {
        border-color: #4d6066 ; }
      body.xcalendar-page #event-preview h3 span, body.xcalendar #event-preview h3 span, body.task-xcalendar #event-preview h3 span {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0;
        font-size: 22px;
        line-height: 60%;
        cursor: pointer;
        color: #333 ; }
        html.dark-mode body.xcalendar-page #event-preview h3 span, html.dark-mode body.xcalendar #event-preview h3 span, html.dark-mode body.task-xcalendar #event-preview h3 span {
          color: #c5d1d3 ; }
    body.xcalendar-page #event-preview p, body.xcalendar #event-preview p, body.task-xcalendar #event-preview p {
      padding: 10px; }
    body.xcalendar-page #event-preview table, body.xcalendar #event-preview table, body.task-xcalendar #event-preview table {
      table-layout: fixed;
      width: 100%;
      white-space: nowrap;
      margin-bottom: 5px; }
      body.xcalendar-page #event-preview table td, body.xcalendar #event-preview table td, body.task-xcalendar #event-preview table td {
        border: none;
        padding: 5px 10px;
        background: transparent;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        body.xcalendar-page #event-preview table td.title, body.xcalendar #event-preview table td.title, body.task-xcalendar #event-preview table td.title {
          width: 35%; }
        body.xcalendar-page #event-preview table td.value, body.xcalendar #event-preview table td.value, body.task-xcalendar #event-preview table td.value {
          width: 65%; }
    body.xcalendar-page #event-preview .formbuttons, body.xcalendar #event-preview .formbuttons, body.task-xcalendar #event-preview .formbuttons {
      padding: 10px;
      border-top: 1px solid;
      border-color: #ddd ; }
      html.dark-mode body.xcalendar-page #event-preview .formbuttons, html.dark-mode body.xcalendar #event-preview .formbuttons, html.dark-mode body.task-xcalendar #event-preview .formbuttons {
        border-color: #4d6066 ; }
      body.xcalendar-page #event-preview .formbuttons input.button, body.xcalendar #event-preview .formbuttons input.button, body.task-xcalendar #event-preview .formbuttons input.button {
        padding: 2px 10px;
        margin-right: 2px; }
    body.xcalendar-page #event-preview .attendance-response a, body.xcalendar-page #event-preview .attendance-response span, body.xcalendar #event-preview .attendance-response a, body.xcalendar #event-preview .attendance-response span, body.task-xcalendar #event-preview .attendance-response a, body.task-xcalendar #event-preview .attendance-response span {
      display: inline-block;
      margin-right: 5px; }
    body.xcalendar-page #event-preview .attendance-response span, body.xcalendar #event-preview .attendance-response span, body.task-xcalendar #event-preview .attendance-response span {
      font-weight: bold; }
  body.xcalendar-page .editor, body.xcalendar .editor, body.task-xcalendar .editor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: #fff ; }
    html.dark-mode body.xcalendar-page .editor,
    html.dark-mode body.xcalendar .editor,
    html.dark-mode body.task-xcalendar .editor {
      background-color: #21292c ; }
    body.xcalendar-page .editor .content-box, body.xcalendar .editor .content-box, body.task-xcalendar .editor .content-box {
      position: absolute;
      top: 34px;
      left: 0;
      right: 0;
      bottom: 40px;
      border-top: none;
      overflow-y: auto;
      padding: 10px;
      border: 1px solid;
      border-top: none;
      border-bottom: none;
      border-color: #ddd ; }
      html.dark-mode body.xcalendar-page .editor .content-box, html.dark-mode body.xcalendar .editor .content-box, html.dark-mode body.task-xcalendar .editor .content-box {
        border-color: #4d6066 ; }
    body.xcalendar-page .editor .formbuttons, body.xcalendar .editor .formbuttons, body.task-xcalendar .editor .formbuttons {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border: 1px solid;
      border-bottom: none;
      padding: 5px 0 5px 12px;
      background-color: #fff ;
      border-color: #ddd ; }
      html.dark-mode body.xcalendar-page .editor .formbuttons, html.dark-mode body.xcalendar .editor .formbuttons, html.dark-mode body.task-xcalendar .editor .formbuttons {
        background-color: #21292c ; }
      html.dark-mode body.xcalendar-page .editor .formbuttons, html.dark-mode body.xcalendar .editor .formbuttons, html.dark-mode body.task-xcalendar .editor .formbuttons {
        border-color: #4d6066 ; }
      body.xcalendar-page .editor .formbuttons.editor-button-bar, body.xcalendar .editor .formbuttons.editor-button-bar, body.task-xcalendar .editor .formbuttons.editor-button-bar {
        padding-right: 10px;
        padding-left: 10px; }
    body.xcalendar-page .editor .formbuttons .button-right, body.xcalendar .editor .formbuttons .button-right, body.task-xcalendar .editor .formbuttons .button-right {
      float: right; }
    body.xcalendar-page .editor .formbuttons .button-left, body.xcalendar .editor .formbuttons .button-left, body.task-xcalendar .editor .formbuttons .button-left {
      float: left; }
    body.xcalendar-page .editor .mask, body.xcalendar .editor .mask, body.task-xcalendar .editor .mask {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-color: #ddd ;
      -ms-filter: "alpha(opacity=50)";
      filter: alpha(opacity=50);
      -khtml-opacity: 0.5;
      -moz-opacity: 0.5;
      opacity: 0.5;
      z-index: 1; }
      html.dark-mode body.xcalendar-page .editor .mask, html.dark-mode body.xcalendar .editor .mask, html.dark-mode body.task-xcalendar .editor .mask {
        border-color: #4d6066 ; }
    body.xcalendar-page .editor a.header-close, body.xcalendar .editor a.header-close, body.task-xcalendar .editor a.header-close {
      display: none; }
    body.xcalendar-page .editor .advanced-buttons, body.xcalendar .editor .advanced-buttons, body.task-xcalendar .editor .advanced-buttons {
      margin: 10px 0 30px 0; }
    body.xcalendar-page .editor #xrepeat-type td, body.xcalendar .editor #xrepeat-type td, body.task-xcalendar .editor #xrepeat-type td {
      vertical-align: middle;
      text-align: left;
      padding: 5px 10px 5px 0;
      border: none; }
      body.xcalendar-page .editor #xrepeat-type td:first-child, body.xcalendar .editor #xrepeat-type td:first-child, body.task-xcalendar .editor #xrepeat-type td:first-child {
        width: 1%; }
    body.xcalendar-page .editor #xrepeat-type select,
    body.xcalendar-page .editor #xrepeat-type input[type=text], body.xcalendar .editor #xrepeat-type select,
    body.xcalendar .editor #xrepeat-type input[type=text], body.task-xcalendar .editor #xrepeat-type select,
    body.task-xcalendar .editor #xrepeat-type input[type=text] {
      display: inline-block;
      width: auto;
      margin: 0 5px; }
    body.xcalendar-page .editor #xrepeat-type input[type=radio], body.xcalendar .editor #xrepeat-type input[type=radio], body.task-xcalendar .editor #xrepeat-type input[type=radio] {
      position: relative;
      top: -2px; }
    body.xcalendar-page .editor #excluded-events-container, body.xcalendar .editor #excluded-events-container, body.task-xcalendar .editor #excluded-events-container {
      max-height: 200px;
      overflow-y: auto; }
      body.xcalendar-page .editor #excluded-events-container .excluded-date, body.xcalendar .editor #excluded-events-container .excluded-date, body.task-xcalendar .editor #excluded-events-container .excluded-date {
        width: 10%;
        white-space: nowrap; }
    body.xcalendar-page .editor td.input.datetime input, body.xcalendar .editor td.input.datetime input, body.task-xcalendar .editor td.input.datetime input {
      margin-right: 0; }
    body.xcalendar-page .editor td.input.datetime input.time-input,
    body.xcalendar-page .editor td.input.datetime select, body.xcalendar .editor td.input.datetime input.time-input,
    body.xcalendar .editor td.input.datetime select, body.task-xcalendar .editor td.input.datetime input.time-input,
    body.task-xcalendar .editor td.input.datetime select {
      margin-left: 0.5em; }
    body.xcalendar-page .editor #email-notification-disabled-note, body.xcalendar .editor #email-notification-disabled-note, body.task-xcalendar .editor #email-notification-disabled-note {
      background-color: #fef893;
      color: #795000;
      border: 1px solid #ffdf0e;
      border-radius: 4px;
      padding: 5px;
      margin-bottom: 15px; }
      html.dark-mode body.xcalendar-page .editor #email-notification-disabled-note, html.dark-mode body.xcalendar .editor #email-notification-disabled-note, html.dark-mode body.task-xcalendar .editor #email-notification-disabled-note {
        background-color: #654f00;
        color: #fff;
        border-color: transparent; }
    body.xcalendar-page .editor #event-tab-alarms td, body.xcalendar .editor #event-tab-alarms td, body.task-xcalendar .editor #event-tab-alarms td {
      padding-right: 5px; }
      body.xcalendar-page .editor #event-tab-alarms td input, body.xcalendar-page .editor #event-tab-alarms td select, body.xcalendar .editor #event-tab-alarms td input, body.xcalendar .editor #event-tab-alarms td select, body.task-xcalendar .editor #event-tab-alarms td input, body.task-xcalendar .editor #event-tab-alarms td select {
        margin-bottom: 5px; }
    body.xcalendar-page .editor #event-tab-alarms .alarm-number input, body.xcalendar .editor #event-tab-alarms .alarm-number input, body.task-xcalendar .editor #event-tab-alarms .alarm-number input {
      max-width: 4em; }
    body.xcalendar-page .editor #event-tab-alarms .alarm-absolute-date input, body.xcalendar .editor #event-tab-alarms .alarm-absolute-date input, body.task-xcalendar .editor #event-tab-alarms .alarm-absolute-date input {
      max-width: 10em; }
    body.xcalendar-page .editor #event-tab-alarms .alarm-absolute-time input, body.xcalendar .editor #event-tab-alarms .alarm-absolute-time input, body.task-xcalendar .editor #event-tab-alarms .alarm-absolute-time input {
      max-width: 8em; }
    body.xcalendar-page .editor .itip-organizer-message, body.xcalendar .editor .itip-organizer-message, body.task-xcalendar .editor .itip-organizer-message {
      background-color: #fef893;
      color: #795000;
      border: 1px solid #ffdf0e;
      border-radius: 4px;
      padding: 5px;
      margin-bottom: 15px; }
      html.dark-mode body.xcalendar-page .editor .itip-organizer-message, html.dark-mode body.xcalendar .editor .itip-organizer-message, html.dark-mode body.task-xcalendar .editor .itip-organizer-message {
        background-color: #654f00;
        color: #fff;
        border-color: transparent; }
  body.xcalendar-page .mask-container,
  body.xcalendar .mask-container,
  body.task-xcalendar .mask-container {
    position: relative; }
  body.xcalendar-page .edit-errors,
  body.xcalendar .edit-errors,
  body.task-xcalendar .edit-errors {
    margin: 0 0 10px 0;
    padding: 10px;
    background: #ffefef;
    color: #990000;
    list-style-position: inside; }
  body.xcalendar-page .share-table tr.new-share td,
  body.xcalendar-page .attendee-table tr.new-share td,
  body.xcalendar .share-table tr.new-share td,
  body.xcalendar .attendee-table tr.new-share td,
  body.task-xcalendar .share-table tr.new-share td,
  body.task-xcalendar .attendee-table tr.new-share td {
    padding-top: 20px;
    padding-bottom: 20px; }
  body.xcalendar-page .share-table .buttons,
  body.xcalendar-page .share-table .permission,
  body.xcalendar-page .attendee-table .buttons,
  body.xcalendar-page .attendee-table .permission,
  body.xcalendar .share-table .buttons,
  body.xcalendar .share-table .permission,
  body.xcalendar .attendee-table .buttons,
  body.xcalendar .attendee-table .permission,
  body.task-xcalendar .share-table .buttons,
  body.task-xcalendar .share-table .permission,
  body.task-xcalendar .attendee-table .buttons,
  body.task-xcalendar .attendee-table .permission {
    text-align: center !important; }
  body.xcalendar-page .share-table .error-message,
  body.xcalendar-page .new-sync .error-message,
  body.xcalendar-page .new-attendee .error-message,
  body.xcalendar .share-table .error-message,
  body.xcalendar .new-sync .error-message,
  body.xcalendar .new-attendee .error-message,
  body.task-xcalendar .share-table .error-message,
  body.task-xcalendar .new-sync .error-message,
  body.task-xcalendar .new-attendee .error-message {
    padding-top: 4px;
    color: #cc0000; }
  body.xcalendar-page .new-share .input input.error,
  body.xcalendar-page .new-sync .input input.error,
  body.xcalendar-page .new-attendee .input input.error,
  body.xcalendar .new-share .input input.error,
  body.xcalendar .new-sync .input input.error,
  body.xcalendar .new-attendee .input input.error,
  body.task-xcalendar .new-share .input input.error,
  body.task-xcalendar .new-sync .input input.error,
  body.task-xcalendar .new-attendee .input input.error {
    border: 1px solid #cc0000 !important; }
  body.xcalendar-page .new-attendee .menu,
  body.xcalendar .new-attendee .menu,
  body.task-xcalendar .new-attendee .menu {
    text-align: left; }
  body.xcalendar-page .sync-details .xinfo,
  body.xcalendar .sync-details .xinfo,
  body.task-xcalendar .sync-details .xinfo {
    float: right; }
  body.xcalendar-page.xmobile .sync-details .xinfo,
  body.xcalendar.xmobile .sync-details .xinfo,
  body.task-xcalendar.xmobile .sync-details .xinfo {
    display: none; }
  body.xcalendar-page .sync-item .buttons,
  body.xcalendar .sync-item .buttons,
  body.task-xcalendar .sync-item .buttons {
    text-align: right; }
  body.xcalendar-page td.sync-title,
  body.xcalendar td.sync-title,
  body.task-xcalendar td.sync-title {
    width: 20%; }
  body.xcalendar-page tr.sync-details,
  body.xcalendar tr.sync-details,
  body.task-xcalendar tr.sync-details {
    border-bottom: none !important; }
    body.xcalendar-page tr.sync-details.sync-item td.sync-title,
    body.xcalendar tr.sync-details.sync-item td.sync-title,
    body.task-xcalendar tr.sync-details.sync-item td.sync-title {
      font-weight: bold; }
  body.xcalendar-page .attendee-item td.attendee-email,
  body.xcalendar .attendee-item td.attendee-email,
  body.task-xcalendar .attendee-item td.attendee-email {
    position: relative;
    padding-left: 38px; }
    body.xcalendar-page .attendee-item td.attendee-email span.status,
    body.xcalendar .attendee-item td.attendee-email span.status,
    body.task-xcalendar .attendee-item td.attendee-email span.status {
      display: inline-block;
      position: absolute;
      left: 10px;
      top: 8px; }
      body.xcalendar-page .attendee-item td.attendee-email span.status span,
      body.xcalendar .attendee-item td.attendee-email span.status span,
      body.task-xcalendar .attendee-item td.attendee-email span.status span {
        display: inline-block;
        font-size: 1.6em; }
  body.xcalendar-page .new-attendee td,
  body.xcalendar .new-attendee td,
  body.task-xcalendar .new-attendee td {
    position: relative; }
  body.xcalendar-page .new-attendee #rcmKSearchpane, body.xcalendar .new-attendee #rcmKSearchpane, body.task-xcalendar .new-attendee #rcmKSearchpane {
    display: block;
    left: 10px;
    margin-top: 5px;
    max-height: none;
    background-color: #fff;
    border: 1px solid #d4dbde;
    box-shadow: 3px 3px 5px #dcdedf; }
    html.dark-mode body.xcalendar-page .new-attendee #rcmKSearchpane,
    html.dark-mode body.xcalendar .new-attendee #rcmKSearchpane,
    html.dark-mode body.task-xcalendar .new-attendee #rcmKSearchpane {
      background-color: #161b1d;
      border-color: #4d6066;
      box-shadow: none; }
    body.xcalendar-page .new-attendee #rcmKSearchpane ul, body.xcalendar .new-attendee #rcmKSearchpane ul, body.task-xcalendar .new-attendee #rcmKSearchpane ul {
      list-style: none;
      padding: 0; }
    body.xcalendar-page .new-attendee #rcmKSearchpane li, body.xcalendar .new-attendee #rcmKSearchpane li, body.task-xcalendar .new-attendee #rcmKSearchpane li {
      padding: 0; }
    body.xcalendar-page .new-attendee #rcmKSearchpane a, body.xcalendar .new-attendee #rcmKSearchpane a, body.task-xcalendar .new-attendee #rcmKSearchpane a {
      padding: 6px 10px; }
    body.xcalendar-page .new-attendee #rcmKSearchpane :before, body.xcalendar .new-attendee #rcmKSearchpane :before, body.task-xcalendar .new-attendee #rcmKSearchpane :before {
      display: none !important; }
  body.xcalendar-page .agenda-table,
  body.xcalendar .agenda-table,
  body.task-xcalendar .agenda-table {
    border: none;
    width: 100%;
    table-layout: auto; }
  body.xcalendar-page .agenda-table tr, body.xcalendar .agenda-table tr, body.task-xcalendar .agenda-table tr {
    border-bottom: 1px solid;
    border-color: #ddd ; }
    html.dark-mode body.xcalendar-page .agenda-table tr,
    html.dark-mode body.xcalendar .agenda-table tr,
    html.dark-mode body.task-xcalendar .agenda-table tr {
      border-color: #4d6066 ; }
  body.xcalendar-page .agenda-table tr.clickable,
  body.xcalendar .agenda-table tr.clickable,
  body.task-xcalendar .agenda-table tr.clickable {
    cursor: pointer; }
  body.xcalendar-page .agenda-table td,
  body.xcalendar .agenda-table td,
  body.task-xcalendar .agenda-table td {
    border: none;
    padding: 5px 10px;
    vertical-align: middle; }
  body.xcalendar-page .agenda-table td.color,
  body.xcalendar .agenda-table td.color,
  body.task-xcalendar .agenda-table td.color {
    width: 16px;
    padding-right: 0;
    padding-bottom: 0; }
  body.xcalendar-page .agenda-table td.color span,
  body.xcalendar .agenda-table td.color span,
  body.task-xcalendar .agenda-table td.color span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px; }
  body.xcalendar-page .agenda-table td.date,
  body.xcalendar-page .agenda-table td.duration,
  body.xcalendar .agenda-table td.date,
  body.xcalendar .agenda-table td.duration,
  body.task-xcalendar .agenda-table td.date,
  body.task-xcalendar .agenda-table td.duration {
    white-space: nowrap; }
  body.xcalendar-page .agenda-table td.title,
  body.xcalendar .agenda-table td.title,
  body.task-xcalendar .agenda-table td.title {
    width: 90%;
    font-weight: bold; }
  body.xcalendar-page .agenda-table .event-actions,
  body.xcalendar .agenda-table .event-actions,
  body.task-xcalendar .agenda-table .event-actions {
    display: none;
    padding: 5px 0; }
  body.xcalendar-page .agenda-table .event-actions a,
  body.xcalendar .agenda-table .event-actions a,
  body.task-xcalendar .agenda-table .event-actions a {
    margin-right: 10px;
    font-weight: normal;
    text-decoration: none; }
  body.xcalendar-page .agenda-container .no-events,
  body.xcalendar .agenda-container .no-events,
  body.task-xcalendar .agenda-container .no-events {
    padding: 40px 0 0 0;
    text-align: center; }

/* event attendees */
.attendee-item .response-attendance {
  display: inline-block;
  padding-right: 10px; }
.attendee-item .comment {
  color: #888; }
  .attendee-item .comment:hover {
    background-color: transparent !important; }

/* alarm dialog */
.xevent-alarm {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid;
  border-color: #ddd ; }
  html.dark-mode .xevent-alarm {
    border-color: #4d6066 ; }

.xevent-alarm .title {
  font-weight: bold;
  margin-bottom: 5px; }

.xevent-alarm .actions {
  text-align: left;
  margin-top: 5px; }
  .xevent-alarm .actions a {
    margin-right: 5px; }

.snooze-row {
  display: none;
  padding: 10px 0 0 0;
  text-align: left;
  border-top: 1px solid;
  border-color: #ddd ; }
  html.dark-mode .snooze-row {
    border-color: #4d6066 ; }
  .snooze-row a {
    padding: 2px 5px !important;
    margin-bottom: 5px;
    font-size: 90%;
    background: transparent !important;
    text-decoration: none; }

/* mail page */
#xcalendar-select-element {
  width: 100%;
  margin-bottom: 20px; }

#xcalendar-message-itip {
  border: 1px solid;
  border-color: #ddd ;
  margin-bottom: 20px; }
  html.dark-mode #xcalendar-message-itip {
    border-color: #4d6066 ; }
  #xcalendar-message-itip .itip-header {
    padding: 15px;
    border-bottom: 1px solid;
    border-color: #ddd ; }
    html.dark-mode #xcalendar-message-itip .itip-header {
      border-color: #4d6066 ; }
    #xcalendar-message-itip .itip-header h3 {
      text-align: center;
      font-size: 1.2rem;
      margin: 0;
      padding: 0; }
    #xcalendar-message-itip .itip-header .header-buttons {
      text-align: center;
      margin-top: 15px; }
  #xcalendar-message-itip .itip-info {
    padding: 15px; }
    #xcalendar-message-itip .itip-info table td {
      vertical-align: middle; }
    #xcalendar-message-itip .itip-info table td:first-child {
      width: 20%; }
    #xcalendar-message-itip .itip-info table td.attendees span:before {
      position: relative;
      top: 1px;
      padding-right: 3px; }
    #xcalendar-message-itip .itip-info .attendees span:before {
      color: #aaa ; }
      html.dark-mode #xcalendar-message-itip .itip-info .attendees span:before {
        color: #5a6668 ; }
    #xcalendar-message-itip .itip-info .attendees span.attendee-accepted:before {
      color: #006600 ; }
      html.dark-mode #xcalendar-message-itip .itip-info .attendees span.attendee-accepted:before {
        color: #82d57f ; }
    #xcalendar-message-itip .itip-info .attendees span.attendee-declined:before {
      color: #7e1c16 ; }
      html.dark-mode #xcalendar-message-itip .itip-info .attendees span.attendee-declined:before {
        color: #d57a70 ; }
    #xcalendar-message-itip .itip-info .attendees span.attendee-tentative:before {
      color: #7f6000 ; }
      html.dark-mode #xcalendar-message-itip .itip-info .attendees span.attendee-tentative:before {
        color: #d5bd96 ; }
    #xcalendar-message-itip .itip-info select {
      width: auto; }
  #xcalendar-message-itip .itip-messages .message-box {
    margin: 0 15px 15px 15px;
    background-color: #fef893;
    color: #795000;
    border: 1px solid #ffdf0e;
    border-radius: 4px;
    padding: 5px;
    color: #333 !important; }
    html.dark-mode #xcalendar-message-itip .itip-messages .message-box {
      background-color: #654f00;
      color: #fff;
      border-color: transparent; }
    html.dark-mode #xcalendar-message-itip .itip-messages .message-box {
      color: #c5d1d3 !important; }
    #xcalendar-message-itip .itip-messages .message-box span {
      display: none; }
    #xcalendar-message-itip .itip-messages .message-box a {
      color: #333 ;
      text-decoration: underline; }
      html.dark-mode #xcalendar-message-itip .itip-messages .message-box a {
        color: #c5d1d3 ; }
  #xcalendar-message-itip #itip-content.user-status-accepted .message-box, #xcalendar-message-itip #itip-content.cancel.deleted .message-box, #xcalendar-message-itip #itip-content.reply.status-same .message-box.already-updated {
    background-color: #E0F2F1;
    color: #006053;
    border: 1px solid #b0e3ca;
    border-radius: 4px;
    padding: 5px; }
    html.dark-mode #xcalendar-message-itip #itip-content.user-status-accepted .message-box,
    html.dark-mode #xcalendar-message-itip #itip-content.cancel.deleted .message-box,
    html.dark-mode #xcalendar-message-itip #itip-content.reply.status-same .message-box.already-updated {
      background-color: #00553f;
      color: #fff;
      border-color: transparent; }
  #xcalendar-message-itip #itip-content.user-status-declined .message-box {
    background-color: #ffe5e5;
    color: #7e1c16;
    border: 1px solid #fcc3bb;
    border-radius: 4px;
    padding: 5px; }
    html.dark-mode #xcalendar-message-itip #itip-content.user-status-declined .message-box {
      background-color: #5a2417;
      color: #fff;
      border-color: transparent; }
  #xcalendar-message-itip #itip-content .request-widgets,
  #xcalendar-message-itip #itip-content .request-buttons {
    display: none; }
  #xcalendar-message-itip #itip-content.user-status-needs-action .request-widgets,
  #xcalendar-message-itip #itip-content.show-request-controls .request-widgets {
    display: table-row; }
  #xcalendar-message-itip #itip-content.user-status-needs-action .request-buttons, #xcalendar-message-itip #itip-content.show-request-controls .request-buttons {
    display: block;
    border-top: 1px solid;
    border-color: #ddd ;
    padding: 15px; }
    html.dark-mode #xcalendar-message-itip #itip-content.user-status-needs-action .request-buttons,
    html.dark-mode #xcalendar-message-itip #itip-content.show-request-controls .request-buttons {
      border-color: #4d6066 ; }
  #xcalendar-message-itip #itip-content.user-status-needs-action .message-box,
  #xcalendar-message-itip #itip-content.show-request-controls .message-box {
    display: none; }
  #xcalendar-message-itip #itip-content.user-status-accepted .message-box span.status-accepted,
  #xcalendar-message-itip #itip-content.user-status-declined .message-box span.status-declined,
  #xcalendar-message-itip #itip-content.user-status-tentative .message-box span.status-tentative {
    display: inline; }

/* sidebar */
#xsidebar .box-xcalendar .bottom-panel {
  padding-top: 10px;
  text-align: right; }
#xsidebar .box-xcalendar table {
  border-collapse: collapse; }
#xsidebar .box-xcalendar table td {
  vertical-align: middle;
  padding: 1px 7px 1px 0; }
#xsidebar .box-xcalendar .event-color-box {
  display: inline-block;
  width: 12px;
  height: 12px; }

/* download frames */
.download-frame {
  display: none !important; }

.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 ; }
  html.dark-mode .fc-unthemed .fc-content,
  html.dark-mode .fc-unthemed .fc-divider,
  html.dark-mode .fc-unthemed .fc-list-heading td,
  html.dark-mode .fc-unthemed .fc-list-view,
  html.dark-mode .fc-unthemed .fc-popover,
  html.dark-mode .fc-unthemed .fc-row,
  html.dark-mode .fc-unthemed tbody,
  html.dark-mode .fc-unthemed td,
  html.dark-mode .fc-unthemed th,
  html.dark-mode .fc-unthemed thead {
    border-color: #4d6066 ; }

.task-xcalendar.xelastic #attachment-upload-note {
  padding: .8rem 0 .8rem .2rem;
  color: #aaa ;
  font-size: .9rem; }
  html.dark-mode .task-xcalendar.xelastic #attachment-upload-note {
    color: #5a6668 ; }
  .task-xcalendar.xelastic #attachment-upload-note .attachment-upload-error {
    color: #7e1c16 ; }
    html.dark-mode .task-xcalendar.xelastic #attachment-upload-note .attachment-upload-error {
      color: #d57a70 ; }
.task-xcalendar.xelastic .ui-widget {
  box-shadow: none !important; }
.task-xcalendar.xelastic.xskin #sidebar .ui-datepicker .ui-datepicker-header {
  background-color: #fff ; }
  html.dark-mode .task-xcalendar.xelastic.xskin #sidebar .ui-datepicker .ui-datepicker-header {
    background-color: #21292c ; }
.task-xcalendar.xelastic #layout-sidebar {
  max-width: none;
  min-width: 50%;
  position: relative;
  border: none; }
  .task-xcalendar.xelastic #layout-sidebar #xcalendar-toolbar ul.toolbar {
    padding: 0; }
  .task-xcalendar.xelastic #layout-sidebar .task-menu-button {
    position: absolute;
    left: 5px; }
  .task-xcalendar.xelastic #layout-sidebar .fc-agendaDay-view,
  .task-xcalendar.xelastic #layout-sidebar .fc-list-view {
    border-top: 1px solid #ddd !important; }
.task-xcalendar.xelastic #layout-content {
  min-width: auto;
  max-width: 25%;
  border-right: 1px solid;
  position: relative;
  border-color: #ddd ; }
  html.dark-mode .task-xcalendar.xelastic #layout-content {
    border-color: #4d6066 ; }
  .task-xcalendar.xelastic #layout-content .ui-datepicker {
    margin: 0 !important;
    position: static !important;
    transform: none;
    width: 100% !important;
    border: none;
    box-shadow: none; }
    .task-xcalendar.xelastic #layout-content .ui-datepicker .ui-datepicker-header {
      height: 4rem;
      height: calc(4rem + 2px); }
    .task-xcalendar.xelastic #layout-content .ui-datepicker .ui-datepicker-next:before,
    .task-xcalendar.xelastic #layout-content .ui-datepicker .ui-datepicker-prev:before {
      font-size: 1rem; }
    .task-xcalendar.xelastic #layout-content .ui-datepicker select.ui-datepicker-month, .task-xcalendar.xelastic #layout-content .ui-datepicker select.ui-datepicker-year {
      background: transparent;
      border: none;
      text-decoration: underline;
      cursor: pointer;
      outline: none;
      padding: 0 5px;
      width: auto;
      font-weight: bold;
      -moz-appearance: none;
      -webkit-appearance: none;
      color: #333 ; }
      html.dark-mode .task-xcalendar.xelastic #layout-content .ui-datepicker select.ui-datepicker-month,
      html.dark-mode .task-xcalendar.xelastic #layout-content .ui-datepicker select.ui-datepicker-year {
        color: #c5d1d3 ; }
      .task-xcalendar.xelastic #layout-content .ui-datepicker select.ui-datepicker-month option, .task-xcalendar.xelastic #layout-content .ui-datepicker select.ui-datepicker-year option {
        color: #333; }
    .task-xcalendar.xelastic #layout-content .ui-datepicker table.ui-datepicker-calendar {
      width: 100%; }
    .task-xcalendar.xelastic #layout-content .ui-datepicker td {
      padding: 0;
      text-align: center; }
      .task-xcalendar.xelastic #layout-content .ui-datepicker td a,
      .task-xcalendar.xelastic #layout-content .ui-datepicker td span {
        padding: 5px;
        line-height: 1.2em; }
.task-xcalendar.xelastic #calendar-list-container {
  top: 0 !important; }
  .task-xcalendar.xelastic #calendar-list-container .header {
    position: relative;
    text-align: center;
    line-height: 4rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-weight: bold;
    padding-right: 10px;
    border-color: #ddd ; }
    html.dark-mode .task-xcalendar.xelastic #calendar-list-container .header {
      border-color: #4d6066 ; }
  .task-xcalendar.xelastic #calendar-list-container #calendar-list-content {
    border: none !important; }
    .task-xcalendar.xelastic #calendar-list-container #calendar-list-content .calendar-item a {
      border-left: none; }
  .task-xcalendar.xelastic #calendar-list-container .calendar-item {
    position: relative; }
    .task-xcalendar.xelastic #calendar-list-container .calendar-item a.title {
      cursor: pointer;
      display: block;
      margin-right: 20px;
      padding-left: 10px;
      background: transparent !important; }
    .task-xcalendar.xelastic #calendar-list-container .calendar-item .color {
      position: relative;
      top: 2px;
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 5px; }
    .task-xcalendar.xelastic #calendar-list-container .calendar-item .name {
      position: relative;
      top: -2px; }
    .task-xcalendar.xelastic #calendar-list-container .calendar-item a.title.disabled-item {
      color: #aaa ; }
      html.dark-mode .task-xcalendar.xelastic #calendar-list-container .calendar-item a.title.disabled-item {
        color: #5a6668 ; }
      .task-xcalendar.xelastic #calendar-list-container .calendar-item a.title.disabled-item .color {
        background-color: rgba(0, 0, 0, 0.1) !important; }
        html.dark-mode .task-xcalendar.xelastic #calendar-list-container .calendar-item a.title.disabled-item .color {
          background-color: rgba(255, 255, 255, 0.1) !important; }
      .task-xcalendar.xelastic #calendar-list-container .calendar-item a.title.disabled-item .name {
        text-decoration: line-through; }
    .task-xcalendar.xelastic #calendar-list-container .calendar-item .edit {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
      padding: 0 10px;
      width: auto;
      color: #333 ; }
      html.dark-mode .task-xcalendar.xelastic #calendar-list-container .calendar-item .edit {
        color: #c5d1d3 ; }
    .task-xcalendar.xelastic #calendar-list-container .calendar-item:hover .edit {
      display: inline-block; }
.task-xcalendar.xelastic #main-calendar-container {
  position: absolute;
  top: 4.2rem;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden; }
.task-xcalendar.xelastic .edit-table .actions {
  white-space: nowrap;
  text-align: right; }
  .task-xcalendar.xelastic .edit-table .actions a {
    margin-left: 10px; }
.task-xcalendar.xelastic #calendar-grid .fc-state-disabled {
  color: #aaa ; }
  html.dark-mode .task-xcalendar.xelastic #calendar-grid .fc-state-disabled {
    color: #5a6668 ; }
.task-xcalendar.xelastic #calendar-grid .fc-header-toolbar {
  margin-bottom: 0;
  height: 4rem; }
.task-xcalendar.xelastic #calendar-grid th {
  font-weight: normal; }
.task-xcalendar.xelastic #calendar-grid th a, .task-xcalendar.xelastic #calendar-grid td a {
  color: #333 ; }
  html.dark-mode .task-xcalendar.xelastic #calendar-grid th a, html.dark-mode .task-xcalendar.xelastic #calendar-grid td a {
    color: #c5d1d3 ; }
.task-xcalendar.xelastic #calendar-grid .fc-view,
.task-xcalendar.xelastic #calendar-grid .fc-view > table > .fc-body > tr > .fc-widget-content {
  border: none; }
.task-xcalendar.xelastic #calendar-grid .fc-view > table .fc-head-container {
  border-left: none;
  border-right: none; }
.task-xcalendar.xelastic #event-import-form {
  display: none; }
.task-xcalendar.xelastic .editor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff ; }
  html.dark-mode .task-xcalendar.xelastic .editor {
    background-color: #21292c ; }
  .task-xcalendar.xelastic .editor a.header-close {
    display: none; }
  .task-xcalendar.xelastic .editor .editor-title {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 3rem;
    padding-left: 1rem; }
  .task-xcalendar.xelastic .editor .content-box {
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
    bottom: 4rem;
    border: none;
    padding: 1rem;
    overflow-y: auto; }
    .task-xcalendar.xelastic .editor .content-box .error-message {
      font-size: 0.9em;
      color: #ad1700; }
    .task-xcalendar.xelastic .editor .content-box .nav-tabs {
      display: none; }
      .task-xcalendar.xelastic .editor .content-box .nav-tabs.ui-tabs-nav {
        display: block;
        border-top: none;
        margin-bottom: 1rem; }
  .task-xcalendar.xelastic .editor .formbuttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    border: none;
    border-top: 1px solid;
    text-align: right;
    height: 4rem;
    border-color: #ddd ; }
    html.dark-mode .task-xcalendar.xelastic .editor .formbuttons {
      border-color: #4d6066 ; }
    .task-xcalendar.xelastic .editor .formbuttons .button-right {
      display: inline-block;
      margin-left: 3px; }
    .task-xcalendar.xelastic .editor .formbuttons input.button {
      margin-left: 4px; }
  .task-xcalendar.xelastic .editor .minicolors {
    max-width: 80px; }
    .task-xcalendar.xelastic .editor .minicolors .minicolors-swatch-color {
      border: 1px solid;
      border-color: #ddd ; }
      html.dark-mode .task-xcalendar.xelastic .editor .minicolors .minicolors-swatch-color {
        border-color: #4d6066 ; }
  .task-xcalendar.xelastic .editor #tab-publish p {
    margin: 12px 0; }
  .task-xcalendar.xelastic .editor .holiday-title {
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid;
    border-color: #ddd ; }
    html.dark-mode .task-xcalendar.xelastic .editor .holiday-title {
      border-color: #4d6066 ; }
  .task-xcalendar.xelastic .editor .holiday-content tr.added {
    background-color: rgba(0, 0, 0, 0.05) ; }
    html.dark-mode .task-xcalendar.xelastic .editor .holiday-content tr.added {
      background-color: rgba(255, 255, 255, 0.05) ; }
    .task-xcalendar.xelastic .editor .holiday-content tr.added a.remove {
      color: #b02e2d; }
  .task-xcalendar.xelastic .editor .holiday-content td {
    border: none;
    padding: 4px 1rem; }
    .task-xcalendar.xelastic .editor .holiday-content td.actions {
      width: 60%; }
  .task-xcalendar.xelastic .editor .custom-file {
    display: none; }
  .task-xcalendar.xelastic .editor .regular-checklist {
    padding: 0 0 10px 0; }
    .task-xcalendar.xelastic .editor .regular-checklist .custom-control-input {
      position: relative;
      top: -2px;
      opacity: 1;
      margin: 0; }
    .task-xcalendar.xelastic .editor .regular-checklist span {
      padding: 0 10px 0 5px; }
  .task-xcalendar.xelastic .editor #excluded-events-container td {
    padding: 5px; }
.task-xcalendar.xelastic #event-preview table.propform td {
  vertical-align: middle;
  padding: 4px 15px; }
.task-xcalendar.xelastic .ui-datepicker .ui-state-highlight,
.task-xcalendar.xelastic .ui-datepicker.ui-widget-content .ui-state-highlight {
  color: #fff;
  background: #aaa; }
.task-xcalendar.xelastic .ui-datepicker a.ui-state-active {
  font-weight: normal; }
.task-xcalendar.xelastic .auto-width,
.task-xcalendar.xelastic .short {
  width: auto !important; }

.dark-mode .fc-timegrid-now-indicator-line,
.dark-mode .fc-timegrid-now-indicator-arrow {
  border-color: #8c290e !important; }
.dark-mode .fc-timegrid-now-indicator-arrow {
  border-top-color: rgba(0, 0, 0, 0) !important;
  border-bottom-color: rgba(0, 0, 0, 0) !important; }
.dark-mode .fc-timegrid-col.fc-day-today,
.dark-mode .fc-daygrid-day.fc-day-today {
  background-color: rgba(255, 255, 255, 0.05); }

/* sidebar box on mail page */
#sidebar-xcalendar td {
  border-top: none;
  border-bottom: 1px solid;
  border-color: #ddd ; }
  html.dark-mode #sidebar-xcalendar td {
    border-color: #4d6066 ; }

/* settings page */
#xcalendar-categories input.form-control,
#xcalendar-categories .minicolors,
#xcalendar_alarm_sound {
  width: auto;
  display: inline-block;
  margin: 0 10px 10px 0; }

form.propform .form-group .minicolors {
  top: -4px; }

/* attendee response page */
#attendee-response body {
  background: #eee;
  color: #333;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100% !important;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  width: 100% !important;
  line-height: 1.5em; }
#attendee-response a {
  color: #1162a7; }
#attendee-response #page {
  display: block;
  max-width: 600px;
  width: auto !important;
  width: 600px;
  margin: 20px auto 0 auto;
  padding: 0;
  border: 1px solid;
  border-radius: 5px;
  border-color: #ddd ;
  background-color: #fff ; }
  html.dark-mode #attendee-response #page {
    border-color: #4d6066 ; }
  html.dark-mode #attendee-response #page {
    background-color: #21292c ; }
#attendee-response h2 {
  margin: 0 0 20px 0; }
#attendee-response h3 {
  font-size: 18px;
  margin: 0;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  background: #0075c8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
#attendee-response h4 {
  font-size: 16px;
  margin: 10px 0 0 0; }
#attendee-response #content {
  padding: 20px; }
#attendee-response table td {
  padding: 3px 0;
  vertical-align: top; }
#attendee-response .label {
  color: #888;
  padding-right: 15px; }
#attendee-response .going a {
  display: inline-block;
  border-radius: 3px;
  padding: 1px 10px;
  background-color: #0075c8;
  color: #fff;
  text-decoration: none;
  margin-right: 5px; }
#attendee-response form {
  padding: 10px;
  border: 1px solid #edcd87;
  background-color: #fff2d1;
  margin-bottom: 10px; }
#attendee-response form table {
  width: 100%; }
#attendee-response form table td {
  padding: 6px 10px; }
#attendee-response form td.label {
  color: #333;
  width: 10%; }
#attendee-response input[type=text] {
  width: 50px; }
#attendee-response textarea {
  width: 90%;
  padding: 10px; }
#attendee-response #guests {
  text-align: right;
  padding: 2px 5px;
  width: 2em; }
#attendee-response .message {
  border: 1px solid #a7dfc2;
  color: #528b66;
  background: #e2ffe8;
  padding: 10px;
  margin-bottom: 15px;
  font-weight: bold; }
#attendee-response #error-message {
  border: 1px solid #da8a5e;
  color: #7e2927;
  background: #ffe9e6; }
#attendee-response table.attendees {
  width: 100%;
  margin-top: 10px; }
  #attendee-response table.attendees th, #attendee-response table.attendees td {
    padding: 5px 5px 0 5px; }
  #attendee-response table.attendees td {
    border-top: 1px solid;
    border-color: #ddd ; }
    html.dark-mode #attendee-response table.attendees td {
      border-color: #4d6066 ; }
  #attendee-response table.attendees .comment td {
    border-top: none; }
  #attendee-response table.attendees .left {
    text-align: left; }
  #attendee-response table.attendees .center {
    text-align: center; }
  #attendee-response table.attendees .comment {
    color: #909090;
    font-style: italic; }
    #attendee-response table.attendees .comment td {
      padding-top: 0; }
  #attendee-response table.attendees .attendee-name,
  #attendee-response table.attendees .attendee-email {
    display: block; }
  #attendee-response table.attendees .attendee-email a {
    font-size: 0.9em;
    color: #909090; }
#attendee-response .mobile-only {
  display: none; }

@media only screen and (max-width: 600px) {
  #attendee-response .mobile-only {
    display: block; }
  #attendee-response table.attendees thead {
    display: none; }
  #attendee-response table.attendees tbody td {
    display: block;
    text-align: left !important;
    padding-left: 0; }
    #attendee-response table.attendees tbody td span.mobile-only {
      display: inline-block;
      padding-right: 8px; } }
/* mobile */
html.dark-mode.layout-small #main-calendar-container {
  border-left: 1px solid #4d6066; }

.layout-small .xcalendar #layout-content .footer,
.layout-phone .xcalendar #layout-content .footer {
  display: none !important; }
.layout-small .task-xcalendar.xelastic #layout-content,
.layout-phone .task-xcalendar.xelastic #layout-content {
  min-width: auto;
  max-width: none;
  border-right: none; }
.layout-small .task-xcalendar.xelastic #calendar-list-container .calendar-item .edit,
.layout-phone .task-xcalendar.xelastic #calendar-list-container .calendar-item .edit {
  display: block; }
.layout-small #layout #xcalendar-toolbar ul.toolbar a,
.layout-phone #layout #xcalendar-toolbar ul.toolbar a {
  padding-top: 1rem; }
  .layout-small #layout #xcalendar-toolbar ul.toolbar a:before,
  .layout-phone #layout #xcalendar-toolbar ul.toolbar a:before {
    font-size: 1.75rem; }
  .layout-small #layout #xcalendar-toolbar ul.toolbar a span,
  .layout-phone #layout #xcalendar-toolbar ul.toolbar a span {
    display: none; }
.layout-small .calendar-content-header .back-list-button,
.layout-phone .calendar-content-header .back-list-button {
  display: inline-block !important; }

.layout-phone #layout-sidebar a.calendar-settings,
.layout-phone .agenda-table td.day {
  display: none; }

.layout-normal #layout .xcalendar-mobile-show-sidebar,
.layout-large #layout .xcalendar-mobile-show-sidebar {
  display: none; }

/* fix the cpanel mobile menu issues: for some reason the z-index css rule for the popover is included in the Kolab
   calendar's css, so if you remove the Kolab calendar from the plugin's array, the mobile menus don't work because
   the popover-overlay is shown over the menus. Also, the popover overlay doesn't have the semi-transparent background
   on cpanel--fixing this as well.
 */
html.layout-phone .cpanel.xelastic .popover,
html.layout-small .cpanel.xelastic .popover {
  z-index: 1060;
  background-color: #fff; }
html.layout-phone .cpanel.xelastic .popover-overlay,
html.layout-small .cpanel.xelastic .popover-overlay {
  background-color: #2c363a80 !important; }

html.layout-phone.dark-mode .cpanel.xelastic .popover,
html.layout-small.dark-mode .cpanel.xelastic .popover {
  background-color: #161b1d; }

/*# sourceMappingURL=elastic.css.map */