.canvas-container{width:var(--canvas-width)!important;height:var(--canvas-height)!important}.hcc-canvas{border:1px solid var(--hover);position:relative}.hcc-canvas canvas{position:relative;width:var(--canvas-width)!important;height:var(--canvas-height)!important}.hcc-canvas .hcc-tool{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:5px;border-radius:4px;display:flex;align-items:center}.hcc-canvas .hcc-tool-item{border-radius:4px;padding:5px;display:inline-block;cursor:pointer;font-size:18px;line-height:1}.hcc-canvas .hcc-tool-item.active,.hcc-canvas .hcc-tool-item:hover{background-color:var(--hover)}.hcc-canvas .hcc-tool-item.disabled{cursor:not-allowed;opacity:.5}.hcc-canvas .hcc-tool-item+.hcc-tool-item{margin-left:5px}.hcc-canvas .hcc-tool .square:before{content:"";display:block;width:18px;height:18px;border-radius:4px;border:1px solid #fff}.hcc-canvas .hcc-tool .circle:before{content:"";display:block;width:18px;height:18px;border-radius:50%;border:1px solid #fff}#CreateWorkorder[data-v-26c1c65a]{padding-bottom:20px}#CreateWorkorder .block[data-v-26c1c65a] .el-date-editor.el-date-editor--date.el-input--mini{width:100%!important}#CreateWorkorder .footer[data-v-26c1c65a]{padding-top:20px;text-align:center}