.task-chart{will-change:transform;position:relative;overflow:hidden;height:100%;width:100%}.task-container{width:100%;height:100%}.task-body{position:relative;height:100%}.task-timeline{position:relative;text-align:center;display:flex;height:100%;line-height:48px;border-bottom:1px solid #ccc;z-index:10}.task-timeline-day{overflow:hidden;font-weight:700;color:#666;border-right:1px solid #aaa;border-bottom:1px solid #ddd}.task-timeline-scale{display:flex;border-right:1px solid #aaa}.task-timeline-scale>div{box-sizing:border-box;padding:0 10px;display:flex;justify-content:space-between;align-items:center;height:100%;font-size:14px;color:#666;border-right:1px solid #ddd}.task-timeline-scale>div:last-child{border-right:none}.task-leftbar{width:100%;box-sizing:border-box;background:#fff;color:#666;font-size:.8rem;position:relative}.task-leftbar-container{width:160px;flex:none;position:relative;overflow:hidden;background:#fff;border-right:1px solid #ccc;z-index:100}.task-leftbar-container .left-scroll-setting{position:absolute;left:0;top:0;width:100%;height:48px;border-bottom:1px solid #ccc;z-index:10;display:flex;justify-content:center;align-items:center}.task-leftbar-container .left-scroll-wrapper{width:100%;position:absolute;top:0;left:0;padding-top:48px}.task-leftbar .left-bar-wrapper{position:relative}.task-leftbar .left-bar-wrapper .left-bar-menu{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;padding:0 10px;border-bottom:1px solid #ccc}.task-leftbar .left-bar-wrapper .left-bar-menu .left-bar-menu_box{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.task-leftbar-item{position:absolute;width:100%}.task-leftbar-defalutItem{width:100%;height:100%;outline:1px solid #ccc}.task-table{display:flex;width:100%;height:100%}.task-markline-area{position:absolute;z-index:99}.task-markline{position:absolute;z-index:100;width:2px;height:100vh}.task-markline-label{padding:3px;float:left;color:#fff;font-size:.7rem}.task-blocks{background-color:#fff}.task-blocks-wrapper{height:100%;overflow:hidden;position:relative;background-color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.task-block{width:120px}.task-block-container{position:relative;height:100%}.task-block-top-space{background-color:#408984cc;border-bottom:1px solid #ccc}.task-block-row-wrapper{position:relative}.task-block-row{width:100%;cursor:pointer;border-bottom:1px solid #ccc;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAQlBMVEXz9fX8///h5OSztbXb3d3n6+v09/fy9fW1t7fi5OT8//+xsrL+//+1t7fi5eWztrbb3t7n6ur6/f3+//+1t7e3ubkzQBVTAAAAFnRSTlNNSVJjVFFIUmNOTmRFaFheW1ZRSV5ZpgwOYQAAALNJREFUOMvt1UEOhSAMBNCxfopFQEC9/1W/hBh10egBWE1eiF1MJhE7eWaWRV4CAgrRWetSyDWiqgL4ONIADL/RHLGSJstgd3oyNTQ5BtvhcUlT9mBb/X43CKTcPB+hKG3Y0s00/zQVgYT7q5k0WYbP4+NVUSvreUlTK+v6dgU0xVbWl7tnWWZuPkJTXLDE1qFpQYpaWV8WUMvqy+rL6svqywKKdTmk69+jiSBg9rIIvwTtf/2iGKcuQi5gAAAAAElFTkSuQmCC)}.task-block-item{position:absolute;height:calc(100% - 1px);background-color:#fff;margin-top:1px}.task-block-defaultBlock{width:100%;height:100%;outline:1px solid #ccc;background:#ccc}
