.tbGridUI {
    table-layout: fixed;
    background:#fff;
    width:100%;
    border-spacing: 0;
}

.tbGridUI thead th,
.tbGridUI tfoot td{
    color:#000;
}

.tbGridUI thead,
.tbGridUI tfoot {
    font-weight:bold;
    text-align:left;
}
.tbGridUI tfoot {
    background:#eee;
}
.tbGridUI thead th{
    border-bottom:1px solid #222;
}
.tbGridUI tfoot td {
    border-top:1px solid #222;
}

.tbGridUI th,
.tbGridUI td {
    border-bottom:1px solid #e5e5e5;
    padding:2px 8px;
    height:28px;
    line-height: 1.25em;
    vertical-align: middle;
}

.tbGridUI th.thumb, 
.tbGridUI td.thumb 
 {
    width:120px;
}

.tbGridUI td.thumb img {
    display:block;
    height:60px;
    max-width:auto;
}

.tbGridUI th.number,
.tbGridUI td.number {
    text-align:right;
    width:120px;
}

.tbGridUI th.flow,
.tbGridUI td.flow {
    text-align:right;
    overflow:visible;
}

.tbGridUI tbody tr:hover {
    background:#d5f4ff;
    padding:4px 4px;
}

.tbGridUI .trChecked{
    background:#cce8ff;
}
.tbGridUI .trChecked td{
    border-bottom:1px solid #fff;
}

.tbCellDot th,
.tbCellDot td {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.sticky-header thead{
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

.sticky-column{
    z-index:10;
}
.sticky-column th:first-child,
.sticky-column tr td:first-child{
    background:#fff;
    position: -webkit-sticky;
    position: sticky;
    top:0;
    left: 0;
    z-index: 10;
   /* width:120px;
    */
}
.sticky-column td:first-child{
    border-right:2px solid #222;
}

/******/
table.tbGrid {
    border-collapse:collapse;
    border: 1px solid;
}
.tbGrid thead,
.tbGrid tfoot{
    background:#eee;
}
.tbGrid th,
.tbGrid td{
    border:1px solid #d5d5d5;
}

.tbRowalt tbody tr:nth-child(even) {background-color: #f8edd9;}
/*******/

.tbCellDot th,
.tbCellDot td {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.tbFont-tiny th,
.tbFont-tiny td
{
    font-size:12px;
}

.tbFont-tiny2 th,
.tbFont-tiny2 td
{
    font-size:10px;
}

.table-wrapper {
   display:block;
}

@media(max-width:768px){
    .table-wrapper {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .tb-resp thead{
        display:none;
    }

    .tb-resp,
    .tb-resp thead, 
    .tb-resp tbody, 
    .tb-resp th, 
    .tb-resp td, 
    .tb-resp tr 
    {
        float:left;
        clear:both;
        width:100%;
    }
    .tb-resp tr 
    {
        border:1px solid #d5d5d5;
        border-radius:5px;
        margin:0 0 16px;
    }
    .tb-resp th, 
    .tb-resp td 
    {
        padding:8px 10px;
        height:auto;
    }
    .tbCellDot th, 
    .tbCellDot td 
    {
        text-overflow:unset;
    }
}