/* tableaux utilisant le displaytag, ne pas mettre de margin top pour les scrolltables */
table.displaytag { position:relative; margin-top:0;  margin-bottom: 10px; clear:both;}
table.displaytag th, table.displaytag td { padding:2px 5px 2px 5px; vertical-align: middle; }
table.displaytag th { text-align:left; padding:.5rem .7rem; }
table.displaytag th.required { padding-right:15px !important; /*background-image:url(../img/required.png); background-position:100% 50%; background-repeat: no-repeat; */}
table.displaytag th, table.displaytag th a { text-decoration:none; }
table.displaytag td { text-align:left; }
table.displaytag td img { vertical-align: middle; }

table.displaytag td a, table.displaytag td.actions, a.dropdown-item:not { cursor:pointer; text-decoration:none; line-height: 16px; font-weight:bold; } /* liens d'action avec pictos */

/*.sortable a { display:block;}*/
.sortable a:before {content: "\f0dc"; font-family: 'Font Awesome 5 Pro'; margin-right: .5rem;}
.order2 a:before {content: "\f0dd"; font-family: 'Font Awesome 5 Pro'; margin-right: .5rem;}
.order1 a:before {content: "\f0de"; font-family: 'Font Awesome 5 Pro'; margin-right: .5rem;}


/* dans le cas de champs numériques, on cale le th au centre et le champs de saisie é droite
* th au centre parce que dans le cas d'un champ obligatoire, le picto étoile décale de bcp et c'est plus trés clair...
*/
table.displaytag th.num { text-align:right; }
table.displaytag td.num, table.displaytag td.num input  { text-align:right; }

/*.divPager{display: table;}*/

/* affichage du nombre de résultats */
.pagebanner {
	position:relative; font-size:1.2rem; height: 2rem; font-weight:normal;
	background-position: 0 0; background-repeat: no-repeat; padding-bottom: .5rem; float:left;
}

.pagebanner div {padding-left:20px}

/* liens de navigation de la pagination attention: la classe pagelinks est utilisée par la librairie de tri ajax */
.pagination { position:relative; height:25px; margin-top:5px; line-height:20px; /*font-size:11px; color:#888;*/ /*float:left;on profite de l'appli "limitée" en largeur pour caler é droite*/ float:right;z-index: 10}
.pagination .prev, .pagination .next, .pagination .page { position:relative; display:block; float:left; }
.pagination .page { padding:0 10px }
.prev a, .next a, .page a { text-decoration:none; }
.page a, .page span.current { margin:0 2px; display:block; float:left; padding:0 4px; font-weight:bold; }

.exportlinks a { color: #333; }
.exportlinks a span { padding-left:20px; }
.excel { background: url(../img/displaytag/ico_file_excel.gif) 0 50% no-repeat; }
.csv { background: url(../img/displaytag/ico_file_csv.png) 0 50% no-repeat; }
.xml { background: url(../img/displaytag/ico_file_xml.png) 0 50% no-repeat; }
span.pdf {	background: url(../img/displaytag/ico_file_pdf.gif) 0 50% no-repeat; }
.rtf {	background: url(../img/displaytag/ico_file_rtf.png) 0 50% no-repeat; }

input.pagination-text{
	display: none;
}

table.displaytag th.check{width:40px;}

.pagination-text{
	float: left;
	margin-right: 5px;
	text-align: center;
	width: 25px;
	margin-top:0px;
}

.displaytag tr.total td{
	background-color: #BBBBBB;
	text-align: right;
	border-top: 1px solid black;
}

.trBackGroundColorOrange{
	background-color:#FFEEB3 !important;
}
.trBackGroundColorGreen{
	background-color:#CCFDC4 !important;
}
.trBackGroundColorRed{
	background-color:#FF9999 !important;
}

.borderLeftVisible {
	border-left:1px solid #ccc
}


/** Datatables**/
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

table.dataTable {
	width: 100%;
	margin: 5px auto 10px;
	clear: both;
	border-collapse: separate;
	border-spacing: 0;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}

table.displaytag tr.odd td.center{ text-align: center; }
table.displaytag tr.even td.center{ text-align: center; }