.gantt .bar-wrapper.important .phase{
    fill: #ea5b0b!important;
}
.gantt .bar-wrapper .mission{
    fill: #ededed!important;
}
.gantt .bar-wrapper.important .ressource{
    fill: #fff!important;
}
.gantt .bar-wrapper .jalon{
    fill: hotpink!important;
}
.gantt .bar-wrapper .zone{
    fill: #ff8541!important;
}
.gantt .bar-wrapper .lot{
    fill: #29a22c !important;
}
.gantt .bar-wrapper .task{
    fill: #29a22c !important;
}
.gantt .bar-wrapper .sub_task{
    fill: rgb(0, 255, 157) !important;
}
.gantt .bar-wrapper .sub_sub_task{
    fill: rgba(153, 225, 155, 0.86) !important;
}
.gantt .bar-wrapper.important .no-defined{
    fill: red!important;
}
.gantt-container .grid-header{
    z-index:9!important;
}
.gantt .jalon .handle-group{
    display: none;
}
.gantt .jalon .bar-group .bar.jalon{
    width: 20px;
    height: 20px;
    fill: black!important; /* Couleur de fond */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.gantt .jalon .bar-group .bar-label.big{
    dominant-baseline: no-change!important;
}
.gantt .jalon .bar-group .bar-progress{
    display:none;
}
.gantt .bar-wrapper.important .bar-label{
    fill: black;
}
/* Ligne avec triangle à chaques extrémitées */
.ligne-triangle {
    position: relative; /* Pour positionner les triangles */
    height: 1px;
    background-color: black; /* Couleur de la ligne */
    width: 300px; /* Largeur de la ligne (ajustez selon vos besoins) */
    margin: 20px auto; /* Pour centrer la ligne */
}

.ligne-triangle::before,
.ligne-triangle::after {
    content: "";
    position: absolute;
    border-left: 5px solid transparent; /* Ajustez la taille du triangle */
    border-right: 5px solid transparent; /* Ajustez la taille du triangle */
    border-top: 10px solid black; /* Couleur du triangle (doit correspondre à la ligne) */
}

.ligne-triangle::before {
    left: 0;
    top: -9px; /* Ajustez pour aligner le triangle avec la ligne */
}

.ligne-triangle::after {
    right: 0;
    top: -9px; /* Ajustez pour aligner le triangle avec la ligne */
}
.bar-lot-size{
    font-size: 9px!important;
    font-weight: bold!important;
}
.gantt-container .week-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);
    font-weight: bold;
}
.gantt-container .week-bar{
    border-left: 2px solid grey;
}
.gantt-container .grid-header{
    height: calc(var(--gv-lower-header-height) + var(--gv-lower-header-height) + var(--gv-upper-header-height) + 10px);
}
.bar-wrapper.phase .handle-group{
    pointer-events: none;
}
.bar-wrapper.zone .handle-group{
    pointer-events: none;
}
.gantt .tick {
    stroke-width: 1px!important;
    stroke: #bfdbfe!important;
}