/**
 * C'est une table, qui passe en display block pour permettre de scroller les données et conserver le <thead> sticky
 */
.xo-block.b-reporting table.reporting-datatable.scroll-y {
	display: block;
}
.xo-block.b-reporting table.reporting-datatable {
	border-collapse: collapse;
	/* height:15em; */
	overflow-y: auto;
}
.xo-block.b-reporting .b-reporting-copy{
	margin-right: 0.3em;
	margin-left: 0.3em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	cursor: pointer;
}
/**
 * le <thead> est grisé
 */
 .xo-block.b-reporting table.reporting-datatable thead {
	background-color: whitesmoke;
}
/**
 * l'eventuel <tfoot> est grisé
 */
 .xo-block.b-reporting table.reporting-datatable tfoot {
	background-color: whitesmoke;
}
/**
 * Bordure et padding sur toutes les cellules
 */
.xo-block.b-reporting table.reporting-datatable tr th,
.xo-block.b-reporting table.reporting-datatable tr td {
	word-break: break-word;
	border: 1px solid silver;
	padding: 0.3em;
}
/**
 * en changeant le word-break à "normal" (plutôt que "break-word") la largeur cumulées des
 * textes des cellules est suceptible de dépasser la largeur du block et ainsi de produire une scrollbar horizontale
 * En application du paramétrage "Horizontalement" / "barre de défilement" (plutôt que "adapter la largeur des col. à la largeur du bloc")
 */
.xo-block.b-reporting table.reporting-datatable.scroll-x tr th,
.xo-block.b-reporting table.reporting-datatable.scroll-x tr td {
	word-break: normal;
}
/**
 * Le <thead> sticky
 * 1. on le passe en sticky
 */
 .xo-block.b-reporting div.sticky-thead table.reporting-datatable thead {
	position: sticky;
	top: 0;
}
.xo-block.b-reporting table.reporting-datatable {
	table-layout: fixed;
	/* width: 100%; */
}
/**
 * 2. On bidouille les bordures pour éviter que le scroll supprime les bordures top du thead
 */
.xo-block.b-reporting div.sticky-thead {
	border-top: 1px solid silver;
	/* border-right: 1px solid silver; */
	border-bottom: 1px solid silver;
}
/**
 * 3. On bidouille les bordures (suite)
 */
.xo-block.b-reporting div.sticky-thead table.reporting-datatable thead tr:first-child th {
	border-top: none;
}
/**
 * 4. On bidouille les bordures (suite)
 */
.xo-block.b-reporting div.sticky-thead table.reporting-datatable tbody tr:last-child td {
	border-bottom: none;
}
/**
 * Le <tfoot> est sticky
 */
.xo-block.b-reporting div.sticky-tfoot table.reporting-datatable tfoot {
	position: sticky;
	bottom: -1px;
}
/**
 * 2. On bidouille les bordures pour éviter que le scroll supprime les bordures top du thead
 */
 .xo-block.b-reporting div.sticky-thead.sticky-tfoot tfoot {
	border: 1px solid silver;
}
/**
 * Pour mieux matérialiser les bordures resizables du dialog lors du survol
 */
.xo-block.b-reporting .ui-resizable-s:hover {
	background-color:lightgrey;
	height:10px;
}
.xo-block.b-reporting table.reporting-datatable.table-sorter thead tr th span.table-sorter {
	opacity: 0.2;
	padding-left:.8em;
}
.xo-block.b-reporting table.reporting-datatable.table-sorter thead tr th:hover span.table-sorter {
	opacity: 0.6;
}
.xo-block.b-reporting table.reporting-datatable.table-sorter thead tr th span.table-sorter.table-sorter-active {
	opacity: 1;
}

.xo-block.b-reporting .reporting-page.ui-tabs{
	padding: 0;
}
.xo-block.b-reporting .reporting-page.ui-tabs .ui-tabs-nav{
	border: 0;
	border-radius: 0;
}
.xo-block.b-reporting .reporting-page.ui-tabs .ui-tabs-panel{
	padding: 0.5em 0.5em;
}
.xo-block.b-reporting .reporting-page .table-container{
	width: 100%;
	overflow-x: auto;
	padding-bottom: 0.3em;
	padding-right: 0.3em;
}
.xo-block.b-reporting .reporting-page table{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #cdcdcd;
}
.xo-block.b-reporting .reporting-page table th{
	background-color: #f4f4f4;
	position: relative;
}
.xo-block.b-reporting .reporting-page table td,.xo-block.b-reporting  .reporting-page table th{
	border: 1px solid #cdcdcd;
	padding: 0.3em;
}
.xo-block.b-reporting .reporting-page .reporting-pagination{
	padding: 0.3em;
}
.xo-block.b-reporting .reporting-page .reporting-pagination .pagination-container{
	text-align: center;
}
.xo-block.b-reporting .reporting-page .pagi-ellipsis{
	margin: 0 0.1em;
}