/*FixTable*/
.fixTableFolder{
    overflow-x:auto;
}
.fixTable{
    display:table;
    width:100%;
    table-layout: fixed;
    margin-bottom:20px;
}
.fixTable .divHeader, 
.fixTable .divBody, 
.fixTable .divFoot, 
.fixTable .divRowGroup{
    display:table-row-group;
}
.fixTable .divRow{
    display:table-row;
}
.fixTable .divBody .divRow:hover{
    background:#d5f4ff;
}
.fixTable .divBody .divRow:active{
    background:#b5e2fd;
}
.fixTable .divCell{
    display:table-cell;
    padding:0 8px;
    height:32px;
    border-bottom:1px solid #e5e5e5;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fixTable .divCell2{
    display:table-cell;
    padding:0 8px;
    height:32px;
    border-bottom:1px solid #e5e5e5;
    vertical-align: middle;
    white-space: nowrap;
}
.fixTable .divHeader .divCell, 
.fixTable .divRowGroup .divCell{
    font-weight:bold;
    color:#000;
    border-bottom:1px solid #222;
}
.fixTable .divFoot .divCell{
    font-weight:bold;
    color:#000;
    background:#f0f0f0;
    border-top:1px solid #222;
}
.fixTable .divCell .colText{
    display:block;
    padding:5px 0;
}
.fixTable .divCell .cellAuto{
    text-overflow: none;
    white-space: none;
    overflow:visible;
}
.fixTable .divCell .colName{
    display:none;
}
.fixTable .divCell .imgThumb{
    display:block;
    width:80px;
}
.fixTable .divCell .imgThumb img{
    display:block;
    max-height:100%;
}
.fixTable .divRowCheck{
    display:table-row;
    background:#cce8ff;
    border-bottom:1px solid #99d1ff;
}
.fixTable .divRowCheck .divCell{
    border-bottom:1px solid #99d1ff;
}

.fixTable .divCellLink a{
    display:block;
}
.fixTable .divRow .cellNumber, 
.fixTable .divRowCheck .cellNumber{
    text-align:right;
}

.fixTable .divCellBtn{
    display:inline-block;
    margin:0 0 -4px;
    transition: ease-in-out 0.1s;
    cursor:pointer;
}
.fixTable .divCellBtn:hover{
    background-color:#ddd;
}
.fixTable .divCellBtn:active{
    background-color:#999;
}
.fixTable .divCellBtn span{
    display:block;
    width:28px;
    height:28px;
    background-size:50%;
}
/*End fixTable */

/*Grid Table*/
.gridTable{
    display:table;
    width:100%;
    table-layout: fixed;
    margin-bottom:20px;
    border-collapse: collapse;
}
.gridTable .divHeader, 
.gridTable .divBody, 
.gridTable .divFoot, 
.gridTable .divRowGroup{
    display:table-row-group;
}
.gridTable .divRow{
    display:table-row;
}
.gridTable .divBody .divRow:hover{
    background:#d5f4ff;
}
.gridTable .divBody .divRow:active{
    background:#b5e2fd;
}
.gridTable .divCell{
    display:table-cell;
    padding:4px 8px;
    height:30px;
    border:1px solid #222;
    vertical-align: middle;
}
.gridTable .divHeader .divCell, 
.gridTable .divRowGroup .divCell{
    font-weight:bold;
    color:#000;
    border-bottom:1px solid #222;
}
.gridTable .divHeader .divCell,
.gridTable .divFoot .divCell{
    font-weight:bold;
    color:#000;
    background:#f0f0f0;
    border-top:1px solid #222;
}
.gridTable .divCell .colText{
    display:block;
    padding:5px 0;
}
.gridTable .divCell .cellAuto{
    text-overflow: none;
    white-space: none;
    overflow:visible;
}
.gridTable .divCell .colName{
    display:none;
}
.gridTable .divCell .imgThumb{
    display:block;
    width:80px;
}
.gridTable .divCell .imgThumb img{
    display:block;
    max-height:100%;
}
.gridTable .divRowCheck{
    display:table-row;
    background:#cce8ff;
    border-bottom:1px solid #99d1ff;
}
.gridTable .divRowCheck .divCell{
    border-bottom:1px solid #99d1ff;
}

.gridTable .divCellLink a{
    display:block;
}
.gridTable .divRow .cellNumber, 
.gridTable .divRowCheck .cellNumber{
    text-align:right;
}
/*End GridTable*/

@media(min-width: 768px){
    .divTable{
        display:table;
        width:100%;
        table-layout: fixed;
        margin-bottom:20px;
    }
    .divTable .divHeader, 
    .divTable .divBody, 
    .divTable .divFoot, 
    .divTable .divRowGroup{
        display:table-row-group;
    }
    .divTable .divRow{
        display:table-row;
    }
    .divTable .divBody .divRow:hover{
        background:#d5f4ff;
    }
    .divTable .divBody .divRow:active{
        background:#b5e2fd;
    }
    .divTable .divCell{
        display:table-cell;
        padding:0 8px;
        height:30px;
        border-bottom:1px solid #e5e5e5;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .divTable .divCell2{
        display:table-cell;
        padding:0 8px;
        height:30px;
        border-bottom:1px solid #e5e5e5;
        vertical-align: middle;
        white-space: nowrap;
    }
    .divTable .divHeader .divCell, 
    .divTable .divRowGroup .divCell{
        font-weight:bold;
        color:#000;
        border-bottom:1px solid #222;
    }
    .divTable .divFoot .divCell{
        font-weight:bold;
        color:#000;
        background:#f0f0f0;
        border-top:1px solid #222;
    }
    .divTable .divCell .colText{
        display:block;
        padding:5px 0;
    }
    .divTable .divCell .cellAuto{
        text-overflow: none;
        white-space: none;
        overflow:visible;
    }
    .divTable .divCell .colName{
        display:none;
    }
    .divTable .divCell .imgThumb{
        display:block;
        width:80px;
    }
    .divTable .divCell .imgThumb img{
        display:block;
        max-height:100%;
    }
    .divTable .divRowCheck{
        display:table-row;
        background:#cce8ff;
        border-bottom:1px solid #99d1ff;
    }
    .divTable .divRowCheck .divCell{
        border-bottom:1px solid #99d1ff;
    }

    .divTable .divCellLink a{
        display:block;
    }
    .divTable .divRow .cellNumber, 
    .divTable .divRowCheck .cellNumber{
        text-align:right;
    }

    .divTable .divCellBtn{
        display:inline-block;
        margin:0 0 -4px;
        transition: ease-in-out 0.1s;
        cursor:pointer;
        vertical-align: middle;
        text-align: right;
    }
}

@media(max-width:768px){
    .fixTable .divCell{
        height:34px;
    }

    .divTable{
        float:left;
		clear:both;
		width:100%;
    }
    .divTable .divHeader, 
	.divTable .divBody, 
	.divTable .divFoot{
        float:left;
        clear:both;
        width:100%;
    }
    .divTable .divRow{
        float:left;
        clear:both;
        width:100%;
		margin:10px 0;
		border:1px solid #ddd;
		background:#fff;
		border-radius:3px;
    }
    .divTable .divCell{
        display:block;
		padding:8px 10px;
		border-bottom:1px solid #e5e5e5;
    }
    .divTable .divHeader .divRow, 
	.divTable .divFoot .divRow{
        background:#eee;
    }
    .divTable .divHeader .divCell, 
	.divTable .divFoot .divCell{
        font-weight:bold;
        color:#000;
    }
    .divTable .divHeader{
        display: none;
    }
    .divTable .divCell .colName{
        display:inline-block;
        margin:0 5px 0 0;
		color:#bbb;
		width:100%;
		font-size:12px;
		overflow-x:hidden;
    }
    .divTable .divCell .imgThumb{
        display:block;
        width:100px;
        padding:0 0 10px;
    }
    .divTable .divCell .imgThumb img{
        display:block;
        max-height:80px;
	}
	.divTable .divRowCheck{
		float:left;
        clear:both;
        width:100%;
        margin:10px 0;		
		background:#cce8ff;
		border:1px solid #99d1ff;
		border-radius:3px;
	}
}

table.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:30px;
    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;
}


/*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;
}