/*
 * Copyright (C) 2013-2019 Combodo SARL
 *
 * This file is part of iTop.
 *
 * iTop is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * iTop is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 */
/* Note: Most of the style has been duplicated from iTop 2.5 search as the extension must be compatible with iTop 2.3 */
#dashlet_properties form {
  /* Fieldsets */
}
#dashlet_properties form table th[colspan="4"] {
  padding-top: 20px;
  padding-bottom: 5px;
}
.calendar-view-container {
  box-sizing: border-box;
  position: relative;
  /* Sizing reset */
  /* Hyperlink reset */
  /* Input reset */
}
.calendar-view-container * {
  box-sizing: border-box;
}
.calendar-view-container a {
  color: inherit;
  text-decoration: none;
}
.calendar-view-container input[type="text"], .calendar-view-container select {
  padding: 1px 2px;
}
.calendar-view-container .cw-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  font-size: 12px;
  border: 1px solid #1c94c4;
}
.calendar-view-container .cw-header .cw-title {
  padding: 8px 10px;
  margin: 0;
  color: #fff;
  background-color: #1c94c4;
}
.calendar-view-container .cw-header .cw-scopes {
  padding: 8px 8px 3px 8px;
  background-color: #fff;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope > * {
  padding: 7px 8px;
  vertical-align: top;
  border: 1px solid #ccc;
  border-radius: 1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  color: #2d2d2d;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-header * {
  vertical-align: middle;
  cursor: pointer;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-header .cw-sh-input {
  margin-right: 5px;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-header .cw-sh-buttons .cw-sh-toggler {
  margin-left: 10px;
  font-size: 16px;
  cursor: pointer;
  color: #e87c1e;
  transition: all 0.3s ease-in-out;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content {
  position: absolute;
  z-index: -1;
  min-width: 100%;
  left: 0;
  margin-top: -1px;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-groups {
  max-height: 300px;
  overflow-y: auto;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-groups .cw-sc-group {
  white-space: nowrap;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-groups .cw-sc-group > * {
  vertical-align: middle;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-groups .cw-sc-group .cw-scg-input {
  margin-right: 5px;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-groups .cw-sc-group .cw-scg-label {
  white-space: nowrap;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-buttons {
  margin-top: 8px;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-buttons .cw-scb-button {
  margin-right: 8px;
  padding: 3px 6px;
  font-size: 11px;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope .cw-s-content .cw-sc-buttons .cw-scb-button:last-of-type {
  margin-right: 0;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope:last-child {
  margin-right: 0;
}
.calendar-view-container .cw-header .cw-scopes .cw-scope.opened {
  z-index: 15;
  margin-bottom: 0;
  /* To compensate the .sfc/.sfm_header:padding-bottom: 13px */
}
.calendar-view-container .cw-header .cw-scopes .cw-scope.opened .cw-s-header {
  border-bottom: none !important;
  box-shadow: none !important;
  padding-bottom: 13px;
  /* Must be equal to .search_form_criteria:margin-bottom + this:padding-bottom */
}
.calendar-view-container .cw-header .cw-scopes .cw-scope.opened .cw-s-header .cw-sh-toggler {
  transform: rotateX(-180deg);
}
.calendar-view-container .cw-header .cw-scopes .cw-scope.opened_left .cw-s-content {
  left: auto;
  right: 0;
}
.calendar-view-container .cw-content .fc-view-container {
  position: relative;
  /* Specificity for short events with start and end dates within the same day */
}
.calendar-view-container .cw-content .fc-view-container .cw-loader {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 33%;
  background: black;
  opacity: 0.2;
  text-align: center;
}
.calendar-view-container .cw-content .fc-view-container .cw-loader > * {
  color: #fff;
  font-size: 64px;
}
.calendar-view-container .cw-content .fc-view-container .fc-view.fc-list-view .fc-list-item-title a {
  color: #1c94c4;
}
.calendar-view-container .cw-content .fc-view-container .fc-event-container .fc-event {
  padding: 0 0.25em;
  font-size: 0.9em;
  line-height: 1.6;
}
.calendar-view-container .cw-content .fc-view-container .fc-popover {
  border: none;
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.calendar-view-container .cw-content .fc-view-container .fc-popover .fc-header {
  padding: 6px 8px 2px;
  background-color: transparent;
}
.calendar-view-container .cw-content .fc-view-container .fc-popover .fc-header .fc-close {
  font-size: 1.1em;
}
.calendar-view-container .cw-content .fc-view-container .fc-view.fc-month-view .fc-event-container .fc-event.cw-withinday-event {
  margin-left: 0;
  background-color: transparent !important;
  border: none !important;
  color: #4c4c4c !important;
}
.calendar-view-container .cw-content .fc-view-container .fc-view.fc-month-view .fc-event-container .fc-event.cw-withinday-event .fc-content .cw-color {
  margin-left: 3px;
  margin-right: 3px;
  width: 8px;
  height: 8px;
}
.calendar-view-container .cw-content .fc-view-container .fc-view.fc-month-view .fc-event-container .fc-event.cw-withinday-event .fc-content .fc-time {
  margin-left: 3px;
}
.calendar-view-container .cw-content .fc-view-container .fc-view.fc-month-view .fc-popover .fc-body .fc-event-container .fc-event.cw-withinday-event .fc-content .cw-color {
  margin-left: 0 !important;
}
.calendar-view-container .cw-placeholder {
  text-align: center;
}
/* Helper outside of the main CSS class as it will be used by tooltips. */
.cw-tooltip .cw-tt-scope {
  color: #696969;
  font-size: 11px;
}
.cw-color {
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
/* Prevent cursor clicking on the calendar (eg. While editing dashlet) */
.calendar-view-blocker {
  position: absolute;
  z-index: 9;
  /* To be above calendar links & all, but below .close-box (9) */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
}