.calendar-wrapper {
    width: 100%;
    height: 100%;
    //padding-right: 10px;

    .ant-fullcalendar-header{
      display:none;
    }
    .ant-fullcalendar-fullscreen {
      .ant-fullcalendar-today{
        .ant-fullcalendar-date{
          background-color:#fefce9 !important;
          // border-top:1px solid #eee !important;
        }
      }

      .ant-fullcalendar-calendar-body{
        padding:0;
        table{
          td{
            border: 1px solid #eee;
          }
          tr>:first-child{
            border-left: none !important;

          }
          thead{
            .ant-fullcalendar-column-header{
              border-left: 1px solid #eee;
              border-right: 1px solid #eee;
              border-bottom: 1px solid #eee;
              padding-right: 0;
              text-align: center;
              padding-bottom: 0;
              color:#333333;
            }
            tr{
              height: 40px;
              th{
                background-color: #f5f5f5;
              }
            }
          }
          tbody{
            tr{
              height: 100px;

              td{
                height: 100px;
                box-sizing: content-box;
              }
            }
            .ant-fullcalendar-date{
              padding:0;
              padding-top: 5px;
              margin: 0;
              border-collapse:collapse;
              border: 0;
              height: 122px;
              .ant-fullcalendar-value{
                margin:0 16px 0 0;
              }
              .ant-fullcalendar-content{
                overflow:hidden;
                // height:100px;
              }
            }
            .ant-fullcalendar-date:hover{
              background-color:#ffffff;
            }
          }
        }
      }
    }

    .workTips{
      position: absolute;
      top: 7px;
      left: 5px;
    }

    .list {
      position: absolute;
      top: 30px;
      bottom: 5px;
      left: 5px;
      right: 5px;
      .empty{
        width: 100%;
        height: 100%;
      }
      .schedul{
        margin-bottom: 3px;
        padding-left: 5px;
        color: #fff;

        &:last-child{
          margin-bottom: 0px;
        }
      }
    }
  }

  .wea-year {
    .date-item {
      .tip {
        position: absolute;
        top: -2px;
        right: -5px;
        font-size: 6px;
        line-height: 1;
      }

      i {
        font-size: 15px;
      }
    }

    .year-cell-bottom {
      position: absolute;
      bottom: -2px;
      width: 18px;
      height: 4px;
    }

    .bottomTag{
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 3px;
    }

    .workTips {
      position: absolute;
      top: -8px;
      right: -8px;
    }
  }

  .calendar-item {
    .icon-wrapper {
      position: absolute;
      font-size: 14px;
      top: 9px;
      left: 10px;

      i {
        font-size: 17px;
      }
    }

    .tip {
      position: absolute;
      font-size: 10px;
      top: -1px;
      right: 4px;
    }

    .workflow-item {
      padding-left: 10px;
      margin-top: 3px;
      height: 24px;
      line-height: 24px;
      a {
        color: inherit;
      }
    }

    .workflow-item.shift-item {
      color: #333;
      filter:alpha(opacity=1000);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
    }
  }

  .weekView{
    display: table;
    table-layout: fixed;
    width: 100%;

    .th{
      font-size: 12px;
      display: table-row;
      height: 30px;
      line-height: 30px;

      &>div{
        display: table-cell;
        text-align: center;
        border-bottom: 1px solid #59b0f2;
      }
    }
    .tb{
      display: table-row;
      height: 135px;

      &>div{
        display: table-cell;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;

        .date{
          height: 30px;
        }
        .rest{
          color: #ccc;
        }
        .working{
          color: #000;
        }
        .today{
          color: #39f;
        }

        .list{
          height: 105px;
          padding-left: 5px;
          padding-right: 5px;
          cursor: pointer;
          .empty{
            width: 100%;
            height: 100%;
          }
          .schedul{
            margin-bottom: 3px;
            padding-left: 5px;  
            width: 100%;
            text-align: center;
            color: #fff;

            &:last-child{
              margin-bottom: 0px;
            }
          }
        }

        &:last-child{
          border-right: none;
        }
      }
    }
  }

  .dayView{
    .th{
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border-bottom: 1px solid #59b0f2;

      &>div{
        border-right: 1px solid #ccc;

        &:last-child{
          border-right: none;
        }
      }
    }
    .list{
      font-size: 12px;
      height: 30px;
      line-height: 30px;
      cursor: pointer;

      .schedul{
        color: #fff;
        height: 100%;
        border-right: 1px solid #ccc;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        border-bottom: 1px solid #ccc;

        &:last-child{
          border-right: none;
        }
      }
    }
  }