@import 'base';

.fc .fc-button-group {
  @include button-group("button");

  & > button {
    border-radius: 0;
    color: #444;
    line-height: 18px;
    margin-left: 0;
    padding: 5px 10px;

    &:hover,
    &.fc-state-hover {
      background-color: transparent !important;
      border-color: #d8d8d8 #d8d8d8 #fff #d8d8d8 !important;
      color: #444;
      text-decoration: underline;
    }

    &:first-child {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
    }

    &:last-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
    }
  
    &.fc-state-active {
      background-color: #fff !important;
      border-color: #d8d8d8 #d8d8d8 #fff #d8d8d8 !important;
      font-weight: bold;
    }

    &.fc-state-disabled,
    &.fc-state-disabled:hover,
    &.fc-state-disabled.fc-state-hover {
      background-color: #ddd !important;
      border-color: #ccc #ccc #ddd #ccc !important;
    }

    &:after {
      content: none;
    }
  }
}

.fc-toolbar {
  h2 {
    font-size: $heading-font-size;
  }
}

.fc-view-container {
  border: solid 1px #ddd;
  border-radius: 4px;
  overflow: hidden;

  td.fc-head-container.fc-widget-header {
    border-left: none;
    border-right: none;
    border-top: none;
  }

  tbody.fc-body {
    & > tr > td.fc-widget-content {
      border-bottom: none;
      border-left: none;
      border-right: none;
    }
  }
}

.fc-view {
  table {
    thead.fc-head {
      td.fc-widget-header,
      th.fc-widget-header {
        font-size: $secondary-font-size;
        font-weight: bold;
      }

      td.fc-time-area.fc-widget-header {
        border-width: 0 0 1px 0;
      }
    }

    tbody.fc-body {
      font-size: $secondary-font-size;
    }
  }
}

.AppointmentTooltip {
  border-radius: 4px;
  box-shadow: $elevated-2-box-shadow;
}
