/*.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  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 {
  float: left;
  border-bottom-width: 0;
}*/

/*.table-fixed{
  width: 100%;
  background-color: #f3f3f3;
  tbody{
    height:200px;
    overflow-y:auto;
    width: 100%;
    }
  thead,tbody,tr,td,th{
    display:block;
  }
  tbody{
    td{
      float:left;
    }
  }
  thead {
    tr{
      th{
        float:left;
       background-color: #f39c12;
       border-color:#e67e22;
      }
    }
  }
}*/

.fixed {
    position: fixed;
    top:0;
    width: 780px; 
}

.left,.right
{
    width:50%;
    display:inline-block;
    /*height:150px;*/
}

.list-item {
    display: block;
    position: relative;
    padding: 12px 16px;
    width: 100px;
}

.list-left {
    float: left;
    padding-right: 1rem;
}

.blocks {
    display: inline-block;
    width: 50px;
}

.list-left + .list-body {
    margin-left: 56px;
     width:20px;
}

.red-cell {
    background-color: rgb(218, 34, 34) !important;
}

.green-cell {
    background-color: green !important;
}

.white-cell {
    background-color: white !important;
}

.text-white {
  color: white;
}

.red-arrow {
  color: red !important;
}

.sl-content {
    /*margin-left: 24px;
    padding-bottom: 16px;*/
}

.text-sm {
    font-size: .8rem;
}

.text-ellipsis {
    display: block;
}



.fixed-header {
  top: -5px;
  position: fixed;
  /*width: auto;*/
  display: table;
  z-index: 99; }

.tbody-offset:before {
  content: " ";
  display: block; 
}