{"version":3,"sourceRoot":"","sources":["../../src/components/Schedule/calendar.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGE;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGA;EACE;;AAGF;EACE;;AAGA;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAON;EACE;;AAEA;EACE;;AAIJ;AAAA;EAEE;;AAKF;EACE;EACA;;AAGF;EACE;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMR;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAWJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"calendar.css","sourcesContent":[".calendar-container {\n  height: 100%;\n  position: relative;\n\n  &.schedule {\n    &.mobile {\n      height: calc(100vh - 32px - 111px);\n\n      .week-toggler-box {\n        position: sticky;\n        top: 0;\n        z-index: 2;\n      }\n    }\n  }\n\n  .calendar-box {\n    width: 100%;\n    margin-top: 10px;\n    \n    // padding: 12px;\n    .calendar-action-box {\n      padding: 0 12px;\n    }\n\n    &.schedule {\n      padding: 0 8px;\n\n      // padding-bottom: 50px;\n      &.mobile {\n        padding: 0;\n\n        .fc-scrollgrid-section.fc-scrollgrid-section-header {\n          display: none;\n        }\n\n        .fc-scroller.fc-scroller-liquid-absolute {\n          overflow: hidden !important;\n        }\n\n      }\n\n      .calendar-action-box {\n        position: fixed;\n        right: 2vw;\n        bottom: 7vh;\n        z-index: 2;\n\n        .add-action-box {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 0;\n            width: 48px;\n            height: 48px;\n            background-color: #3574ee;\n            color: #fff;\n            border-radius: 50% !important;\n            font-size: 24px;\n            cursor: pointer;\n        }\n      }\n    }\n\n\n    .fc {\n      a {\n        color: initial;\n\n        &.fc-h-event {\n          background-color: var(--fc-event-bg-color) !important;\n        }\n      }\n\n      td,\n      th {\n        border: 1px solid #f7f8fa !important;\n        // border-left-color: transparent !important;\n        // border-right-color: transparent !important ;\n      }\n\n      .fc-popover-body {\n        max-height: 400px;\n        overflow-y: auto;\n      }\n\n      .fc-scrollgrid {\n        border: none !important;\n      }\n\n      .fc-scrollgrid-section.fc-scrollgrid-section-header {\n        th {\n          border: none !important;\n        }\n      }\n\n      .fc-col-header-cell.fc-day {\n        border: none !important;\n      }\n\n      .fc-v-event {\n        margin: 4px 4px 6px 6px;\n        background-color: #E9F6FE;\n        color: #3574EE;\n        border-color: #E9F6FE;\n\n        .fc-event-main {\n          color: #3574EE;\n\n        }\n      }\n\n      .fc-timegrid-col.fc-day-today {\n        background-color: unset !important;\n      }\n\n      .fc-daygrid-day.fc-day-today {\n        background-color: unset !important;\n\n        .fc-daygrid-day-number {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          color: #fff;\n          width: 30px;\n          height: 30px;\n          font-size: 12px;\n          background-color: #3574EE;\n          border-radius: 10px;\n          transform: scale(0.8);\n          white-space: nowrap;\n        }\n      }\n\n      .fc-bg-event {\n        background: unset;\n        opacity: 1;\n      }\n\n      .fc-timegrid-slot {\n        height: 32px;\n      }\n    }\n\n    &.schedule {\n      overflow: auto;\n    }\n  }\n\n  .week-toggler-box {\n    position: sticky;\n    top: 0;\n\n    &.schedule {\n      position: relative;\n    }\n  }\n\n  .attendance-box {\n    overflow-y: auto;\n    background-color: #f1f1f1;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n\n    .info-box {\n      padding: 10px;\n      width: 100%;\n      border-radius: 4px;\n      min-height: 100px;\n      background-color: #fff;\n      color: #999;\n      line-height: 1.5;\n      font-size: 14px;\n\n      .title {\n        font-size: 16px;\n        padding-bottom: 4px;\n        color: #333;\n\n        .primary {\n          color: #3574EE\n        }\n\n        .warning {\n          color: #FE9201\n        }\n\n        .success {\n          color: #15B37B\n        }\n\n        .danger {\n          color: #F5222D\n        }\n      }\n    }\n  }\n\n  .action-box {\n    width: 0;\n    height: 0;\n    visibility: hidden;\n  }\n\n  .event-item-event-box {\n    position: relative;\n    display: flex;\n    width: 100%;\n    // justify-content: space-between;\n    align-items: center;\n    min-height: 20px;\n\n    .remove-btn {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      display: none;\n      width: 16px;\n      height: 16px;\n      margin-right: 2px;\n      text-align: center;\n      line-height: 14px;\n      color: #fff;\n      border-radius: 50%;\n      font-size: 12px;\n      border: 1px solid #fff;\n\n      &:hover {\n        color: #ff4d4f;\n        border-color: #ff4d4f;\n      }\n    }\n\n    &:hover {\n      .remove-btn {\n        display: block;\n      }\n    }\n\n    .event-content-box {\n      padding: 3px;\n      word-wrap: break-word;\n      width: 100%;\n      font-size: 13px;\n      // max-width: calc(100% - 20px);\n      // width: fit-content;\n      // overflow: hidden;\n      // white-space: nowrap;\n      // text-overflow: ellipsis;\n    }\n\n\n  }\n\n  .event-item-background-box {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    font-size: 12px;\n    color: #666;\n  }\n}"]}