.ui.inverted.form input[type=text] {
    background: rgba(25, 25, 25, 0.8) !important;
    color: rgba(255,255,255,.8) !important;
}


.gtable-container {
    max-width: 100%;
    max-height: 800px;
    overflow: scroll;
    position: relative;
}



/* Header Column Colors */

.gtable > thead > tr > th.info {
    background-color: rgba(20,20,20,0.9);
}
.gtable > thead > tr > th.quantum {
    background-color: rgba(24,24,24,0.9);
}



.gtable {
    width: 100%;
    position: relative;
    border-collapse: collapse;
}

.gtable > td, th {
    padding: 0.25em;
}

/*
.gtable > thead th {
    position: sticky;
    top: 0;
    background: #000;
    color: #FFF;
}
*/

.gtable > thead {
    position: sticky;
    top: 0;
    background: #000;
    color: #FFF;
    z-index: 2;
}



.gtable > thead th:first-child {
  left: 0;
  z-index: 1;
}

.gtable > tbody th {
  position: sticky;
  left: 0;
  background: #000;
}

.gtable > thead th:nth-child(2) {
  left: 40px;
  z-index: 1;
}



.gtable > tbody td:nth-child(1) {
  position: sticky;
  left: 0px;
  background: #000;
  min-width: 40px; /* change later to dynamicly match the left of the 2nd child */ 
  
}

.gtable > tbody td:nth-child(2) {
  position: sticky;
  left: 40px;
  background: #000;
  padding: 6px;
  
}

.gtable > tbody td {
    white-space: nowrap;
}

.gtable > tbody td:nth-child(3) {
  margin-left: 40px; 
}

/* Alternate Row Colors , 2nd */

.gtable > tbody tr:nth-child(2n+2), .gtable > tbody tr:nth-child(2n+2) td:nth-child(2) {
    background: rgba(10, 10, 10, 0.9);    
}


.gtable > tbody tr:nth-child(2n+1), .gtable > tbody tr:nth-child(2n+1) td:nth-child(2) {
    background: rgba(25, 25, 25, 0.9);    
}


.gtable > tbody tr:nth-child(2n+2), .gtable > tbody tr:nth-child(2n+2) td:nth-child(1) {
    background: rgba(10, 10, 10, 0.9);    
}


.gtable > tbody tr:nth-child(2n+1), .gtable > tbody tr:nth-child(2n+1) td:nth-child(1) {
    background: rgba(25, 25, 25, 0.9);    
}

.gtable > tbody tr:hover{
     background:rgb(255,69,0, 0.3);
     
}
.gtable > tbody tr:hover > th {
     background:rgb(255,69,0, 0.3);
     
}
.gtable > tbody tr:hover > td:nth-child(2) {
      background:red;
      background:rgb(255,69,0, 0.3);
}

.highlighted { 
    background:rgb(255,69,0, 0.2);
}