/* =========================
   TABLE GENERAL  :
========================= */
table.dataTable { border-collapse: collapse; border-spacing: 0;}


.dt_center   { text-align: center; }
.dt_left_10	 { text-align: left;  padding-left :10px !important;}
.dt_left_15	 { text-align: left;  padding-left :15px !important;}
.dt_right_10	 { text-align:right;  padding-right :10px !important;}
td.dt_right_20 { text-align:right;  padding-right:20px !important;}


.padH5   { padding-left:5px !important;  padding-right:5px !important; }
.padH10 { padding-left:10px !important;  padding-right:10px !important; }
.padH14 { padding-left:14px !important;  padding-right:14px !important; }

.compta {  padding-right: 80px; }
.dt_uppercase { text-transform:uppercase; }
.dt_font_size_9 { font-size:9px; }

.breakword { word-break: break-word; white-space: normal; }


/* =========================
   HEADERS  :
========================= */
table.dataTable tfoot td   { border-right: 1px solid #ddd; border-left:   1px solid #ddd; padding: 2px 15px 0px 0px; font-size: 9px; color: #8a8a8a; }
table.dataTable tfoot th   { border-right: 1px solid #000; border-left:   1px solid #000;  padding: 2px 0px 0px 0px; font-size: 9px; font-weight: normal;  text-align: right; color: #333333;  }

table.dataTable tfoot input { width: 80%; max-width: 150px;  font-size: 10px; background: #f6f3f3; border: 1px solid #888; border-radius: 4px; margin:2px 0px 2px -4px; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; }
table.dataTable tfoot select {                                                       font-size: 10px; background: #f6f3f3; border: 1px solid #888; border-radius: 4px; margin:2px 0px 2px -4px; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; }

/* =========================
   BORDERS  :
========================= */
table.dataTable :is(tfoot, thead) th.BL 		{ border-left: 1px solid #cccccc; }
table.dataTable :is(tfoot, thead) th.BLd 	{ border-left: 1px dotted #cccccc; }
table.dataTable :is(tfoot, thead) th.BR 	{ border-right: 1px solid #cccccc; }
table.dataTable :is(tfoot, thead) th.BRd 	{ border-right: 1px dotted #cccccc; }

table.dataTable tbody td.BL 					{ border-left: 1px solid #cccccc; }

/* =========================
   ALIGNEMENT - PADDING  :
========================= */
table.dataTable :is(tfoot, thead) th.AL { text-align: left; }
table.dataTable :is(tfoot, thead) th.AC { text-align: center; }
table.dataTable :is(tfoot, thead) th.AR { text-align: right; }

table.dataTable :is(tfoot, thead) th.PAD_L_5   { padding-left:5px; } 
table.dataTable :is(tfoot, thead) th.PAD_L_15 { padding-left:15px; }

table.dataTable tfoot th.compta   		{ padding-right: 10px; }
table.dataTable tfoot th.dt_right_20 	{ text-align:right;  padding-right:20px !important;}

table.dataTable tbody td.AR,
table.dataTable tbody td.AR-td 			{ text-align: right;   }
table.dataTable tbody td.AR15-td 		{ text-align: right; padding-right: 15px; }
table.dataTable tbody td.dt_compta  	{ text-align: right; padding-right: 10px;  }
table.dataTable tbody td.AC				 	{ text-align: center; }

table.dataTable :is(tfoot, tbody) .nowrap_data { white-space: nowrap; }


/* =========================
   COULEURS COLONNES  :   BACKGROUND
========================= */
table.dataTable :is(tfoot, thead) th.bg_color_1 { background-color: #eef9e877!important; border-color:#568844!important;}
table.dataTable tbody tr         td.bg_color_1 { background-color: #eaf9e333!important;}
table.dataTable tbody tr.odd td.bg_color_1 { background-color: #d4e9c933!important;}

table.dataTable :is(tfoot, thead) th.bg_color_2 { background-color: #fff8d977 !important;   /* jaune très pâle */ border-color: #d4a017 !important;        /* jaune foncé / doré */ }
table.dataTable tbody tr td.bg_color_2 {  background-color: #fff4b833 !important;  /* jaune clair */ }
table.dataTable tbody tr.odd td.bg_color_2 {  background-color: #ffe98a33 !important;  /* jaune un peu plus soutenu */}

table.dataTable :is(tfoot, thead) th.bg_color_3 {  background-color: #f5f0ff77 !important;   /* violet très pâle */  border-color: #7a5cc2 !important;        /* violet moyen pour contraste */}
table.dataTable tbody tr td.bg_color_3 {  background-color: #ede4ff33 !important;  /* violet clair */}
table.dataTable tbody tr.odd td.bg_color_3 {  background-color: #e2d4ff33 !important;  /* violet légèrement plus soutenu */}


/* =========================
   COULEURS COLONNES  :   FONT
========================= */
table.dataTable tbody tr td.color_1	{ color: #792e2e; }
table.dataTable tbody tr td.color_2	{ color: #046b00; }
table.dataTable tbody tr td.color_3	{ color: #857a28; }
table.dataTable tbody tr td.color_4	{ color: #897c7c; }


/* =========================
   COULEURS LIGNES  :     HOVER
========================= */
table.dataTable tbody tr:nth-child(even):hover td,
table.dataTable tbody tr:nth-child(odd):hover td,
table.dataTable tbody tr:hover td { background-color: #fbffd4!important; }

table.dataTable tbody tr:hover  { outline: 1px solid #aeae05; outline-offset: -1px; }


/* =========================
   SCROLLBARS  :
========================= */
.dataTables_scrollBody::-webkit-scrollbar { width: 10px;/* épaisseur verticale */  height: 10px;/* épaisseur horizontale */ }

/* fond de la scrollbar */
 .dataTables_scrollBody::-webkit-scrollbar-track { background: #f1f1f1;   border-radius: 8px; }

/* poignée (drag) */
 .dataTables_scrollBody::-webkit-scrollbar-thumb { background: #c9cbcf; border-radius: 8px; border: 1px solid #f1f1f1; /* effet padding */ }

/* au survol */
 .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {  background: #959595bb; }

/* =========================
   PAGING  FOOTER :
========================= */
.dataTables_wrapper .dataTables_info    { clear:none; float: left; padding-left:30px !important; padding-top:8px;  }    /* info box */

.dataTables_wrapper .dataTables_length  { float: right; margin-top:6px; margin-right:4px; }
.dataTables_wrapper .dataTables_length select { padding: 2px 5px 1px 5px; border-radius:10px; }

.dataTables_wrapper .dataTables_filter  { clear:both; float: left;  padding-top: 4px; padding-left: 4px; }    /* search box */
.dataTables_wrapper .dataTables_filter  input { padding: 2px 3px 2px 5px; border-radius:10px; width:100px; font-weight:bold;  }
.dataTables_wrapper .dataTables_filter  input[type="search"]::-webkit-search-cancel-button { display: none; }

.dataTables_wrapper .dataTables_paginate { float: right; margin-top:3px; margin-right:40px; }
.dataTables_wrapper .dataTables_paginate .paginate_button  { padding: 0.2em 0.8em; } 
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover {  background-image: none !important;  box-shadow: none !important; }

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_filter  input,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_paginate .paginate_button  { font-size:10px; }

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_filter  input,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover  { color:#995c5c  !important; } 

.dataTables_wrapper .dataTables_length select ,
.dataTables_wrapper .dataTables_filter  input,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover { border-color:#995c5c; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: linear-gradient(to bottom, white 0%, #995c5c4d 100%); }
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover { background-color: #995c5c10 !important; }

/* =========================
   SORTING :
========================= */

table.dataTable thead th.sorting 			{ background-image: none !important;  background-repeat: no-repeat !important;  background-position: right 5px center !important; padding-right: 10px !important; }
table.dataTable thead th.sorting.AC	{ padding-left: 10px !important; }
table.dataTable thead th.sorting_asc   { background-repeat: no-repeat !important; background-position: right 1px center !important; padding-right: 10px !important;  }
table.dataTable thead th.sorting_desc { background-repeat: no-repeat !important; background-position: right 1px center !important; padding-right: 10px !important; }

table.dataTable thead th.sorting_asc   { background-image: url("data:image/svg+xml,\<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'>\<path d='M3 1 L6 5 H0 Z' fill='%236383b3'/>\</svg>") !important;  }
table.dataTable thead th.sorting_desc { background-image: url("data:image/svg+xml,\<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'>\<path d='M3 8 L0 4 H6 Z' fill='%236383b3'/>\</svg>") !important;  }
        
table.dataTable.sorting-arrow-white thead th.sorting_asc   { background-image: url("data:image/svg+xml,\<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'>\<path d='M3 1 L6 5 H0 Z' fill='%23ffffff'/>\</svg>") !important;  }
table.dataTable.sorting-arrow-white thead th.sorting_desc { background-image: url("data:image/svg+xml,\<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'>\<path d='M3 8 L0 4 H6 Z' fill='%23ffffff'/>\</svg>") !important;  }

table.dataTable.sorting-arrow-gray10 thead th.sorting_asc   { background-image: url("data:image/svg+xml,\<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'>\<path d='M3 1 L6 5 H0 Z' fill='%23666666'/>\</svg>") !important; }
table.dataTable.sorting-arrow-gray10 thead th.sorting_desc { background-image: url("data:image/svg+xml,\<svg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'>\<path d='M3 8 L0 4 H6 Z' fill='%23666666'/>\</svg>") !important; }
 
         
table.dataTable thead th.dt_special_sorting.sorting {  padding-right: 5px !important;  }
table.dataTable thead th.dt_special_sorting.sorting_asc {  background-image: none !important; }
table.dataTable thead th.dt_special_sorting.sorting_desc {  background-image: none !important; }