/* Planning tasks displays icon in task bar */
.Planning.sch-gantt-task-bar:before {
    font-family : 'Font Awesome 5 Free';
    font-weight : 900;
    font-size   : 13px; /* font-size and line-height needed in drag proxy */
    line-height : 19px;
    content     : '\f073';
    position    : absolute;
    left        : 5px;
    top         : 2px;
}

/* Planning milestone displayed as a star */
.Planning .sch-gantt-milestone-diamond {
    visibility : hidden;
}

.Planning .sch-gantt-milestone-diamond-ct {
    width        : 22px;
    border-color : #13bc7d;
}

.Planning .sch-gantt-milestone-diamond-ct:before {
    display          : block;
    font-family      : 'Font Awesome 5 Free';
    font-weight      : 900;
    content          : '\f005';
    position         : absolute;
    top              : 8px;
    text-indent      : -2px;
    left             : -1px;
    color            : #13bc7d;
    font-size        : 22px;
    background-color : #fff;
}

/* Implementation phase displays a thin task bar with icons on each end */

.Implementation-Phase.sch-gantt-task-bar {
    height : 3px;
    top    : 11px;
}

.Implementation-Phase.sch-gantt-task-bar:before,
.Implementation-Phase.sch-gantt-task-bar:after {
    font-family      : 'Font Awesome 5 Free';
    font-weight      : 900;
    content          : '\f14b';
    position         : absolute;
    top              : -8px;
    color            : #5fa2dd;
    font-size        : 20px;
    background-color : #fff;
}

.Implementation-Phase.sch-gantt-task-bar:before {
    left : 0;
}

.Implementation-Phase.sch-gantt-task-bar:after {
    right : 0;
}

.x-dd-drag-proxy .Implementation-Phase.sch-gantt-task-bar {
    top : 0;
}

/* Build prototype tasks are 1 px thick with diamonds at each end */
.Build-prototype.sch-gantt-task-bar {
    background : none;
}

.Build-prototype .sch-gantt-progress-bar {
    width            : 100% !important;
    background-color : #5fa2dd;
    position         : absolute;
    top              : 11px;
    height           : 1px;
}

.Build-prototype.sch-gantt-task-bar:before,
.Build-prototype.sch-gantt-task-bar:after {
    font-family      : 'Font Awesome 5 Free';
    font-weight      : 900;
    content          : '\f096';
    position         : absolute;
    top              : 3px;
    color            : #5fa2dd;
    font-size        : 24px;
    transform        : rotate(45deg);
    background-color : #fff;
}

.Build-prototype.sch-gantt-task-bar:before {
    text-indent : -2px;
    left        : -1px;
    z-index     : 1;
}

.Build-prototype.sch-gantt-task-bar:after {
    text-indent : -2px;
    right       : -1px;
    z-index     : 2;
}

.x-dd-drag-proxy .Build-prototype .sch-gantt-progess-bar,
.x-dd-drag-proxy .Build-prototype.sch-gantt-task-bar:before,
.x-dd-drag-proxy .Build-prototype.sch-gantt-task-bar:after {
    top : 0;
}