<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.tbGridUI {
    background:#fff;
    width:100%;
    border-spacing: 0;
    margin:0 0 20px;
}

.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;
}

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

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

.tbGridUI th,
.tbGridUI td {
    border-bottom:1px solid #e5e5e5;
    padding:0 5px;
    height:32px;
    vertical-align: middle;
}

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

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

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

.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;
}

/******/
table.tbGrid {
    background:#fff;
    width:100%;
    border-collapse:collapse;
}
.tbGrid thead,
.tbGrid tfoot{
    background:#e7e7e7;
}
.tbGrid th,
.tbGrid td{
    padding:10px 8px;
    text-align:left;
    border:1px solid #d5d5d5;
}
.tbGrid tbody tr:hover{
    background:#f0f0f0;
}
.tbGrid tbody tr td:hover{
    background:#d5f4ff;
}

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

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

@media(max-width:768px){
    .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;
    }
}

/*Check custom*/
.checkRound, 
.checkRound span{
    border-radius:50%;
}

.checkSquare, 
.checkSquare span{
    border-radius:0;
}

.checkItem{
    display:inline-block;
    border:1px solid #ccc;
    background:#fff;
    overflow:hidden;
    cursor:pointer;
    margin:0 2px 0 -4px;
}
.checkItem:hover{
    border-color:#222;
}
.checkItem span{
    display:block;
    margin:3px;
}
.checkSize8{
    width:8px;
    height:8px;
}
.checkSize10{
    width:10px;
    height:10px;
}
.checkSize12{
    width:12px;
    height:12px;
}
.checkSize14{
    width:14px;
    height:14px;
}
.checkSize16{
    width:16px;
    height:16px;
}

.checkBleu{
    border-color:#07c;
}
.checkBleu span{
    background:#07c;
}

.checkVert{
    border-color:#090;
}
.checkVert span{
    background:#090;
}

.checkRouge span{
    border-color:#c00;
}
.checkRouge span{
    background:#c00;
}

.checkNoir span{
    border-color:#222;
}
.checkNoir span{
    background:#222;
}</pre></body></html>