.appointmentPanel{width:100%;background-color:#fff;overflow:auto;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex}.appointmentPanel .panel-timegrid{-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ebedf0;border-right:1px solid #ebedf0;background-color:#fff;float:left;overflow:hidden}.appointmentPanel .panel-timegrid .panel-timegrid-item{-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ebedf0;border-bottom:1px solid #ebedf0;width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.appointmentPanel .panel-container{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.appointmentPanel .panel-container .moad{position:absolute;left:15px;top:15px;background-color:#fff;border:1px solid #ebedf0;width:101px;height:41px;-webkit-box-sizing:border-box;box-sizing:border-box}.appointmentPanel .panel-container .moad button:focus,.appointmentPanel .panel-container .moad button:hover{background-color:#fff;border-color:#dcdfe6;color:#606266}.appointmentPanel .panel-container .employeegrid-container{width:calc(100% - 1px);overflow:hidden}.appointmentPanel .panel-container .employeegrid-container .employeegrid{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-top:1px solid #ebedf0}.appointmentPanel .panel-container .employeegrid-container .employeegrid .employeegrid-item{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ebedf0;border-bottom:1px solid #ebedf0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.appointmentPanel .panel-container .panel-gridcontent{width:calc(100% - 1px);overflow:auto;height:calc(100% - 36px);position:relative;scrollbar-width:none}.appointmentPanel .panel-container .panel-gridcontent .panel-grid{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.appointmentPanel .panel-container .panel-gridcontent .panel-grid .panel-gridcontent-item{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ebedf0;border-bottom:1px solid #ebedf0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.appointmentPanel .panel-container .panel-gridcontent .panel-grid .panel-disabled{background-color:#f5f7fa;cursor:not-allowed;border-right:1px solid #c7c7c7!important;border-bottom:1px solid #c7c7c7!important}.appointmentPanel .panel-container .panel-gridcontent .panel-grid .panel-disabled-linear{color:#c8c9cc;cursor:not-allowed;background:repeating-linear-gradient(45deg,#d3d3d3,#d3d3d3 2px,#e5e5e5 0,#e5e5e5 16px);background-repeat:repeat-y;border:1px solid #d3d3d3}.appointmentPanel .panel-container .panel-gridcontent .panel-modal-container{position:absolute;top:0;left:0;pointer-events:none}.appointmentPanel .panel-container .panel-gridcontent .panel-modal-container .panel-gridcontent-moda{position:relative;width:100%;height:100%;overflow:auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;pointer-events:none}.appointmentPanel .panel-container .panel-gridcontent .panel-modal-container .panel-gridcontent-moda .panel-gridcontent-axis{pointer-events:none;position:relative}.appointmentPanel .panel-container .panel-gridcontent .panel-modal-container .panel-gridcontent-moda .panel-gridcontent-axis .panel-event-container{pointer-events:auto;position:absolute;padding:2px 0 2px 4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.appointmentPanel .panel-container .panel-gridcontent .add_appointment{background:#fff7f3;cursor:pointer;color:var(--zl-color-orange-primary);font-size:12px;height:100%}.appointmentPanel .panel-container .panel-gridcontent::-webkit-scrollbar{display:none}.appiontmentStatus{position:relative;top:-12px;left:-12px;height:20px;width:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-right-radius:8px;border-bottom-right-radius:8px;padding-left:5px;font-size:13px}.AppointmentView{max-height:calc(100% - 30px)}.AppointmentView .appointmentBar{position:absolute!important;right:10px;z-index:1;height:39px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.AppointmentView .appointmentBar .el-form-item{margin-bottom:0}.AppointmentView .appointmentBar .el-form-item .el-form-item__content{height:33px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.AppointmentView .appointmentDesClass{right:100px;top:10px;z-index:1;width:500px}.AppointmentView .addAppointmentBtn{right:15px;top:10px;z-index:1}.AppointmentView .right_item{background:#f8f8f8}.AppointmentView .project_item{height:100px;overflow-y:scroll}.AppointmentView .checked_group{width:100%}.AppointmentView .normal_right{border-right:1px solid #c0c4cc}.AppointmentView .normal_left,.AppointmentView .normal_right{border-bottom:1px solid #c0c4cc;border-top:1px solid #c0c4cc;font-size:14px;padding:5px 20px;color:#333;height:40px;line-height:40px}.AppointmentView .normal_left{border-left:1px solid #c0c4cc}.AppointmentView .squareBlock_orange{width:14px;height:14px;background:var(--zl-color-orange-primary)}.AppointmentView .squareBlock_gray{width:14px;height:14px;background:var(--zl-appointment-success-border)}.AppointmentView .squareBlock_white{width:14px;height:14px;background:#fff;border:1px solid #d3d3d3}.AppointmentView .squareBlock_rest{width:14px;height:14px;color:#c8c9cc;cursor:not-allowed;background:repeating-linear-gradient(45deg,#d3d3d3,#d3d3d3 2px,#e5e5e5 0,#e5e5e5 5px);background-repeat:repeat-y;border:1px solid #ebedf0}.AppointmentView .squareBlock_purple{width:20px;height:20px;background:#c9c}.AppointmentView .squareBlock_green{width:20px;height:20px;background:#91c47e}.AppointmentView .arrow_box{width:30px;height:30px}.AppointmentView .tdd{display:table-cell;vertical-align:middle;height:100%;z-index:10;position:relative}.AppointmentView .line_height_38{line-height:35px}.AppointmentView .el-scrollbar_height{height:60vh}.AppointmentView .el-scrollbar_height .el-scrollbar__wrap{overflow-x:hidden}.customer-autocomplete li{line-height:normal;padding:7px}.customer-autocomplete li .name{text-overflow:ellipsis;overflow:hidden}.customer-autocomplete li .info{font-size:12px;color:#b4b4b4}.customer-autocomplete li .highlighted .info{color:#ddd}:root{--zl-appointment-success:#e9f8ee;--zl-appointment-success-border:#45c57b;--zl-appointment-other:#fff7f3}.custom_channelPopperClass .el-select-dropdown__item{line-height:normal;height:auto}.el-tabs--border-card{border:0!important;-webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}.custom-form-servicer-error .el-form-item__error{margin-left:120px}