.table {
	border-collapse: separate;	
}

.table td, .table th {
	padding: .25rem;
	vertical-align: middle;
}

.table th {
	text-align: center;
}



.roll {
	/*font-size: 80%;*/
    font-weight: 400;
    margin:0px;
    border-collapse: collapse;
    width: 100%;
}

.roll td , .roll th{
	padding: .25rem;
	vertical-align: middle;
}

.roll tfoot th {
	border: 1px solid var(--light);
	background-color: var(--secondary);
    font-weight: 400;
	color : white;
	text-align:center;
	vertical-align: middle;
}

.roll thead th  {
    border: 1px solid var(--light);
    background-color: var(--secondary);
    font-weight: 400;
    color : white;
    text-align:center;
    vertical-align: middle;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* 2e ligne */ 
.roll thead th.l2 {
    top: 28px;
    position: sticky;
    z-index: 10;
}

/* 3e ligne */ 
.roll thead th.l3 {
    top: 56px;
    position: sticky;
    z-index: 10;
}

roll thead th:hover {
	background-color: var(--dark);
}


.roll tbody tr:hover {
  background-color: rgba(0, 0, 255, 0.075);
}

/* TEXT-ALIGN */
.roll td.tr, .roll tfoot th.tr {text-align:right}
.roll td.tl, .roll tfoot th.tl {text-align:left}
.roll td.tc, .roll tfoot th.tc {text-align:center}

/* PAGINATION */
.roll .page-item .page-link {color:#000 !important;}
.roll .page-item.active .page-link {color:#fff !important;}


/*
.roll thead th {
	border: 1px solid white;
	background-color: var(--secondary);
	margin: 1px;
    font-weight: 400;
	color : white;
}
*/



/*
 BACKGROUND TRANSPARENT 
*/
/*tr:nth-child(even) {background: rgba(0, 0, 0, 0)}*/
.roll tr:nth-child(odd) {background: rgba(0, 0, 0, 0.05)}

.roll td.bgt-blue {background-color: rgba(0, 123, 255, 0.10) !important;}
.roll td.bgt-indigo {background-color: rgba(102, 16, 242, 0.10) !important;}
.roll td.bgt-purple {background-color: rgba(111, 66, 193, 0.10) !important;}
.roll td.bgt-pink {background-color: rgba(232, 62, 140, 0.10) !important;}
.roll td.bgt-red {background-color: rgba(220, 53, 69, 0.10) !important;}
.roll td.bgt-orange {background-color: rgba(253, 126, 20, 0.10) !important;}
.roll td.bgt-yellow {background-color: rgba(255, 193, 7, 0.10) !important;}
.roll td.bgt-green {background-color: rgba(40, 167, 69, 0.10) !important;}
.roll td.bgt-teal {background-color: rgba(32, 201, 151, 0.10) !important;}
.roll td.bgt-cyan {background-color: rgba(23, 162, 184, 0.10) !important;}
.roll td.bgt-white {background-color: rgba(255, 255, 255, 0.10) !important;}
.roll td.bgt-gray {background-color: rgba(108, 117, 125, 0.10) !important;}
.roll td.bgt-gray-dark {background-color: rgba(52, 58, 64, 0.10) !important;}
.roll td.bgt-primary {background-color: rgba(0, 123, 255, 0.10) !important;}
.roll td.bgt-secondary {background-color: rgba(108, 117, 125, 0.10) !important;}
.roll td.bgt-success {background-color: rgba(40, 167, 69, 0.10) !important;}
.roll td.bgt-info {background-color: rgba(23, 162, 184, 0.10) !important;}
.roll td.bgt-warning {background-color: rgba(255, 193, 7, 0.10) !important;}
.roll td.bgt-danger {background-color: rgba(220, 53, 69, 0.10) !important;}
.roll td.bgt-light {background-color: rgba(248, 249, 250, 0.10) !important;}
.roll td.bgt-dark {background-color: rgba(52, 58, 64, 0.10) !important;}

.roll td.bgt-brown {background-color: rgba(142, 100, 36, 0.10) !important;}
.roll td.bgt-fiche {background-color: rgba(170, 170, 170, 0.10) !important;}
.roll td.bgt-form {background-color: rgba(255, 188, 7, 0.10) !important;}
.roll td.bgt-alert {background-color: rgba(255, 54, 54, 0.10) !important;}
.roll td.bgt-nav {background-color: rgba(240, 240, 240, 0.10) !important;}