.gantt .grid-background {
  fill: none; }

.gantt .grid-header {
    fill: #ffffff;
    stroke: #e0e0e0;
    stroke-width: 1.4; }

.gantt .grid-row {
    fill: #ffffff; }

.gantt .grid-row:nth-child(even) {
    fill: #f5f5f5; }

.gantt .row-line {
    stroke: #ebeff2; }

.gantt .tick {
    stroke: #000000;
    stroke-width: 0.2; }
.gantt .tick.thick {
    stroke-width: 0.4; }

.gantt .today-highlight {
    fill: rgba(78, 167, 247, 0.87);
    scroll-snap-align: center;
    stroke-width: 1px;
    stroke: rgb(0, 73, 138);
}

.gantt .today-highlight-text {
    color: black;
    font-weight: bolder;
    text-shadow: rgb(255, 255, 241) 2px 0px 0px, rgb(255, 255, 241) 1.75517px 0.958851px 0px, rgb(255, 255, 241) 1.0806px 1.68294px 0px, rgb(255, 255, 241) 0.141474px 1.99499px 0px, rgb(255, 255, 241) -0.832294px 1.81859px 0px, rgb(255, 255, 241) -1.60229px 1.19694px 0px, rgb(255, 255, 241) -1.97999px 0.28224px 0px, rgb(255, 255, 241) -1.87291px -0.701566px 0px, rgb(255, 255, 241) -1.30729px -1.51361px 0px, rgb(255, 255, 241) -0.421592px -1.95506px 0px, rgb(255, 255, 241) 0.567324px -1.91785px 0px, rgb(255, 255, 241) 1.41734px -1.41108px 0px, rgb(255, 255, 241) 1.92034px -0.558831px 0px;
    text-anchor: middle;
}
.gantt .holiday-highlight {
    fill: rgba(218, 72, 72, 0.49);
    opacity: 0.3;
    stroke: #e0e0e0;
    stroke-width: 2px;
}
.gantt .holiday-highlight-text {
    transform: translate(13px,200px) rotate(-90deg);
    text-anchor: end;
    text-shadow: rgb(255, 255, 241) 2px 0px 0px, rgb(255, 255, 241) 1.75517px 0.958851px 0px, rgb(255, 255, 241) 1.0806px 1.68294px 0px, rgb(255, 255, 241) 0.141474px 1.99499px 0px, rgb(255, 255, 241) -0.832294px 1.81859px 0px, rgb(255, 255, 241) -1.60229px 1.19694px 0px, rgb(255, 255, 241) -1.97999px 0.28224px 0px, rgb(255, 255, 241) -1.87291px -0.701566px 0px, rgb(255, 255, 241) -1.30729px -1.51361px 0px, rgb(255, 255, 241) -0.421592px -1.95506px 0px, rgb(255, 255, 241) 0.567324px -1.91785px 0px, rgb(255, 255, 241) 1.41734px -1.41108px 0px, rgb(255, 255, 241) 1.92034px -0.558831px 0px;
}
.gantt .holiday-highlight:hover, .gantt .holiday-highlight-text:hover  {
    cursor: help;
}
.gantt .holiday-highlight-text:hover {
    /*transform: translate(9px,230px) rotate(-90deg) ;*/
    /*text-shadow: rgba(255, 0, 0, 0.22) 2px 0px 0px, rgba(255, 0, 0, 0.22)   1.75517px 0.958851px 0px, rgba(255, 0, 0, 0.22)   1.0806px 1.68294px 0px, rgba(255, 0, 0, 0.22) 0.141474px 1.99499px 0px, rgba(255, 0, 0, 0.22)   -0.832294px 1.81859px 0px, rgba(255, 0, 0, 0.22)   -1.60229px 1.19694px 0px, rgba(255, 0, 0, 0.22)   -1.97999px 0.28224px 0px, rgba(255, 0, 0, 0.22)   -1.87291px -0.701566px 0px, rgba(255, 0, 0, 0.22)   -1.30729px -1.51361px 0px, rgba(255, 0, 0, 0.22)   -0.421592px -1.95506px 0px, rgba(255, 0, 0, 0.22)   0.567324px -1.91785px 0px, rgba(255, 0, 0, 0.22)   1.41734px -1.41108px 0px, rgba(255, 0, 0, 0.22)   1.92034px -0.558831px 0px !important;*/

}

.hide {
    opacity: 0 !important;
}

.gantt .arrow {
    fill: none;
    stroke: #666;
    stroke-width: 1.4; }

.gantt .bar {
    fill: rgb(34, 143, 125);
    stroke: rgb(34, 143, 125);
    stroke-width: 0;
    transition: stroke-width .3s ease;
    user-select: none;
}

.gantt .milestone  .bar {
    fill: rgb(13, 111, 163);
    stroke: rgb(13, 111, 163);
    stroke-width: 1px;
    transition: stroke-width .3s ease;
    user-select: none;
}

.gantt .milestone.active .bar {
    fill: rgb(13, 111, 163) !important;
    stroke: rgb(12, 109, 161) !important;
}
.gantt .noDrag  .bar {
    /*fill: rgba(218, 72, 72, 0.63) !important;*/
    /*stroke: rgba(218, 72, 72, 0.75) !important;*/
    cursor: not-allowed;

}
.gantt .noDrag.active  .bar {
    /*fill: rgba(218, 72, 72, 0.4) !important;*/
    /*stroke: rgba(218, 72, 72, 0.75) !important;*/
    cursor: not-allowed;

}

.gantt .bar-progress {
    fill: #a3a3ff; }

.gantt .bar-invalid {
    fill: transparent;
    stroke: #8D99A6;
    stroke-width: 1;
    stroke-dasharray: 5; }
.gantt .bar-invalid ~ .bar-label {
    fill: #555; }

.gantt .bar-label {
    fill: #fff;
    dominant-baseline: central;
    text-anchor: middle;
    font-size: 12px;
    font-weight: lighter;
    text-shadow: 0px 0px 4px #000;
}

.bar-group:hover .bar-label{
    text-shadow: 0px 0px 4px #2b2b2b;

}
.gantt .bar-label.big {
    fill: #555;
    text-anchor: start; }

.gantt .handle {
    fill: #ddd;
    cursor: ew-resize;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease; }

.gantt .bar-wrapper {
    cursor: pointer;
    outline: none; }
.gantt .bar-wrapper:hover .bar {
    fill: rgb(34, 143, 125);
    stroke: rgb(34, 143, 125);
}

.gantt .bar-wrapper:hover {
    cursor: move;
}
.gantt .bar-wrapper.active .bar {
    fill: inherit;
    stroke: rgba(0, 0, 0, 0.75) !important;
    stroke-width: 2px !important;
}
.gantt .ganttGreen .bar {
    fill: #22c55e !important;
}.gantt .ganttGreen.active .bar {
    fill: #22c55e !important;
}
.gantt .bar-wrapper:hover .bar-progress {
    fill: #8a8aff; }
.gantt .bar-wrapper:hover .handle {
    visibility: visible;
    opacity: 1; }

.gantt .bar-wrapper.active .bar-progress {
    fill: #8a8aff; }

.gantt .lower-text, .gantt .upper-text {
    font-size: 12px;
    text-anchor: middle; }

.gantt .upper-text {
    fill: #555; }

.gantt .lower-text {
    fill: #333;
    text-shadow: #fff 0px 1px 1px,#000 0px 1px 2px;
}

.gantt .lower-text-holiday {
    fill: #f00;
}

.gantt .hide {
    display: none; }

.gantt-container {
    position: relative;
    overflow-x: scroll !important;
    font-size: 12px;
    direction: ltr;
    scroll-behavior: smooth;
}
.gantt-container .popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    color: #959da5;
    border-radius: 3px;
    direction: rtl;
    text-align: center;
}
    .gantt-container .popup-wrapper .title {
      border-bottom: 3px solid #a3a3ff;
      padding: 10px; }
    .gantt-container .popup-wrapper .subtitle {
      padding: 10px;
      color: #dfe2e5; }
    .gantt-container .popup-wrapper .pointer {
      position: absolute;
      height: 5px;
      margin: 0 0 0 -5px;
      border: 5px solid transparent;
      border-top-color: rgba(0, 0, 0, 0.8); }




/*.gantt .noDrag.active  .bar {*/
/*    stroke: rgba(218, 72, 72, 0.75) !important;*/
/*    stroke-width: 8px !important;*/
/*    transition: stroke-width .3s ease;*/
/*    user-select: none;*/
/*}*/
/*.gantt .noDrag.active:hover  .bar {*/
/*    stroke: rgba(218, 72, 72, 0.75) !important;*/
/*    stroke-width: 8px !important;*/
/*    transition: stroke-width .3s ease;*/
/*    user-select: none;*/
/*}*/

.gantt .noDrag:hover  {
    cursor: not-allowed !important;
}

.toggle-holidays{

}


.toggle-holidays.hide{
    opacity: 0;
    transform: translateY(-20px) scale(0.9);
    pointer-events: none;
}

    /*.gantt-container{*/
    /*    direction: ltr;*/
    /*}*/

    /*.gantt-container * {*/
    /*    direction: rtl;*/
    /*}*/