@charset "UTF-8";.gantt-header{display:flex;height:60px;box-shadow:0 12px 10px -10px #0000001a;padding:8px 0;font-size:14px;position:relative}.gantt-header .g-date{-webkit-user-select:none;user-select:none;flex:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.gantt-header .g-date .g-month{white-space:nowrap;color:#0f74fa}.gantt-header .g-date:hover{color:red}.gantt-header .g-date:hover .g-bg-line{background:#f7f8fa}.gantt-header .g-date:hover .g-day-date span{color:red!important}.gantt-header .g-is-today .g-day-date{background:#ff7f6e;color:#fff}.gantt-header .g-is-today .g-day-date span{color:#fffc}.gantt-header .g-day-date{border-radius:20px;padding:2px 5px;display:flex}.gantt-header .g-day-date span{color:#999;padding-right:2px}.g-today-line{z-index:3;height:100%;top:0;border-left:2px solid #ff7f6e;transform:translate(25px)}.g-bg-line{z-index:1;position:absolute;left:0;right:0;top:60px;border-left:1px solid #f7f8fa;width:100%;height:1000px;transition:all .3s}.g-bg-line:hover{background:#f7f8fa}.g-bar-progress{height:50px;display:flex;z-index:2;position:relative;border-bottom:1px solid #f7f8fa}.g-bar-progress .item{flex:2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-left:1px solid #f7f8fa}.g-bar-progress .item .g-text{position:relative;z-index:2}.g-bar-progress .item .g-bar{display:block;width:100%;position:absolute;left:0;bottom:0;background:linear-gradient(to top,#e4e8eb,#ffdee5)}.g-bar-progress .g-is-full{color:#a43f4f;font-weight:700}.g-bar-progress .g-is-full .g-bar{background:#ffdee5}.gantt-task-detail{margin-top:10px;position:relative;border-bottom:1px solid #f7f8fa;padding-bottom:10px}.gantt-task-detail .item{height:var(--459ecbde);border-radius:4px;background:#bbdefb;margin-bottom:10px;position:absolute;z-index:2;box-sizing:border-box;border:1px solid #a5d3fa}.gantt-task-detail .item.status-complete{border-color:#dfe4e9;background:#dfe4e9}.gantt-task-detail .item.status-over{background:#f6afbc;border-color:#e8889b}.gantt-task-detail .item.status-over .g-over-bg{background:#f9c1ca;position:absolute;left:0;border-radius:4px;top:0;height:100%}.gantt-task-detail .item.active{border-color:#e6a23c;cursor:move}.gantt-task-detail .item.active .g-drag-left:after,.gantt-task-detail .item.active .g-drag-right:after{display:block}.gantt-task-detail .item.active .g-drag-right{cursor:e-resize;right:-20px}.gantt-task-detail .item.active .g-drag-left{cursor:w-resize;left:-20px}.gantt-task-detail .g-name{position:relative;z-index:5;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:100%;padding:5px 20px 0 10px}.gantt-task-detail .g-drag-left,.gantt-task-detail .g-drag-right{position:absolute;top:0;width:24px;height:100%;z-index:10;display:flex;align-items:center;justify-content:center}.gantt-task-detail .g-drag-left:after,.gantt-task-detail .g-drag-right:after{content:"";border:2px solid #999;border-radius:50%;width:12px;height:12px;display:none}.gantt-task-detail .g-progress{position:absolute;left:2px;bottom:2px;background:#f5f5f5;height:6px;border-radius:4px;z-index:15;width:calc(100% - 4px)}.gantt-task-detail .g-progress span{position:absolute;left:0;top:0;height:100%;border-radius:4px;background:#0071eb}.gantt-task-detail .g-progress i{font-size:12px;font-style:normal;position:absolute;right:0;top:-3px;display:none}.gantt-task-detail .g-show-detail{position:absolute;font-size:12px;right:5px;color:#fff;z-index:10;top:7px}.gantt-task-detail .g-empty-data{position:relative;z-index:30;background:#fff;display:inline-block}.detail[data-v-f4409e28]{position:relative}.detail img[data-v-f4409e28]{width:16px}.detail ul[data-v-f4409e28]{z-index:10;position:absolute;right:0;top:16px;width:100px;background:#fff;border:1px solid #f2f3f5;box-shadow:2px 2px 8px #f2f3f5;border-radius:5px;display:none}.detail ul li[data-v-f4409e28]{height:28px;line-height:28px;padding:0 10px;cursor:pointer}.detail ul li[data-v-f4409e28]:hover{background:#f0f3f5}.detail:hover ul[data-v-f4409e28]{display:block}.gantt-user-list{position:absolute;left:0;width:200px;height:100%;background:#fff;z-index:20;border-right:1px solid #efefef}.gantt-user-list .item{border-bottom:1px solid #f7f8fa}.gantt-user-list .g-name-title{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 3px}.gantt-user-list .g-name-title .g-name{flex:2}.gantt-user-list .g-name-title .g-icon img{display:block;width:12px;transform:rotate(-90deg);cursor:pointer;transition:all .3s}.gantt-user-list .g-name-title .g-icon.expand img{transform:rotate(0)}.gantt-user-list .g-name-title .g-detail img{width:20px}.gantt-user-list .g-name-title .g-detail img:hover{background:#eee;cursor:pointer}.gantt-user-list .g-name-title .g-face{display:block;width:20px;border-radius:50%;height:20px;overflow:hidden;margin:0 5px}.gantt-user-list .g-todo{color:#666;font-size:12px;padding:0 5px 10px;margin-top:10px}.gantt-user-list .g-todo span{color:#4988dc;cursor:pointer}.gantt-user-list .g-add-btn{display:flex;height:60px;box-shadow:0 12px 10px -10px #0000001a;align-items:center;padding:0 25px}.gantt-user-list .g-add-btn button{border:0;background:none;display:flex;align-items:center;font-size:15px;cursor:pointer}.gantt-user-list .g-add-btn img{width:28px;margin-right:10px}.g-task-detail-dialog{position:absolute;background:#fff;padding:20px;box-shadow:2px 2px 8px #f2f3f5;z-index:20;line-height:25px}.container{margin:30px 50px;border:1px solid #eee}.gantt-chart{overflow:hidden;position:relative;padding-left:200px}.gantt-chart .g-scroll{height:calc(100vh - 175px);overflow-y:auto}.gantt-chart .g-scroll::-webkit-scrollbar{width:0}.gantt-chart .g-transform-btn{position:absolute;background:#fff;z-index:10;height:60px;width:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;top:0}.gantt-chart .g-transform-btn img{width:42px;display:block}.gantt-chart .g-transform-btn:hover img{opacity:.6}.gantt-chart .g-transform-btn.g-btn-prev img{transform:rotate(90deg)}.gantt-chart .g-transform-btn.g-btn-next{right:0}.gantt-chart .g-transform-btn.g-btn-next img{transform:rotate(-90deg)}
