@import "dhtmlx-gantt/codebase/dhtmlxgantt.css";
.gantt-chart{
    width: 100%;
}
@media only screen and (min-width: 1280px) {
    .gantt-chart{
        height: 570px;
    }
}

@media only screen and (min-width: 1400px) {
    .gantt-chart{
        height: 670px;
    }
}

@media only screen and (min-width: 1024px) {
    .gantt-chart{
        height: 515px;
    }
}

.gantt_task_progress{
	text-align:left;
	padding-left:10px;
    box-sizing: border-box;
	color:white;
	font-weight: bold;
}
.gantt_task_content{
	padding-left:30px;  
}

.gantt_tooltip{
    padding: 10px;
}
// @import "~jsgantt-improved/dist/jsgantt.css";

// // .gcharttable,.gcharttableh,.gtaskbarcontainer,.ggroupblack, .gtaskblue, .gtaskred, .gtaskgreen, .gtaskyellow, .gtaskpurple, .gtaskpink{
// //     width: 100% !important;
// // }

// .ggroupCLOSED{
//     height: 15px;
//     background: #ff0015;
//     margin-top: -2px;
// }
// .ggroupCLOSEDendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #ff0015;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupCLOSEDendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #ff0015;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupPENDINGFORPROD{
//     height: 15px;
//     background: #0000c2;
//     margin-top: -2px;
// }
// .ggroupPENDINGFORPRODendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #0000c2;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupPENDINGFORPRODendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #0000c2;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupFORUAC{
//     height: 15px;
//     background: #00a347;
//     margin-top: -2px;
// }
// .ggroupFORUACendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #00a347;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupFORUACendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #00a347;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupFORUAT{
//     height: 15px;
//     background: #e8ba03;
//     margin-top: -2px;
// }
// .ggroupFORUATendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #e8ba03;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupFORUATendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #e8ba03;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupDATAERROR{
//     height: 15px;
//     background: #ff00a6;
//     margin-top: -2px;
// }
// .ggroupDATAERRORendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #ff00a6;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupDATAERRORendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #ff00a6;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupUSERERROR{
//     height: 15px;
//     background: #ff0d0d;
//     margin-top: -2px;
// }
// .ggroupUSERERRORendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #ff0d0d;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupUSERERRORendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #ff0d0d;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }


// .ggroupRELEASED{
//     height: 15px;
//     background: #039926;
//     margin-top: -2px;
// }
// .ggroupRELEASEDendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #039926;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupRELEASEDendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #039926;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupWAITCUSTOMER{
//     height: 15px;
//     background: #dbb703;
//     margin-top: -2px;
// }
// .ggroupWAITCUSTOMERendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #dbb703;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupWAITCUSTOMERendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #dbb703;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }


// .ggroupNOTBUG{
//     height: 15px;
//     background: #02b314;
//     margin-top: -2px;
// }
// .ggroupNOTBUGendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #02b314;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupNOTBUGendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #02b314;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupRESOLVE{
//     height: 15px;
//     background: #25c419;
//     margin-top: -2px;
// }
// .ggroupRESOLVEendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #25c419;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupRESOLVEendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #25c419;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }


// .ggroupDONE{
//     height: 15px;
//     background: #0abd16;
//     margin-top: -2px;
// }
// .ggroupDONEendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #0abd16;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupDONEendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #0abd16;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }


// .ggroupTESTING{
//     height: 15px;
//     background: #3c6ae8;
//     margin-top: -2px;
// }
// .ggroupTESTINGendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #3c6ae8;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupTESTINGendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #3c6ae8;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }


// .ggroupDOING{
//     height: 15px;
//     background: #03a81c;
//     margin-top: -2px;
// }
// .ggroupDOINGendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #03a81c;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupDOINGendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #03a81c;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }

// .ggroupASSIGNED{
//     height: 15px;
//     background: #c40eed;
//     margin-top: -2px;
// }
// .ggroupASSIGNEDendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #c40eed;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupASSIGNEDendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #c40eed;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }
// .ggroupNEW{
//     height: 15px;
//     background: #c2b615;
//     margin-top: -2px;
// }
// .ggroupNEWendpointleft {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #c2b615;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: left;
// }

// .ggroupNEWendpointright {
//     overflow: hidden;
//     width: 0px;
//     height: 0px;
//     top: 2px;
//     border-top: 4px solid #c2b615;
//     border-left: 4px solid transparent;
//     border-bottom: 4px solid transparent;
//     border-right: 4px solid transparent;
//     float: right;
// }
// .ggroupCLOSEDcomplete,
// .ggroupPENDINGFORPRODcomplete,
// .ggroupFORUACcomplete,
// .ggroupFORUATcomplete,
// .ggroupDATAERRORcomplete,
// .ggroupUSERERRORcomplete,
// .ggroupRELEASEDcomplete,
// .ggroupWAITCUSTOMERcomplete,
// .ggroupNOTBUGcomplete,
// .ggroupRESOLVEcomplete,
// .ggroupDONEcomplete,
// .ggroupTESTINGcomplete,
// .ggroupDOINGcomplete,
// .ggroupASSIGNEDcomplete,
// .ggroupNEWcomplete {
//     height: 0px;
//     filter: alpha(opacity=80);
//     opacity: 0.8;
//     margin-top: -5px;
//     border-top: 5px solid;
//     border-color: #777777;
//   }

//   .ggroupitem {
//     background-color: #fbfbfb;
//     font-weight: 500;
// }

// .gtaskname div, .gtaskname {
//     width: 350px !important;
//     max-width: 350px !important;
//     min-width: 350px !important;
//     font-size: 12px;
// }

// .gselector{
//     padding: 15px;
// }
// .gmainleft > .gmajorheading{
//     padding: 17.5px;
// }

// .gmainleft > .gmajorheading div,.gmainleft > .gmajorheading{
//     width: auto !important;
//     position: relative;
//     left: -6px;
// }

// #gcharthead{
//     padding-top: 22px !important;
// }
// .gres,.gadditional,.gadditional-category {
//     width: 150px !important;
//     max-width: 150px !important;
//     min-width: 150px !important;
// }

// .gadditional-sector{
//     width: 80px !important;
//     max-width: 80px !important;
//     min-width: 80px !important;
// }

// .gmainright{
// 	width: 65%;
// }
// .gmainleft{
// 	width: 35%;
// }

// td.gtaskname{
//     width: 375px;
// }
// #gchartbody{
//     overflow-y: hidden;  
// }

// .gantt-notif{
//     display: none;
//     position: absolute;
//     background: red;
//     padding: 6px;
//     border-radius: 4px;
//     z-index: 1;
//     top: -12px;
// }

// .gantt-notif-container:hover .gantt-notif{
//     display: block;
// }
// .gadditional-category{
//     position: relative;
// }