#calendar, #c-list {
  margin: 0 0 3rem 0;
  h2 {
    color: $color-plp-tertiary;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-transform: uppercase;
  }
  .c-filter-box {
    background: rgba(230, 230, 230, 1);
    padding: 1.5rem 0 0 0;
    margin: 0 0 2rem 0;
    &--buttons {
      display: flex;
      justify-content: center;
      padding: 0 0 2rem 0;
      .button {
        margin: 0 2rem;
        width: 13rem;
        text-align: center;
      }
    }
    h3 {
      text-align: center;
      margin: 0 0 1rem 0;
    }
  }
}

.calendar-legend {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  li {
    position: relative;
    display: inline-block;
    padding: 0 2rem;
    &:last-child {
      padding-right: 0;
    }
    &:after {
      content: "";
      position: absolute;
      left: 0;
      top: calc(50% - 6px);
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: block;
    }
    &.legend-color--customer {
      &:after {
        background: #ad2121;
      }
    }
    &.legend-color--operator {
      &:after {
        background: #e3bc08;
      }
    }
    &.legend-color--internal {
      &:after {
        background: #1e90ff;
      }
    }
    &.legend-color--production {
      &:after {
        background: #13f347;
      }
    }
    &.legend-color--service {
      &:after {
        background: #ac1eff;
      }
    }
  }
}

.user-filter {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 2rem 0;
  div {
    width: 20rem;
  }
}
