:root{--g-arrow-color: #9fa9b1;--g-bar-color: #fff;--g-bar-color-important: #94c4f4;--g-bar-border: #fff;--g-tick-color-thick: #e0e0e0;--g-tick-color: #ebeef0;--g-light-bg: #f5f5f5;--g-actions-background: #f4f5f6;--g-border-color: #ebeff2;--g-text-muted: #7c7c7c;--g-text-light: #fff;--g-text-dark: #171717;--g-progress-color: #ebeef0;--g-handle-color: #dcdce4;--g-handle-color-important: #94c4f4;--g-holiday-label-color: #dcdce4;--g-blue-light: #c4c4e9;--g-blue-dark: #2c94ec;--g-header-background: #ffffff;--g-row-color: #fff;--g-weekend-highlight-color: #bfdbfe}.gantt-container{line-height:14.5px;position:relative;overflow:auto;font-size:12px;height:var(--gv-grid-height);width:100%;border-radius:8px}.gantt-container .popup-wrapper{position:absolute;top:0;left:0;background:#fff;box-shadow:0 10px 24px -3px #0003;padding:10px;border-radius:5px;width:max-content;z-index:1000}.gantt-container .popup-wrapper .title{margin-bottom:2px;color:var(--g-text-dark);font-size:.85rem;font-weight:650;line-height:15px}.gantt-container .popup-wrapper .subtitle{color:var(--g-text-dark);font-size:.8rem;margin-bottom:5px}.gantt-container .popup-wrapper .details{color:var(--g-text-muted);font-size:.7rem}.gantt-container .popup-wrapper .actions{margin-top:10px;margin-left:3px}.gantt-container .popup-wrapper .action-btn{border:none;padding:5px 8px;background-color:#dbeafe;border-right:1px solid var(--g-text-light)}.gantt-container .popup-wrapper .action-btn:hover{background-color:#93c5fd}.gantt-container .popup-wrapper .action-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt-container .popup-wrapper .action-btn:last-child{border-right:none;border-radius:0 4px 4px 0}.gantt-container .grid-header{height:calc(var(--gv-lower-header-height) + var(--gv-upper-header-height) + 10px);background-color:var(--g-header-background);position:sticky;top:0;left:0;z-index:1000}.gantt-container .lower-text,.gantt-container .upper-text{text-anchor:middle}.gantt-container .upper-header{height:var(--gv-upper-header-height)}.gantt-container .lower-header{height:var(--gv-lower-header-height)}.gantt-container .lower-text{font-size:12px;position:absolute;width:calc(var(--gv-column-width) * .8);height:calc(var(--gv-lower-header-height) * .8);margin:0 calc(var(--gv-column-width) * .1);align-content:center;text-align:center;color:var(--g-text-muted)}.gantt-container .upper-text{position:absolute;width:fit-content;font-weight:500;font-size:16px;color:var(--g-text-dark);height:calc(var(--gv-lower-header-height) * .66)}.gantt-container .current-upper{position:sticky;left:0!important;padding:0 calc(var(--gv-lower-header-height) * .33);background:#fff}.gantt-container .side-header{position:sticky;z-index:1000;line-height:20px;background:#fff;font-weight:400;top:5px;width:max-content;margin-left:auto;right:5px;padding-left:5px}.gantt-container .side-header *{background:var(--g-actions-background);text-align:-webkit-center;text-align:center;height:30px;border-radius:0;border:1px dotted grey;border-right:none;color:var(--g-text-dark);padding:4px 10px;position:sticky;float:right;right:0;top:5px}.gantt-container .side-header *:first-child{border-radius:0 8px 8px 0;border-right:1px dotted grey}.gantt-container .side-header *:last-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.gantt-container .date-range-highlight{background-color:var(--g-progress-color);border-radius:12px;height:calc(var(--gv-lower-header-height) - 6px);top:calc(var(--gv-upper-header-height) + 5px);position:absolute}.gantt-container .current-highlight{position:absolute;background:var(--g-blue-dark);width:1px;z-index:999}.gantt-container .current-date-highlight{background:var(--g-blue-dark);color:var(--g-text-light);border-radius:5px}.gantt-container .holiday-label{position:absolute;top:0;left:0;opacity:0;z-index:1000;background:--g-holiday-label-color;border-radius:5px;padding:2px 5px}.gantt-container .holiday-label.show{opacity:100}.gantt-container .extras{position:sticky;left:0}.gantt-container .extras .adjust{position:absolute;left:8px;top:calc(var(--gv-grid-height) - 60px);background-color:#000000b3;color:#fff;border:none;padding:8px;border-radius:3px}.gantt-container .hide{display:none}.gantt{user-select:none;-webkit-user-select:none;position:absolute}.gantt .grid-background{fill:none}.gantt .grid-row{fill:var(--g-row-color)}.gantt .row-line{stroke:var(--g-border-color)}.gantt .tick{stroke:var(--g-tick-color);stroke-width:.4}.gantt .tick.thick{stroke:var(--g-tick-color-thick);stroke-width:.7}.gantt .arrow{fill:none;stroke:var(--g-arrow-color);stroke-width:1}.gantt .bar-wrapper .bar{fill:var(--g-bar-color);stroke:var(--g-bar-border);stroke-width:0;transition:stroke-width .3s ease}.gantt .bar-progress{fill:var(--g-progress-color)}.gantt .bar-expected-progress{fill:var(--g-blue-light)}.gantt .bar-invalid{fill:transparent;stroke:var(--g-bar-border);stroke-width:1;stroke-dasharray:5}:is(.gantt .bar-invalid)~.bar-label{fill:var(--g-text-light)}.gantt .bar-label{fill:var(--g-text-dark);dominant-baseline:central;font-family:Helvetica;font-size:13px;font-weight:400}.gantt .bar-label.big{fill:var(--g-text-dark);text-anchor:start}.gantt .bar-wrapper.important .bar{fill:var(--g-bar-color-important)}.gantt .bar-wrapper.important .bar-progress{fill:var(--g-blue-dark)}.gantt .bar-wrapper.important .bar-label{fill:var(--g-text-light)}.gantt .bar-wrapper.important .bar-label.big{fill:var(--g-text-dark)}.gantt .bar-wrapper.important .handle{fill:var(--g-handle-color-important)}.gantt .bar-wrapper.important .handle.progress{fill:var(--g-text-light)}.gantt .handle{fill:var(--g-handle-color);cursor:ew-resize;opacity:0;visibility:hidden;transition:opacity .3s ease}.gantt .handle.progress{fill:var(--g-text-muted)}.gantt .bar-wrapper{cursor:pointer}.gantt .bar-wrapper.active .handle{visibility:visible;opacity:1}.gantt .bar-wrapper .bar{-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.9));filter:drop-shadow(3px 3px 2px rgba(17,43,66,.26));border-radius:3px}.gantt .bar-wrapper .bar.safari{outline:1px solid black}.gantt .bar-wrapper:hover .bar{transition:transform .3s ease}.gantt .bar-wrapper:hover .date-range-highlight{display:block}
