/* This is for FC 4 */

.pgc-calendar-wrapper *, .pgc-calendar-wrapper *::before, .pgc-calendar-wrapper *::after {
    word-break: initial;
}

.fc-view table {
    padding:0;
    margin:0;
}

.fc-event {
    cursor: pointer;
    border:none;
}

tr[data-tippy-content] {
  cursor: pointer;
}

.fc-button {
  font-size:initial;
}

.fc-toolbar h2 {
    font-weight:normal;
    font-size:larger;
}

.fc-time-grid-container {
  max-height:400px;
}

.fc-widget-header {
  font-size: initial;
}

.fc-timeGridWeek-view .fc-widget-header {
  font-size:small;
}

.fc-timeGridWeek-view .fc-day-grid, .fc-timeGridWeek-view .fc-row.fc-widget-header {
    overflow-y:scroll;
}

.pgc-calendar-wrapper hr.fc-divider::after,
.pgc-calendar-wrapper hr.fc-divider::before,
.pgc-calendar-wrapper h2:before {
    display:none;
}

.pgc-calendar-wrapper hr.fc-divider {
    border:1px solid gray;
    border-left:none;
    border-right:none;
    height:0;
    padding:0;
    margin:0;
    max-width:initial;
    overflow:initial;
    position: initial;
}

.pgc-calendar-wrapper table {
    overflow:initial;
}

.pgc-calendar-wrapper a.fc-event {
    text-decoration: none;
    box-shadow:none;
    color:white;
}

.pgc-calendar-wrapper tr {
    border:none;
}

.fc-header.fc-widget-header, .fc-day-number, .fc-axis.fc-widget-content, .fc-week-number {
  font-size: initial;
}

.fc-content {
  font-size: smaller;
}

@media(max-width:500px) {
  .fc-toolbar {
    display:block;
    text-align:center;
  }
  .fc-toolbar > div {
    margin-bottom:1rem;
  }
}


/* Start calendar filter styled checkboxes */
.pgc-calendar-filter input[type=checkbox]:focus + label span,
.pgc-calendar-filter input[type=checkbox]:active + label span {
  outline: 1px dashed black;
}

.pgc-calendar-filter input[type=checkbox] {
  opacity:0;
  position:fixed; /* absolute makes the page scroll to top when checked */
}

.pgc-calendar-color {
  width:1rem;
  height:1rem;
  padding:0 .2rem;
  opacity:.4;
  border-radius:.4rem;
}

.pgc-calendar-filter input[type=checkbox]:checked + label span {
  opacity:1;
}

.pgc-calendar-filter input[type=checkbox] + label span:before {
  content: "✔";
  line-height:1rem;
  visibility:hidden;
}

.pgc-calendar-filter input[type=checkbox]:checked + label span:before {
  visibility: visible;
}

.pgc-calendar-filter:first-child {
  margin-bottom:1.5em;
}

.pgc-calendar-filter:last-child {
  margin-top:1.5em;
}

.pgc-event-title {
  font-size:large;
  font-weight: 500;
}

.pgc-popup-row-icon {
  width:30px;
  float:left;
}

.pgc-event-title .pgc-popup-row-value {
  margin-right:20px;
}

.pgc-popup-row-value {
  margin-left:30px;
}

.pgc-popup-row {
  clear: both;
  margin-bottom:1rem;
}

.pgc-popup-row ul, .pgc-popup-row li {
  list-style: none;
  padding:0;
  margin:0;
}

.pgc-popup-draghandle {
  position: absolute;
  right:5px;
  top:5px;
  cursor: move;
  opacity: .4;
}

.pgc-loading-el, .pgc-error-el {
  position:absolute;
  background-color: #fcf8e3;
  padding:1rem;
  left:0;
  top:0;
  opacity:.6;
  z-index:1;
}

.pgc-error-el {
  background-color: red;
  opacity: 1;
}