.outline-green g rect {
    outline-color: #4caf50 !important;
    fill: #D0E9D1 !important;
}

.outline-green rect.bar-progress {
    fill: #8DCB8F !important;
}

.outline-red g rect {
    outline-color: #f44336 !important;
    fill: #fad2ce !important;
}

.outline-red rect.bar-progress {
    fill: #f79188 !important;
}

.outline-blue g rect {
    outline-color: #2196f3 !important;
    fill: #d1e8fb !important;
}

.outline-blue rect.bar-progress {
    fill: #85c5f8 !important;
}

.outline-azure g rect {
    outline-color: #00cee5 !important;
    fill: #d2eff2 !important;
}

.outline-azure rect.bar-progress {
    fill: #4acec7 !important;
}


.outline-violet g rect {
    outline-color: #dd2ba9 !important;
    fill: #f6cdeb !important;
}

.outline-violet rect.bar-progress {
    fill: #db8cc4 !important;
}

.outline-purple g rect {
    outline-color: #957ccc !important;
    fill: #e5e0ff !important;
}

.outline-purple rect.bar-progress {
    fill: #a396e0 !important;
}

.outline-yellow g rect {
    outline-color: #d8c600 !important;
    fill: #fcf9b5 !important;
}

.outline-yellow rect.bar-progress {
    fill: #eadc41 !important;
}

/*.gantt .tick {
     stroke-width: 0 !important; 
}*/
.gantt .tick.thick {
    stroke: #6c757d !important;
    stroke-width: 1px !important;
}

.gantt-container {
    overflow: unset !important;
}

.selected-task {
    stroke-dasharray: ;
     
}