.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: inherit;
    border-spacing: 1px 0rem;
    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 tfoot.page th {
	/*border: 1px solid var(--light);*/
	background-color: transparent;
    font-weight: 400;
	color : var(--dark);
	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 
*/

.bg-purple {  background-color: rgba(111, 66, 193,1) !important;}

.roll th.bg-purple {  background-color: rgba(111, 66, 193,1) !important;}
.roll th.bg-purple:hover {  background-color: rgb(79, 46, 139) !important;}


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


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

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



@media screen and (max-width: 39.9375em) {
	.roll tbody td.tablet, .roll th.tablet { display: none !important; }	
	.roll tbody td.web, .roll th.web { display: none !important; }	
    .roll tbody td.mob, .roll th.mob { display: table-cell !important; }
    .roll tbody td.mNone, .roll th.mNone {display: none !important; } // Patch old css  
}

@media screen and (min-width: 39.9375em) {
	.roll tbody td.web, .roll th.web { display: none !important; }	
    .roll tbody td.mob, .roll th.mob { display: none !important; }	
	.roll tbody td.tablet, .roll th.tablet { display: table-cell !important; }
}

@media screen and (min-width: 75em) {
	.roll tbody td.tablet, .roll th.tablet { display: none !important; }
    .roll tbody td.web, .roll th.web { display: table-cell !important; }	
}