.ofi-color {
    background-color:#1bb59a;
  }

lbl-1{
  background-color:#23a17f; 
  border: 2px solid red;
  border-radius: 5px;
}

.label{
    
}

/*.lbl-1 {background-color: #23a17f;  
  border-radius: 10px; margin:0px 0px 0px -12px; font-size: 11px;} 
*/
.lbl-1{
    background-color:#23a17f; 
    border: 0px solid #23a17f;
    border-radius: 9px; font-size: 12px; margin: 0px 0px 0px -12px; color: white;
    
}


.table-fixed thead {
width: 100%;
}
.table-fixed tbody {
height: 230px;
overflow-x: auto;
overflow-y: auto;
width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
display: inline-block;
border-bottom-width: 0;
}


.tableFixHead          { overflow-y: auto; height: 475px; margin: -15px 0px 0px 0px;}
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 0px 0px 0px 0px; }
th     { background:#eee; }

tr.selected-row{
background-color: '#F0001F';
}


table.dataTable th.focus,
table.dataTable td.focus {
  outline: none;
}





table1 {
  box-sizing: border-box;
  border-collapse: collapse;
    display: block;
}
td,
th {
    
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #dddddd;
  font: 14px;
  text-align: left;
}

To work only on Chrome and Safari
@media screen and (-webkit-min-device-pixel-ratio:0) {
  tr:hover td:first-child {
    box-shadow: inset 0px 11px 8px -10px #23a17f, 
      inset 0px -11px 8px -10px #23a17f, 
      inset 11px 0px 8px -10px #23a17f;
  }

  tr:hover td {
    box-shadow: inset 0px 11px 8px -10px #23a17f, 
      inset 0px -11px 8px -10px #23a17f;
  }

  tr:hover td:last-child {
    box-shadow: inset 0px 11px 8px -10px #23a17f, 
      inset 0px -11px 8px -10px #23a17f, 
      inset -11px 0px 8px -10px #23a17f;
  }
}

To work on the others browsers
tbody > tr:hover {
  outline: none;
  -webkit-box-shadow: inset 0 0 10px #23a17f;
  box-shadow: inset 0 0 10px #23a17f;
}


table.dataTable tbody th.focus,table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #10a29f}div.dtk-focus-alt table.dataTable tbody th.focus,div.dtk-focus-alt table.dataTable tbody td.focus{box-shadow:inset 0 0 1px 2px #ff8b33}