//.sticky-col { position: sticky; left: 0; z-index: 2000 !important; background: linear-gradient(to right, #123456, #345678) !important; color: #fff !important; font-size: 14px !important; width: 260px; min-width: 260px; max-width: 260px; white-space: nowrap; overflow: visible !important; text-overflow: ellipsis; border: 0px solid #345678 !important; }
// No override for odd row sticky-col, always gradient
root{
    --first-col-first-color:black;
    --first-col-second-color:#345678;
}

.sticky-col{
    background: linear-gradient(
      to right,
      var(--first-col-first-color) 0%,
      var(--first-col-second-color) 100%
    );
  
  }
.gantt-unified-table { background: #fff; border-collapse: separate; border-spacing: 0; }
.gantt-outer-container, #gantt-table-container { overflow: visible !important; }
.gantt-unified-table th, .gantt-unified-table td { height: 36px; overflow: hidden; max-height: 36px; padding: 0 8px; vertical-align: middle; border: 1px solid transparent; background: transparent; }
.gantt-unified-table thead th { 
    background: #345678 !important; 
    color: #fff !important; 
    font-size: 14px !important; 
    border-top: 0px !important; 
    border-bottom: 1px solid #123456 !important; 
    /* border-left:0px solid #123456 !important; */
}

.gantt-unified-table thead th.print-step-label-cell { 
        position: sticky; 
        left: 0; z-index: 4; 
        background: linear-gradient(
            to right,
            var(--first-col-first-color) 0%,
            var(--first-col-second-color) 100%
        ) !important; 
        color: #fff !important; 
        text-align: center; 
        font-weight: bold; 
        border-right: 0px !important; 
        border-right-color: #345678 !important;
        border-bottom: 0px solid #123456 !important;
        width:100px;
     }

.print-solid-header { background: #234567 !important; color: #fff !important; }

.gantt-unified-table tr { height: 36px; }
.gantt-unified-table .bar-inner {\n  background: var(--bar-color, #bbb);\n  border: 1px solid var(--bar-border, #222);\n  border-radius: 12px;\n  width: 100%;\n  height: 20px;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 4px;\n  box-sizing: border-box;\n  z-index: 1;\n  position: relative;\n}
.gantt-unified-table .bar-label {\n  flex: 1 1 auto;\n  text-align: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 9px;\n  font-weight: normal;\n}
.step-label-text { display: block; width: 100%; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gantt-unified-table .tooltip { position: relative; cursor: find; display: inline-flex; align-items: center; height: 36px; max-height: 36px; overflow: visible; z-index: 1000; }
.gantt-unified-table tbody tr:nth-child(odd) { background-color: #345678 !important; color: #fff !important; }

.gantt-unified-table tbody tr:nth-child(even) { background-color: #eee !important; color: #fff !important; }

.gantt-unified-table td:not(.sticky-col) { position: relative; z-index: 1; }



/****************************************/
/* STICKY COLUMN STYLING */
/****************************************/

.sticky-col{
    background: linear-gradient(
      to right,
      var(--first-col-first-color) 100%,
      var(--first-col-second-color) 0%%
    );
    color:var(--tr-text-color-alt);
  }
  
  .sticky-col { 
    position: sticky; 
    left: 0; z-index: 2000 !important; 
    /* background: linear-gradient(to right, #123456, #345678) !important;  */
    /* color: #fff !important;  */
    font-size: 14px !important; 
    width: 260px; 
    /* min-width: 260px; 
    max-width: 260px;  */
    white-space: nowrap; 
    overflow: visible !important; 
    text-overflow: ellipsis; 
    border: 0px solid #345678 !important; 
  }
  
  
  .sticky-col td,
  .sticky-col th{
    
    color:white !important;
    border-right: 10px solid #ccc;
    border-left: 2px solid #aaa;
    background: linear-gradient(
      to right,
      var(--first-col-first-color) 0%,
      var(--first-col-second-color) 100%
    );
  }
  /****************************************/
  /* END OF STICKY COLUMN STYLING */
  /****************************************/