.reinforcement_table {
    height:150px;
    
}

.reinforcement_table tbody tr td:hover {
    background-color: aqua;
}

.ReinforceChart {  
    display: grid;
   
    grid-template-rows: 1fr;
    grid-auto-columns: 1fr;
   
  
    grid-auto-flow: column;
    justify-content: left;

    align-content: stretch;
    justify-items: stretch;
    align-items: stretch;
    gap: 0px;
   
      
      margin: 0;
      min-height: 220px;
  }
   
  
.ReinforceChartItem {
  
    display:grid;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: honeydew;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: honeydew;
   /* position: absolute;*/
    background-color:rgba(25,25,25,.75); 
 
    cursor:pointer;
     align-items: top;
     padding-left: 2px;
}


.ReinforceChart .ReinforceChartItem ,
.ReinforceChartItem:hover {
      background-color:#252525;
    
  }  
  
  .ReinforceChartItem:hover~ .ReinforceChartItem:not(.class99)   {
    /*background-color: aqua;*/
    background-color:rgba(25,25,25,.75); 
  }

.ReinforceChartItem.class99, .ReinforceChartItem.class99:hover {
  
    background-color:rgba(241, 62, 62, 0.75); 

  }  
  


  .ReinforceChartItem.selected {
    background-color: rgba(125,125,125,.75);
  
}