.vis-item.expected {
    background-color: transparent;  
    border-style: solid solid solid solid !important; 
    border-color: gray red gray gray;
    border-width: 1px 2px 1px 1px;
    z-index: 0;       /* тоді буде ЗА виконаним */
    color:gray; 
  }


  /* .vis-item.vis-selected {
    opacity: 0.6;
  } */

  /* .vis-item.disc-overdue   .vis-item.malf-overdue    .vis-item.task-overdue  { // втикнув і ці класи
    opacity: 0.8;
  } */

  .vis-item.vis-background.marker {
    border-left: 2px solid green;
  }

  .vis-item .vis-item-content  {   
      padding: 0px;                 /* Навколи текстів в полосках */
}






    /* gray background in weekends, white text color */
    .vis-time-axis .vis-grid.vis-saturday,
    .vis-time-axis .vis-grid.vis-sunday {
      background: rgb(248, 248, 248);
    }
    /* .vis-time-axis .vis-text.vis-saturday,
    .vis-time-axis .vis-text.vis-sunday {
      color: white;
    } */


/* звичайний бекграунд де треба на шкалі - виділений фрагмент */

.vis-item.vis-background {
    /* border: none; */
    background-color: rgba(213, 246, 214, 0.4);
}


.vis-item.overdued { 
    opacity: 0.7;
  }



    
.vis-item.subTask {
    /*font-weight:bold;*/
    font-style: italic;
  }
  
  
  .vis-item.task-new { 
    background-color: #fffad5;
  }
  .vis-item.task { 
    background-color: #fff9c4;
      /*color:green;*/
  }
  .vis-item.task-done {
    background-color: #fff59d;
  }
  .vis-item.task-overdue { 
    /*background-color: #fff9c4; Як звичайна, не важливо чи виконана, якщо не в строк*/
    color:#e65100;
    /* opacity: 0.7; */
  }
  .vis-item.task-closed {
    /* background-color: #9e9e9e; */
    background-color: #b6b17b;
  }
  .vis-item.task-canceled {
    /* background-color: #eeeeee; */
    background-color: #e0deb6;
    color:gray;
  }
  .vis-item.task-controlled {
    background-color: #e0e0e0;
  }
  
  
  .vis-item.malf-new {
    background-color: #eaf8fe;
  }
  .vis-item.malf {
    background-color: #e1f5fe;
  }
  .vis-item.malf-done {
    background-color: #b3e5fc;
  }
  .vis-item.malf-overdue {
    /*background-color: #e1f5fe;*/
    color:#ad1457;
    /* z-index: 2;    */
    /* opacity: 0.7; */
  }
  .vis-item.malf-closed {
    /* background-color: #90a4ae; */
    background-color: #86b1c5;
  }
  .vis-item.malf-canceled {
    /* background-color: #cfd8dc; */
    background-color: #bdd4df;
    color:gray;
  }
  .vis-item.malf-controlled {
    background-color: #b0bec5;
  }
  
  
  .vis-item.disc-new {
    background-color: #fff1f3;
  }
  .vis-item.disc {                  /*discrepancy*/
    background-color: #ffebee;
  }
  .vis-item.disc-done {
    background-color: #ffcdd2;
  }
  .vis-item.disc-overdue  {
    /*background-color: #ffebee;*/
    color:#b71c1c;
    /* opacity: 0.7; */
  }
  .vis-item.disc-closed {
    background-color: #bcaaa4;
  }
  .vis-item.disc-canceled {
    background-color: #d7ccc8;
    color:gray;
  }
  .vis-item.disc-controlled {
    background-color: #a1887f;
  }