// 
// calendar.scss
//

.fc-toolbar {
  h2 {
      font-size: 16px;
      line-height: 30px;
      text-transform: uppercase;
  }
}

.fc {
  th.fc-widget-header {
      background: $light;
      font-size: 13px;
      line-height: 20px;
      padding: 10px 0;
      text-transform: uppercase;
      font-weight: $font-weight-semibold;
  }
}

.fc-unthemed{
  .fc-content, 
  .fc-divider, 
  .fc-list-heading td, 
  .fc-list-view, 
  .fc-popover, 
  .fc-row, 
  tbody, 
  td, 
  th, 
  thead{
      border-color: $light;
  }
  td.fc-today {
      background: lighten($gray-200, 4%);
  }
}

.fc-button {
  background: $card-bg;
  border-color: $border-color;
  color: $gray-700;
  text-transform: capitalize;
  box-shadow: none;
  padding: 6px 12px !important;
  height: auto !important;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: $primary;
  color: $white;
  text-shadow: none;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center;
}

#external-events .external-event {
  text-align: left!important;
  padding: 8px 16px;
}

.fc-event, .fc-event-dot{
  background-color: $primary;
}

.fc-event .fc-content{
  color: $white;
}

.fc {
  .table-bordered {
    td, th {
      border-color: $table-group-separator-color;
    }
  }
  
  .fc-toolbar {
    @media (max-width: 575.98px) {
      display: block;
    }
    
      h2 {
          font-size: 16px;
          line-height: 30px;
          text-transform: uppercase;
      }

      @media (max-width: 767.98px) {

          .fc-left,
          .fc-right,
          .fc-center {
              float: none;
              display: block;
              text-align: center;
              clear: both;
              margin: 10px 0;
          }

          >*>* {
              float: none;
          }

          .fc-today-button {
              display: none;
          }
      }
      
      .btn {
          text-transform: capitalize;
      }

  }
}
.fc-bootstrap .fc-today.alert-info{
  background-color: $gray-300;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {
  background-color: $black !important;
}

// RTL
[dir="rtl"] .fc-header-toolbar {
  direction: ltr !important;
}

[dir="rtl"] .fc-toolbar>*>:not(:first-child) {
  margin-left: .75em;
}



