.m-calendar[data-v-51ed896c]{background-color:#fff;border-radius:8px 8px 0 0;padding-bottom:20px}.m-calendar header[data-v-51ed896c]{display:flex;align-items:center;justify-content:space-between;padding:20px 12px;margin-bottom:5px;position:relative}.m-calendar header .header-left[data-v-51ed896c]{width:30%;font-size:10px}.m-calendar header .header-center[data-v-51ed896c]{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center}.m-calendar header .header-center .YMD-date[data-v-51ed896c]{margin:0 20px;width:180px;color:#444;font-size:20px;font-weight:700;text-align:center}.m-calendar header .header-center .YMD-date .fix[data-v-51ed896c]{display:inline-block;width:45px}.m-calendar header .header-center .arrow[data-v-51ed896c]{cursor:pointer;padding:4px 10px}.m-calendar header .header-center .arrow[data-v-51ed896c]:after{display:inline-block;content:"";width:12px;height:12px;border-top:2px solid var(--font-color)}.m-calendar header .header-center .arrow.pre[data-v-51ed896c]:after{border-left:2px solid var(--font-color);transform:rotate(-45deg)}.m-calendar header .header-center .arrow.next[data-v-51ed896c]:after{border-right:2px solid var(--font-color);transform:rotate(45deg)}.m-calendar header .header-center .arrow.nextDay[data-v-51ed896c]:after,.m-calendar header .header-center .arrow.preDay[data-v-51ed896c]:after{width:8px;height:8px}.m-calendar header .header-right[data-v-51ed896c]{width:33%}.m-calendar .data[data-v-51ed896c]{display:flex;flex-direction:column}.m-calendar .data li[data-v-51ed896c]{display:inline-block;width:100%;font-weight:700;position:relative;transition:all .25s ease;border:1px solid #f3f4f6}.m-calendar .data li[data-v-51ed896c]:after{bottom:0;left:50%;transform:translateX(-50%);position:absolute;display:inline-block;content:"";width:5px;height:5px;border-radius:50%}.m-calendar .data li .data[data-v-51ed896c]{color:#000;position:absolute;top:50%;left:20px;white-space:nowrap;transform:translateY(-50%)}.m-calendar .data .first-row[data-v-51ed896c]{width:100%;display:flex;flex-direction:row}.m-calendar .data .first-row li[data-v-51ed896c]{background-color:#f7f8fa;color:#444;padding:12px 0;height:50px;border:1px solid #f3f4f6;cursor:pointer}.m-calendar .data .first-row .employees[data-v-51ed896c]{width:140px}.m-calendar .data .first-row .other-column[data-v-51ed896c]{flex:1}.m-calendar .data .date-data[data-v-51ed896c]{display:flex;flex-direction:column;flex:1}.m-calendar .data .date-data .data-column[data-v-51ed896c]{height:100%}.m-calendar .data .date-data .data-column .data-item[data-v-51ed896c]{display:flex;flex-direction:row}.m-calendar .data .date-data .data-column .data-item .first-column[data-v-51ed896c]{width:140px}.m-calendar .data .date-data .data-column .data-item .other-column[data-v-51ed896c]{flex:1;min-height:100px}.m-calendar .data .date-data .data-column .data-item .other-column .day-data[data-v-51ed896c]{height:100%}.grid[data-v-5a080342]{position:relative;display:flex;flex-wrap:wrap}.grid .grid-item[data-v-5a080342]{margin:5px 0;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid .grid-item .hour-time[data-v-5a080342]{color:rgba(0,0,0,.4)}.grid .customerOccupy .hour-time[data-v-5a080342],.grid .isAppointment .hour-time[data-v-5a080342],.grid .otherAppOccupy .hour-time[data-v-5a080342],.grid .staticOccupy .hour-time[data-v-5a080342],.grid .timeOccupy .hour-time[data-v-5a080342]{color:#fff}.grid .isAppointment[data-v-5a080342],.grid .otherAppOccupy[data-v-5a080342]{background:#68422b}.grid .customerOccupy[data-v-5a080342]{background:#faec54}.grid .timeOccupy[data-v-5a080342]{background:#538aec}.grid .staticOccupy[data-v-5a080342]{background:#fa7254}.grid .borderHeader[data-v-5a080342]{border-radius:15px 0 0 15px}.grid .borderTail[data-v-5a080342]{border-radius:0 15px 15px 0}.grid .selectBorderHeader[data-v-5a080342]{padding:0;border-radius:15px 0 0 15px}.grid .selectBorderTail[data-v-5a080342]{padding:0;border-radius:0 15px 15px 0}.grid .isSelected[data-v-5a080342]{background:#f7e1c2}.grid .isSelectEnd[data-v-5a080342],.grid .isSelectStart[data-v-5a080342]{padding:5px;background:#68422b;border-radius:15px}.grid .isSelectEnd .hour-time[data-v-5a080342],.grid .isSelectStart .hour-time[data-v-5a080342]{color:#fff}.grid .isReSelect[data-v-5a080342]{box-shadow:4px 4px 6px 0 rgba(0,13,31,.2)}.grid .isReSelect .hour-time[data-v-5a080342]{color:#4fbd6d!important}.grid .isChangeLine[data-v-5a080342]{width:100%;padding:0}.container[data-v-556866b9]{width:100%}.container .search[data-v-556866b9]{background-color:#fff;border-radius:12px;padding:12px;margin:20px 0}.container .search .search-form-inline[data-v-556866b9]{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}.container .calendar .header-right .tip-list[data-v-556866b9]{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap}.container .calendar .header-right .tip-list .tip-item[data-v-556866b9]{margin:10px;display:inline-flex;align-items:center}.container .calendar .header-right .tip-list .tip-item .color-box[data-v-556866b9]{width:40px;height:20px;border-radius:20px;margin-right:5px}.container .calendar .data-box[data-v-556866b9]{margin:10px;height:100%;color:#434648;position:relative}.container .calendar .data-box .count-cell[data-v-556866b9]{text-align:right;font-size:15px;color:#bdaafb}.container .calendar .data-box .employee-cell[data-v-556866b9]{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:26px;padding:5px;background-color:#8557fa}.container .calendar .data-box .empty[data-v-556866b9]{color:rgba(0,0,0,.4);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.container .calendar .check-box .check-title[data-v-556866b9]{display:inline-flex}.container .calendar .check-box .check-title[data-v-556866b9]:before{content:"| ";font-weight:700;vertical-align:baseline;color:#8559fa}.container .add-box[data-v-556866b9]{width:100%}.container .add-box .add-shift[data-v-556866b9]{display:flex;flex-direction:row;align-items:center;background-color:#f7f8fa;margin:20px 0;padding:20px;display:inline-flex;width:100%}.container .add-box .add-shift .shift[data-v-556866b9]{color:#000;margin-right:10px}.container .add-box .button-cell[data-v-556866b9]{margin:20px 0;display:inline-flex;justify-content:center;width:100%}.container .page-wrap[data-v-556866b9]{display:flex;justify-content:flex-end;margin-top:20px}