.chart > table{
    border-collapse:separate;
    border-spacing: 0;
    background: #fff;
    /*table-layout:fixed;*/
    width: max-content;
  }
  
  .chart > table tr:first-child th:first-child{
    border-radius: 5px 0 0 0;
  }
  
  .chart > table tr:first-child th:last-child{
    border-radius: 0 5px 0 0;
    border-right: 1px solid #3c6690;
  }
  
  .chart > table th{
    text-align: center;
    color: #fff;
    text-align: center;
    background: linear-gradient(#03b5bc,#04868b);
    padding: 1px 15px;
  }
  
  .chart > table td{
    text-align: center;
    border-left: 1px solid #9cb7b1;
    border-bottom: 1px solid #9cb7b1;
    border-top:none;
    padding: 2px 15px;
  }
  
  .chart > table td:last-child{
    border-right: 1px solid #9cb7b1;
  }
  
  .chart > table tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
  }
  
  .chart > table tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
  }

  .chart > table tr:nth-child(odd){
    background-color: #e0f6f7;
  }

  table.indRanking th:nth-child(1),
  table.indRanking td:nth-child(1){
    width:63px
  }

  table.indRanking th:nth-child(2),
  table.indRanking td:nth-child(2){
    width:220px;
    letter-spacing: 3px;
  }

  table.indRanking th:nth-child(3),
  table.indRanking td:nth-child(3){
    width:120px;
  }

  table.indRanking th:nth-child(4),
  table.indRanking td:nth-child(4){
    width:100px;
    text-align: right;
  }

 table.indRanking td:nth-child(3) {
  letter-spacing: 1px;
 }

 table.strRanking th:nth-child(1),
 table.strRanking td:nth-child(1){
   width:63px
 }

 table.strRanking th:nth-child(2),
 table.strRanking td:nth-child(2){
   width:220px;
   letter-spacing: 3px;
 }

 table.strRanking th:nth-child(3),
 table.strRanking td:nth-child(3){
   width:100px;
   text-align: right;
 }


 table.comparison th,
 table.comparison td{
  width:110px;
}

table.comparison td{
 width:110px;
 text-align: right;
}

table.comparison th.stf-name,
table.comparison td:nth-child(1){
 width:150px;
 text-align: center;
}

table.comparison tr:first-child th:last-child{
  height: 26px;
}

table.comparison .header-sticky {
  position: sticky;
  top: 0;
}

table.comparison .header-sticky2 {
  position: sticky;
  top: 26px;
}

table.comparison tr:nth-child(odd) .header-x-sticky {
  position: sticky;
  left: 0;
  background-color: #e0f6f7;
  border-right: 1.5px solid #9cb7b1;
  z-index: 2;
}

table.comparison tr:nth-child(even) .header-x-sticky {
  position: sticky;
  left: 0;
  background-color: #ffffff;
  border-right: 1.5px solid #9cb7b1;
  z-index: 2;
}

table.comparison .header-lefttop-sticky {
  position: sticky;
  top: 0;
  left: 0;
  background: linear-gradient(#03b5bc,#04868b);
  z-index: 3;
  border-right: 1.5px solid #9cb7b1;
}

table.transition tr:nth-child(odd) .header-x-sticky {
  position: sticky;
  left: 0;
  background-color: #e0f6f7;
  border-right: 1.5px solid #9cb7b1;
  z-index: 2;
}

table.transition tr:nth-child(even) .header-x-sticky {
  position: sticky;
  left: 0;
  background-color: #ffffff;
  border-right: 1.5px solid #9cb7b1;
  z-index: 2;
}

table.transition .header-sticky {
  position: sticky;
  top: 0;
  background: linear-gradient(#03b5bc,#04868b);
  z-index: 1;
}

table.transition .header-lefttop-sticky {
  position: sticky;
  top: 0;
  left: 0;
  background: linear-gradient(#03b5bc,#04868b);
  z-index: 3;
  border-right: 1.5px solid #9cb7b1;
}

table.transition th{
  width: 110px;
}

table.transition td {
  text-align: right;
}

table.transition th:nth-child(1){
  width: 275px;
}

table.transition td:nth-child(1){
  text-align: left;
}

table.totalling td:nth-child(1) {
  text-align: center;
}

table.totalling td:nth-child(5) {
  width: 90px
}

table.totalling td {
  text-align: right;
}