@import "../../css/theme.less";
@import '../../css/variables.less';
@fontFamily: "Microsoft YaHei";

.calInputStyle {
  position: absolute;
}

// .calInputStyle{
//   .ant-input-suffix{
//     display: none;
//   }
// }
.ui-clone {
  width           : 338px;
  height          : 46px;
  line-height     : 46px;
  cursor          : move;
  padding         : 0 10px 0 25px;
  font-size       : 14px;
  color           : #5a5b5a;
  background-color: #ffffff;
  border          : 1px solid #bebebe;
  overflow        : hidden;
  text-overflow   : ellipsis;
  white-space     : nowrap;
  border-radius   : 2px;

  &::before {
    content         : "";
    position        : absolute;
    left            : 0;
    top             : 0;
    width           : 14px;
    height          : 46px;
    background-color: #51abf2;
  }

  .title {
    position     : relative;
    padding-right: 20px;
  }

  .title::before {
    content          : "";
    position         : absolute;
    right            : 8px;
    top              : 50%;
    -webkit-transform: translate(0, -50%);
    transform        : translate(0, -50%);
    width            : 2px;
    height           : 14px;
    background-color : #aaaaaa;
  }
}

.contentBox {
  // margin-bottom: 100px;
  // margin-top: 30px;
  position  : relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 8, 88, 0.1);
  background: #fff;
  width     : 100%;
  height    : 100%;

  .contentBox_top {
    position   : relative;
    width      : 530px;
    height     : 38px;
    line-height: 22px;
    margin     : 0 auto 15px;
    padding-top: 15px;

    .contentBox_top_mshTitle1 {
      cursor    : pointer;
      width     : 50%;
      font-size : 20px;
      color     : #838383;
      text-align: center;

      &.active {
        // color: @primary-color;
        color: var(--primary);
      }

      i {
        margin-right: 13px;
        font-size   : 22px;
      }
    }

    &::before {
      content      : '';
      position     : absolute;
      left         : 50%;
      top          : 68%;
      transform    : translate(-50%, -50%);
      width        : 1px;
      height       : 23px;
      // background: @primary-color;
      background   : var(--primary);
    }
  }

  .leftThreeBtn {
    position: absolute;
    top     : 112px !important;
    left    : 22px !important;

    .leftBtnBg {
      display         : inline-block;
      width           : 24px;
      height          : 24px;
      border-radius   : 4px;
      text-align      : center;
      // background   : @primary-color;
      background      : var(--primary);
      margin-right    : 18px;
      cursor          : pointer;
    }

    .calInputStyle {
      width      : 300px;
      margin-left: 15px;
    }
  }

  .calendarReceive {
    width   : 94%;
    position: absolute;
    top     : 66px;

    .feedback {
      display    : flex;
      align-items: center;
    }
  }

  .calendarPrint {
    position: absolute;
    top     : 62px;
    right   : 30%;
  }

  .ctRight {
    position: absolute;
    top     : 15px;
    right   : 6px;

    li {
      padding : 0 20px 0 0;
      position: relative;

      span:first-child {
        display         : inline-block;
        width           : 12px;
        height          : 12px;
        border-radius   : 2px;
        background-color: #ed8835;
        margin-right    : 10px;
      }

      // &:nth-child(1):before {
      //   background-color: #ed8835;
      // }

      // &:nth-child(2):before {
      //   background-color: #51abf2;
      // }

      // &:nth-child(3):before {
      //   background-color: #7bd34c;
      // }

      // &:nth-child(4):before {
      //   background-color: #b193cf;
      // }
    }
  }

  .scheduleBox {
    :global {
      .ant-select-selection__rendered {
        line-height: 24px;
      }

      .ant-select-selection-selected-value {
        margin-top: -1px;
      }
    }
  }

  .rightBtn {
    //position: absolute;
    top  : 58px;
    right: 24px;

    .mgl8 {
      margin-left: 8px;
    }

    :global {
      .ant-btn {
        height     : 24px;
        margin-left: 8px;
      }

      .ant-btn:hover,
      .ant-btn:focus {
        color       : #808080;
        border-color: #D9D9D9;
      }

      .ant-btn-primary {
        // color: @primary-color;
        color: var(--primary);
      }

      .ant-btn-primary:hover,
      .ant-btn-primary:focus {
        // color: @primary-color;
        color: var(--primary);
      }
    }
  }

  :global {
    .ant-select-selection--single {
      height: 24px;
    }

    .ant-select-selection-selected-value {
      margin-top: -4px;
    }

    .ant-calendar-picker {
      visibility: hidden;
    }
  }

  .closeIcon {
    position        : absolute;
    top             : 10%;
    right           : -23px;
    cursor          : pointer;
    width           : 23px;
    height          : 34px;
    // background   : @primary-color;
    background      : var(--primary);
    border-radius   : 5px 20px 20px 5px;

    .leftIcon {
      color      : #fff;
      margin-top : 10px;
      margin-left: 2px;
    }
  }
}

.selectTimePicke {
  top    : 134px !important;
  z-index: 6;

  :global {
    .ant-calendar-input-wrap {
      display: none;
    }
  }
}

.calendar_receive_box {
  position  : relative;
  background: #FFF;
  display   : flex;
  height    : 90%;
  overflow  : hidden;

  .calContent_left {
    width       : 400px;
    margin-right: 20px;
    color       : #5a5b5a;

    .leftPartWrapper {
      margin       : 0 15px 15px 8px;
      margin-right : 15px;
      margin-bottom: 15px;

      .calendar_sm {
        justify-content: space-around;

        .scheduleArrange {
          line-height     : 44px;
          font-size       : 18px;
          font-weight     : 400;
          text-align      : center;
          color           : #fff;
          // background   : @primary-color;
          background      : var(--primary);
          border-radius   : 2px 2px 0 0;
        }

        :global {

          .react-calendar {
            width      : 350px;
            max-width  : 100%;
            background : white;
            border     : 1px solid #a0a096;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 1.125em;
          }

          .react-calendar__navigation button {
            min-width : 44px;
            background: none;
          }

          .react-calendar button {
            margin : 0;
            border : 0;
            outline: none;
          }

          .react-calendar__navigation button:enabled:hover,
          .react-calendar__navigation button:enabled:focus {
            background-color: #e6e6e6;
          }

          .react-calendar__navigation {
            height       : 44px;
            margin-bottom: 1em;
          }

          .react-calendar__month-view__weekdays {
            text-align    : center;
            text-transform: uppercase;
            font-weight   : bold;
            font-size     : 0.75em;
          }

          .react-calendar__tile {
            max-width : 100%;
            text-align: center;
            padding   : 0.75em 0.5em;
            background: none;
          }

          .react-calendar__tile.react-calendar__month-view__days__day.react-calendar__month-view__days__day--neighboringMonth {
            color: #d7d7d7;
          }

          .react-calendar__month-view__weekdays__weekday {
            padding: 0.5em;
          }

          .react-calendar__tile.react-calendar__month-view__days__day abbr {
            width           : 24px;
            height          : 24px;
            background-color: #fff;
            border-radius   : 50%;
            display         : inline-block;
            line-height     : 24px;
            border          : 1px solid #fff;
          }

          .react-calendar__tile.react-calendar__month-view__days__day.react-calendar__tile--now abbr {
            background-color: #fff;
            border          : 1px solid var(--primary);
          }

          .react-calendar__tile.react-calendar__month-view__days__day:enabled:hover {
            background: none;
          }

          .react-calendar button:enabled:hover {
            cursor: pointer;
          }

          .react-calendar__tile.react-calendar__month-view__days__day:enabled:hover abbr {
            background-color: #e6e6e6;
            border-color    : #e6e6e6;
          }
        }

        .leftCalendar {
          width           : 100%;
          background-color: #fff;
          border          : 1px solid #cdcdcd;
          border-top      : none;
          border-radius   : 0 0 2px 2px;
        }
      }

      .scheduleOwner {
        line-height: 24px;
        font-size  : 16px;
        font-weight: 400;
        margin     : 20px 0 13px;
      }

      .selecteOwnerBtn {
        width        : 100%;
        position     : relative;
        text-align   : left;
        overflow     : hidden;
        white-space  : nowrap;
        text-overflow: ellipsis;
        padding-right: 20px;
      }

      .quickEvent {
        margin-top: 19px;

        .header {
          padding-bottom: 13px;
          font-size     : 16px;

          .ownerBtn {
            padding         : 0 13px;
            // color        : @primary-color;
            color           : var(--primary);
            border-radius   : 2px;

            :global {
              .anticon {
                font-weight: bold;
              }
            }
          }

          .tips {
            font-size: 14px;
            color    : #c6c6c6;
          }
        }

        .eventList {
          padding-right: 10px;

          .eventItem {
            border       : none;
            color        : #333;
            line-height  : 30px;
            border-radius: 0px;
            margin-bottom: 10px;
            background   : transparent;

            .quickEventsContent {
              width           : 92%;
              height          : 46px;
              line-height     : 46px;
              cursor          : move;
              padding         : 0 10px 0 25px;
              font-size       : 14px;
              color           : #5a5b5a;
              background-color: #ffffff;
              border          : 1px solid #bebebe;
              overflow        : hidden;
              text-overflow   : ellipsis;
              white-space     : nowrap;
              border-radius   : 2px;

              .title {
                position     : relative;
                padding-right: 20px;

                &::before {
                  content         : "";
                  position        : absolute;
                  right           : 9px;
                  top             : 50%;
                  transform       : translate(0, -50%);
                  width           : 2px;
                  height          : 14px;
                  background-color: #aaaaaa;
                }
              }

              &::before {
                content            : "";
                position           : absolute;
                left               : 0;
                top                : 0;
                width              : 14px;
                height             : 46px;
                // background-color: @primary-color;
                background-color   : var(--primary);
              }
            }

            .delete {
              line-height: 46px;

              :global {
                .anticon {
                  cursor   : pointer;
                  font-size: 14px;
                  color    : #c6c6c6;
                }
              }
            }

            // .fc-event {
            //   position     : relative;
            //   display      : block;
            //   font-size    : 0.85em;
            //   line-height  : 1.4;
            //   border-radius: 3px;
            //   border       : 1px solid #3788d8;
            // }

            // .fc-event,
            // .fc-event-dot {
            //   background-color: #3788d8;
            // }

            // .fc-event,
            // .fc-event:hover {
            //   color          : #fff;
            //   text-decoration: none;
            // }
          }
        }
      }
    }
  }
}

.calContent_right {
  position           : relative;
  width              : 65%;
  height             : 100%;
  padding            : 0 22px 22px;
  background-color   : #fff;
  box-shadow         : 0 0 10px rgba(0, 88, 37, 0.1);
  // border-top      : 4px solid @primary-color;
  border-top         : 4px solid var(--primary);

  .calContent {
    position  : relative;
    box-shadow: none;

    :global {
      .fc-prev-button {
        margin      : 15px 0 0 0 !important;
        padding-left: 0;
      }

      .fc-right {
        margin-right: 0;
        float       : left;
      }

      .fc-button-group {
        margin-top: 13px;
      }

      .fc-view-container {
        margin-top: 110px;
      }

      .fc-more {
        color: var(--primary);
      }
    }
  }

  .eventDetailCard {
    position        : fixed;
    width           : 330px;
    z-index         : 1000;
    background-color: #fff;
    border-radius   : 2px;
    border          : 1px solid rgba(146, 146, 146, 0.3);
    box-shadow      : 0px 1px 6px 0px rgba(123, 123, 123, 0.4);

    &::before {
      content      : "";
      position     : absolute;
      z-index      : 9;
      left         : 50%;
      width        : 16px;
      height       : 16px;
      -ms-transform: translate(-50%, 0);
      transform    : translate(-50%, 0);
    }

    &.top::before {
      top          : -8px;
      background   : #fff;
      box-shadow   : -2px -2px 5px rgba(123, 123, 123, 0.4);
      -ms-transform: translate(-50%, 0) rotate(45deg);
      transform    : translate(-50%, 0) rotate(45deg);
    }

    &.bottom::before {
      bottom       : -8px;
      background   : #f3f3f3;
      box-shadow   : 2px 2px 5px rgba(123, 123, 123, 0.4);
      -ms-transform: translate(-50%, 0) rotate(45deg);
      transform    : translate(-50%, 0) rotate(45deg);
    }

    .content {
      position        : relative;
      z-index         : 10;
      line-height     : 24px;
      background-color: #fff;
      padding         : 12px 15px 18px 25px;
      border-bottom   : 1px solid rgba(146, 146, 146, 0.3);

      .title {
        font-weight: bold;
        color      : #414141;
        word-break : break-all;
      }

      .info {
        font-size : 12px;
        color     : #979797;
        word-break: break-all;
      }

      .feedbackInfoBox {
        font-size: 12px;
        color    : #FFFFFF;

        .feedbackSpan {
          background-color: #fd6767;
          border-radius   : 2px;
          padding         : 2px 5px;
        }

        .entrustSpan {
          margin-left  : 5px;
          border-radius: 2px;
          padding      : 2px 5px;
          color        : #228B22;
          border       : 1px solid #228B22;
        }
      }
    }

    .buttonPanel {
      position        : relative;
      z-index         : 10;
      line-height     : 24px;
      padding         : 12px 15px 12px 25px;
      background-color: #f3f3f3;
    }

    .buttonPanelMore {
      color : var(--primary);
      cursor: pointer;
    }

    :global {
      .ant-btn-primary {
        background-color: var(--primary);
        border-color    : var(--primary);
      }

      .ant-btn:hover,
      .ant-btn:focus {
        color       : var(--primary);
        border-color: var(--primary);
      }

      .ant-btn-primary:hover, .ant-btn-primary:focus {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }
    }
  }
}

.ignoreReminder {
  display      : none;
  position     : absolute;
  width        : 80px;
  z-index      : 2;
  background   : #fff;
  border       : 1px solid #ccc;
  border-radius: 4px;
  padding      : 3px 10px;
  cursor       : pointer;
}

.meetingColor {
  background : #ed8835;
  border-left: 3px solid #f0720c;
  padding    : 5px 0 5px 5px;
}

.activityColor {
  background : #51abf2;
  border-left: 3px solid #1994f1;
  padding    : 5px 0 5px 5px;
}

.attendanceColor {
  background : #7bd34c;
  border-left: 3px solid #60da1f;
  padding    : 5px 0 5px 5px;
}

.anotherColor {
  background : #b193cf;
  border-left: 3px solid #812ed4;
  padding    : 5px 0 5px 5px;
}

.colorOne {
  background : #c6e2ff;
  border-left: 3px solid #44a4e9;
  padding    : 5px 0 5px 5px;
}

.colorTwo {
  background : #fbe9e3;
  border-left: 3px solid #ea6b3a;
  padding    : 5px 0 5px 5px;
}

.colorThree {
  background : #f1fff6;
  border-left: 3px solid #23d688;
  padding    : 5px 0 5px 5px;
}

.colorFour {
  background : #f5f0fb;
  border-left: 3px solid #ab73ee;
  padding    : 5px 0 5px 5px;
}

.colorOneDay {
  background : #c6e2ff;
  border-left: 3px solid #44a4e9;
  padding    : 5px 0 5px 5px;
  height     : 100%;
}

.colorTwoDay {
  background : #fbe9e3;
  border-left: 3px solid #ea6b3a;
  padding    : 5px 0 5px 5px;
  height     : 100%;
}

.colorThreeDay {
  background : #f1fff6;
  border-left: 3px solid #23d688;
  padding    : 5px 0 5px 5px;
  height     : 100%;
}

.colorFourDay {
  background : #f5f0fb;
  border-left: 3px solid #ab73ee;
  padding    : 5px 0 5px 5px;
  height     : 100%;
}

.colorOneOtherView {
  background: #c6e2ff;
  border-top: 3px solid #44a4e9;
  padding   : 5px 0 5px 5px;
  height    : 100%;
}

.colorTwoOtherView {
  background: #fbe9e3;
  border-top: 3px solid #ea6b3a;
  padding   : 5px 0 5px 5px;
  height    : 100%;
}

.colorThreeOtherView {
  background: #f1fff6;
  border-top: 3px solid #23d688;
  padding   : 5px 0 5px 5px;
  height    : 100%;
}

.colorFourOtherView {
  background: #f5f0fb;
  border-top: 3px solid #ab73ee;
  padding   : 5px 0 5px 5px;
  height    : 100%;
}

.playBox {
  display           : block;
  color             : #000;
  overflow          : hidden;
  text-overflow     : ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap         : break-word;
}

.colorFont {
  width             : 86%;
  display           : inline-block;
  overflow          : hidden;
  text-overflow     : ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap         : break-word;
  float             : left;
}

.fc-event {
  border       : none;
  border-radius: 0px;
}

.fc-unthemed td.fc-today {
  background   : none;
  // color     : @primary-color;
  color        : var(--primary);
}

.fc-event,
.fc-event-dot {
  background: none;
  border    : 1px solid #fff;
}

.fc-unthemed th {
  padding: 11px 0;
  color  : #7b7b7b;
}

.fc-widget-header {
  background: #f5f5f5;
}

.fc-toolbar .fc-header-toolbar {
  height: 76px;
}

.fc-state-default {
  background: #fff;
}

.fc-toolbar {
  h2 {
    font-size  : 24px;
    padding-top: 10px;
    display    : inline-block;
    margin-left: 0px !important;
    cursor     : pointer;
  }

  button {
    height : 24px;
    padding: 0px 15px;
  }

  .fc-state-active {
    // background: @primary-color;
    background: var(--primary);
    color     : #fff;
  }

  .fc-right {
    margin-right: 390px;
  }
}

.fc-button-group {
  margin-top  : 58px;
  margin-right: 8px;
}

.fc-prev-button {
  border    : none;
  box-shadow: none;
  margin    : 15px 0 0 20px !important;
}

.fc-next-button {
  border    : none;
  box-shadow: none;
  margin    : 15px 0 0 0 !important;
}

.fc-day-number {
  float      : left !important;
  font-weight: bold;
  padding    : 10px 0 0 15px !important;
}

.fc-time-grid-event {
  .fc-content {
    height: 100%;
  }
}

.fc-basic-view .fc-body .fc-row {
  min-height: 7.2em;
}

.ignoreIcon {
  display     : none;
  float       : right;
  height      : 15px;
  width       : 15px;
  margin-right: 3px;
  background  : url(../../images/date/ignoreBlack.png) no-repeat;
}

// .fc-day-grid-event
.fc-event:hover {
  box-shadow: 0px 0px 10px 0px rgba(3, 57, 107, 0.4);

  .ignoreIcon {
    display: inline-block;
  }
}

.fc-toolbar h2:hover {
  // color: @primary-color;
  color: var(--primary);
}

.fc-next-button:hover {
  // color: @primary-color;
  color: var(--primary);
}

.fc-prev-button:hover {
  // color: @primary-color;
  color: var(--primary);
}

//处理浏览器自带滚动条（兼容主流浏览器）
::-webkit-scrollbar {
  width: 1px;
}

.-o-scrollbar {
  -moz-appearance: none !important;
}

.scroll_content {
  -ms-overflow-style: none;
}

//fc-scroller
.fc-day-grid-container {
  height: 468px !important;
}

.fc-today {
  .fc-day-number {
    width           : 20px;
    height          : 20px;
    // background   : @primary-color;
    background      : var(--primary);
    border-radius   : 50%;
    text-align      : center;
    margin-left     : 6px;
    margin-top      : 5px;
    color           : #fff;
    padding         : 2px !important;
  }
}

.fc-now-indicator-line {
  border-top-width: 0px !important;
}

.fc-now-indicator {
  // border: 0 solid @primary-color;
  border: 0 solid var(--primary);
}

.fc-time-grid-container {
  height: 534px !important;
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  height: 52px;
}

//列表视图
.listContent {
  position: absolute !important;
  top     : 156px;
  z-index : 2;
  height  : 77%;
  width   : 100%;
  left    : 0;

  .listTopDesc {
    background: #f4f7f9;
    height    : 50px;
    padding   : 16px 29px 0 29px;
    width     : 100%;

    .mglr30 {
      margin: 0 30px;
    }

    .mgr7 {
      margin-right: 7px;
      cursor      : pointer;
    }

    .mgl7 {
      margin-left: 7px;
      cursor     : pointer;
    }

    .ignoreSchedule {
      // background   : @primary-color;
      background   : var(--primary);
      color        : #fff;
      border-radius: 15px;
      padding      : 6px;
      cursor       : pointer;
      float        : right;
      margin-top   : -8px;
    }
  }

  .listConfig {
    width        : 300px;
    color        : #000;
    padding-right: 10px;
    padding-left : 10px;

    .colorRed {
      color: red;
    }

    .timeZone {
      padding-right: 15px;
    }
  }

  :global {
    .ant-card-body {
      height: 100%;

      .ant-list {
        height: 90%;
      }
    }

    .ant-list-item-meta-avatar {
      margin-right: 0px;
    }

    .ant-list-item-meta-title {
      line-height: 18px;
      font-weight: bold;
    }

    .ant-list-item-content {
      margin: 0;
    }

    .ant-list-item {
      border-bottom: 1px dashed #e8e8e8;
      margin       : 0 33px;
    }

    .ant-spin-nested-loading {
      border-bottom: 1px dashed #e8e8e8;
      height       : 100%;

      .ant-spin-container {
        height: 100%;

        .ant-list-items {
          height    : 100%;
          overflow-y: scroll;
        }
      }
    }

    .ant-card-wider-padding .ant-card-body {
      padding: 0px;
    }

    .ant-card-body {
      padding: 0px;
    }

    .ant-list-item-meta {
      margin-bottom: 0px;
    }
  }
}

.conflictImg {
  background : url(../../images/date/conflict.png);
  height     : 15px;
  margin-left: 35px;
  margin-top : 13px;
  width      : 15px;
}

.conflictIcon {
  position: absolute;
  top     : -34px;
}

.configCard {
  position        : absolute;
  z-index         : 5;
  width           : 300px;
  flex-flow       : column;
  border          : 1px solid #D6D6D6;
  background-color: #FFF;
  padding         : 5px 10px;
  cursor          : pointer;
  color           : #000;

  .colorRed {
    color: red;
  }

  .mgrl0 {
    margin-right: 10px;
  }
}

.listTitle {
  cursor: pointer;
}

.listTitle:hover {
  // color: @primary-color;
  color: var(--primary);
}

//空数据
.nullData {
  height    : 200px;
  width     : 100%;
  background: url("../../images/empty_data.png") no-repeat center;

  .message {
    position  : relative;
    top       : 145px;
    text-align: center;
    color     : #999999;
    font-size : 14px;
  }
}

.monthConflictImg,
.weekConflictImg {
  background : url(../../images/date/conflict.png) no-repeat center;
  cursor     : pointer;
  width      : 15px;
  height     : 15px;
  position   : absolute;
  margin-left: 5px;
  margin-top : 7px;
  z-index    : 6;
  padding    : 5px;
}

.weekConflictImg {
  margin-left: 132px;
  margin-top : -35px;
}

.nullClass {
  background: none;
}

.zIndex6 {
  z-index: 6 !important;
}

.zIndex1 {
  z-index: 1 !important;
}

.mgl15 {
  margin-left: 15px
}

.today-week {
  color: @theme-green-2;
}

/**************************** 红色主题开始 ***************************/
:global(.@{theme-red-selector}) {
  .today-week {
    color: @theme-red-2;
  }

  .contentBox {
    :global {

      .leftBtnBg,
      .fc-state-active {
        background: @theme-red-2;
      }

      .ant-btn-primary,
      .ant-btn-primary:hover,
      .ant-btn-primary:focus {
        color: @theme-red-2;
      }

      .ant-select-selection:focus,
      .ant-select-selection:active {
        border-color: #ffcfd8;
        box-shadow  : 0 0 0 2px @theme-red-9;
      }

      .ignoreSchedule {
        background: @theme-red-2;
      }

      .fc-prev-button:hover,
      .fc-next-button:hover,
      .fc-toolbar h2:hover {
        color: @theme-red-2;
      }

      .closeIcon {
        background: @theme-red-2;
      }

      .listTitle:hover {
        color: @theme-red-2;
      }

      .fc-today {
        .fc-day-number {
          background: @theme-red-2;
        }
      }
    }
  }

  .selectTimePicke {
    :global {
      .ant-calendar-year-panel-selected-cell {
        .ant-calendar-year-panel-year {
          background: @theme-red-2;
        }
      }

      .ant-calendar-year-panel-year:hover {
        background: #ffcfd8;
      }

      .ant-calendar-month-panel-selected-cell {
        .ant-calendar-month-panel-month {
          background: @theme-red-2;
        }
      }

      .ant-calendar-month-panel-month:hover {
        background: #ffcfd8;
      }
    }
  }

  .fc-now-indicator {
    border: 0 solid @theme-red-2;
  }

  .ant-select-dropdown-menu-item-active {
    background-color: #fff1f0;
  }
}

/**************************** 红色主题结束 **************************/
/**************************** 蓝色主题开始 ***************************/
:global(.@{theme-blue-selector}) {
  .today-week {
    color: @theme-blue-1;
  }

  .contentBox {
    :global {

      .leftBtnBg,
      .fc-state-active {
        background: @theme-blue-1;
      }

      .ant-btn-primary,
      .ant-btn-primary:hover,
      .ant-btn-primary:focus {
        color: @theme-blue-1;
      }

      .ant-select-selection:focus,
      .ant-select-selection:active {
        border-color : #a2ceff;
        // box-shadow: 0 0 0 2px @theme-red-9;
      }

      .ignoreSchedule {
        background: @theme-blue-1;
      }

      .fc-prev-button:hover,
      .fc-next-button:hover,
      .fc-toolbar h2:hover {
        color: @theme-blue-1;
      }

      .closeIcon {
        background: @theme-blue-1;
      }
    }
  }

  .ant-select-dropdown-menu-item-active {
    background-color: #e6f7ff;
  }
}

/**************************** 蓝色主题结束 **************************/
/**************************** 绿色主题开始 ***************************/
:global(.@{theme-green-selector}) {
  .contentBox {
    :global {

      .leftBtnBg,
      .fc-state-active {
        background: @theme-green-2;
      }

      .ant-btn-primary,
      .ant-btn-primary:hover,
      .ant-btn-primary:focus {
        color: @theme-green-2;
      }

      .ant-select-selection:focus,
      .ant-select-selection:active {
        border-color: #1C9750;
        box-shadow  : 0 0 0 2px @theme-green-5;
      }

      .ignoreSchedule {
        background: @theme-green-2;

      }

      .fc-prev-button:hover,
      .fc-next-button:hover,
      .fc-toolbar h2:hover {
        color: @theme-green-2;
      }

      .closeIcon {
        background: @theme-green-2;
      }

      .listTitle:hover {
        color: @theme-green-2;
      }

      .fc-today {
        .fc-day-number {
          background: @theme-green-2;
        }
      }
    }
  }

  .selectTimePicke {
    :global {
      .ant-calendar-year-panel-selected-cell {
        .ant-calendar-year-panel-year {
          background: @theme-green-2;
        }
      }

      .ant-calendar-year-panel-year:hover {
        background: #E6FFF1;
      }

      .ant-calendar-month-panel-selected-cell {
        .ant-calendar-month-panel-month {
          background: @theme-green-2;
        }
      }

      .ant-calendar-month-panel-month:hover {
        background: #E6FFF1;
      }
    }
  }

  .fc-now-indicator {
    border: 0 solid @theme-green-2;
  }

  .ant-select-dropdown-menu-item-active {
    background-color: #E6FFF1;
  }
}

/**************************** 绿色主题结束 **************************/