<style>
  .balanceCounter {font-size:1.5rem; vertical-align:middle;font-weight:bold; color:white;padding-top:5px;}
  .balanceCounter:before {content: counter(balancecounter) ".\0000a0\0000a0"; counter-increment: balancecounter;}

  .categoryCounter {font-size:1.5rem; vertical-align:middle;font-weight:bold; color:green;padding-top:5px;}
  .categoryCounter:before {content: counter(categorycounter) ".\0000a0\0000a0"; counter-increment:   categorycounter;}

  .category2Counter {vertical-align:middle;font-weight:bold; }
  .category2Counter:before {content: counter(category2counter) ".\0000a0\0000a0"; counter-increment:   category2counter;}

.sectionhead {font-size:1.5rem; vertical-align:middle;font-weight:bold; color:red;padding-top:5px;}
.sectionhead:before {content: counter(redcounter) ".\0000a0\0000a0"; counter-increment: redcounter;}


    .clickable { cursor: pointer; }
 .kuberId-cell {
	 cursor:pointer;
 }

.kuberId-cell:hover {
  background-color: #f0f8ff; /* Light blue highlight */
  color: #007bff;            /* Bootstrap primary blue */
  text-decoration: underline;
  transition: background-color 0.2s ease, color 0.2s ease;
}

</style>

