.drag-source .drag-source-content.dragging{opacity:.2}.drop-destination.highlight.top{border-top:2px solid #f0f}.drop-destination.highlight.bottom{border-bottom:2px solid #f0f}.drop-destination.highlight.right{border-right:2px solid #f0f}.drop-destination.highlight.center{border:2px solid #f0f;border-radius:6px}.interval-collection{position:relative;overflow:hidden}.interval-collection .intervals-container{background:#b19080}.interval-collection .interval{background:#3a312d;overflow:hidden;color:#fdfdfd}.interval-collection .interval:hover{background:#93796d}.interval-collection .interval.selected{background:#ec889d}.interval-collection span.date-time{font-weight:700}.interval-collection .range{position:absolute}.interval-collection.horizontal{width:100%;height:40px}.interval-collection.horizontal .intervals-container{position:absolute;left:0;right:0;top:0;height:40%}.interval-collection.horizontal .interval{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;white-space:nowrap;top:0;height:100%;min-width:4px;margin-left:-2px;cursor:pointer;padding:0 4px;border-right:2px solid hsla(0,0%,100%,.25);border-left:2px solid hsla(0,0%,100%,.25)}.interval-collection.horizontal .range{left:0;right:0;top:40%;height:60%}.interval-collection.horizontal .range .start{border-left:1px solid rgba(56,42,36,.75);padding-left:4px;position:absolute;left:0}.interval-collection.horizontal .range .edit{margin:4px 0}.interval-collection.horizontal .range .end{border-right:1px solid rgba(56,42,36,.75);padding-right:4px;position:absolute;right:0}.interval-collection.vertical{height:100%}.interval-collection.vertical .interval{position:absolute;left:0;width:30px;min-height:2px;cursor:pointer;padding:0 4px}.interval-collection.vertical .range{left:30px;width:calc(100% - 30px);top:0;height:100%}.interval-collection.vertical .range .start{border-top:1px solid rgba(56,42,36,.75);padding-top:4px;position:absolute;top:0;left:30px}.interval-collection.vertical .range .edit{margin:4px 0}.interval-collection.vertical .range .end{border-bottom:1px solid rgba(56,42,36,.75);padding-bottom:4px;bottom:0;position:absolute;left:30px}.task-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;min-height:40px}.task-header button{font-size:11px;font-weight:700}.task-header .name-container{width:100%;margin-right:8px}.task-header .name-container .drag-source-hotspot{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#ccc;font-size:22px;margin-left:4px;opacity:.5;cursor:-webkit-grab;cursor:grab}.task-header .name-container input.name{border-radius:6px;font-size:16px;font-weight:700;background:hsla(0,0%,100%,.25);margin-left:8px;margin-top:8px;width:400px}.task-header .name-container div.name{font-weight:700;font-size:16px;padding:8px 0;margin-left:8px;cursor:text;min-width:80px}.task-header .right-justified-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.task-header .right-justified-container .controls{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-right:8px}.task-header .right-justified-container .controls a,.task-header .right-justified-container .controls button{opacity:0;pointer-events:none}.task-header .right-justified-container .controls .start-stop{font-size:16px;margin-left:24px;color:green}.task-header .right-justified-container .time-container{display:flex;flex-direction:row;align-items:center;white-space:nowrap;justify-content:flex-end;margin-right:8px;width:65px}.task-header .right-justified-container .time-container .time.not-started{opacity:.5}.task-node{position:relative;display:flex;flex-direction:column;min-width:768px}.task-node button{font-size:11px;font-weight:700}.task-node .link-button{font-size:11px}.task-node .link{margin-left:8px}.task-node .parent-summary-container{margin-left:8px;white-space:nowrap}.task-node .parent-summary-container .total-count{font-weight:700}.task-node .task-container{padding:0;display:flex;flex-direction:column;border-radius:6px;background:#efefef;transition:background-color .2s ease-in-out}.task-node .task-container .expand-collapse-button-container button{padding:5px;margin-right:0}.task-node .task-container.large{margin-bottom:24px}.task-node .task-container.force-show{border:1px solid transparent}.task-node .task-container h1{margin:0}.task-node .details{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease-in-out,opacity .35s ease-in-out}.task-node .details textarea{font-family:Lato,sans-serif;margin:8px}.task-node .details input.link,.task-node .details textarea{border-radius:6px;padding:8px;width:calc(100% - 32px);background:hsla(0,0%,100%,.25)}.task-node .details input.link{margin:0 8px 8px}.task-node .details .description{padding:8px;background:hsla(0,0%,100%,.01);cursor:text}.task-node .details .description>p{margin:8px 0;font-size:12px}.task-node .details.show{opacity:1;max-height:500px}.task-node .details .details-footer{border-top:1px solid hsla(0,0%,100%,.25);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:8px;font-size:12px}.task-node .details .details-footer .time-adjustments{margin-right:8px}.task-node .details .details-footer .details-controls{display:flex;flex-direction:row;justify-content:space-between;width:100%}.task-node .details .details-footer .interval-collection{margin-top:8px;width:100%}.task-node .sub-tasks{padding-left:24px;display:flex;flex-direction:column;max-height:0;overflow:hidden}.task-node .sub-tasks.expanded{max-height:10000px}.task-node.done>.drop-destination .task-container div.name,.task-node.done>.drop-destination .task-container input.name{text-decoration:line-through!important;opacity:.5}.task-node.archived>.drop-destination .task-container div.name,.task-node.archived>.drop-destination .task-container input{color:red}.task-node.compact{margin:2px}.task-node.compact>.drop-destination .task-container{padding:0;font-size:11px}.task-node.compact>.drop-destination .task-container .name{font-size:11px}.task-node.compact>.drop-destination .task-container .controls button{font-size:11px;padding:4px}.task-node.selected>.drop-destination .task-container{background:#ec889d;box-shadow:inset 1px 3px 25px 2px rgba(0,0,0,.25);-webkit-box-shadow:1px 3px 25px 2px rgba(0,0,0,.25) inset;-moz-box-shadow:1px 3px 25px 2px rgba(0,0,0,.25) inset}.task-node.selected>.drop-destination .task-container .controls a,.task-node.selected>.drop-destination .task-container .controls button{opacity:1;pointer-events:all}.task-node.editing>.drop-destination .task-container{background:#8dc9f3}.task-node.active>.drop-destination .task-container{background:#7d7}.task-node.search-result>.drop-destination .task-container{background:#77d}.task-node.not-search-result>.drop-destination .task-container{opacity:.8}.task-node.is-dragging{opacity:.35}.sub-tasks .task-node .drop-destination{padding-top:4px}.sub-tasks .task-node:not(:last-child) .drop-destination{padding-bottom:4px}.task-charts{height:calc(100% - 50px);width:calc(100% - 50px)}.task-charts h1{margin-top:0}.workspace{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:700px;max-width:1100px;flex:0 0;opacity:0;transition:opacity .3s ease-in-out}.workspace.show{opacity:1}.workspace .task-nodes-container{width:100%}.workspace .task-nodes-empty-container{display:flex;flex-direction:column;align-items:center}.workspace .chart-modal{z-index:2000;position:fixed;border-radius:6px;left:24px;right:24px;top:24px;bottom:24px;background:#fdfdfd;border:1px solid #000;display:flex;flex-direction:row;align-items:center;justify-content:center}.workspace button.close{position:absolute;top:8px;right:8px}.home .workspace-container{padding:24px;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:calc(100vh - 160px)}.home .interval-container{z-index:100;padding:4px 24px;position:fixed;bottom:0;left:0;right:0;background:#fdfdfd;box-shadow:2px 2px 16px 0 rgba(0,0,0,.45);-webkit-box-shadow:2px 2px 16px 0 rgba(0,0,0,.45);-moz-box-shadow:2px 2px 16px 0 rgba(0,0,0,.45)}.timeline .timeline-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:8px 0}.timeline .timeline-header h3{margin:0}.timeline .interval-collection{height:60px}