/*-------------------------------
|				|
|    Affichage en tableau	|
|    				|
-------------------------------*/

.o-affTableau {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #F2F2F2;
    
    --couleur--tbl: var(--bamakoPrimary);
    --couleur--tbl--claire: #e1c885;
    --couleur--tbl--plusclaire: #f2e4be;
    --couleur--tbl-fond: #f2f2f2;
}

.o-affTableau__tableau
{
  margin: 1rem;
  overflow: auto;
  flex-grow: 1;
}

@media (max-width: 768px){
  .o-affTableau__tableau {
    margin: 0rem;
  }
}

.o-affTableau__tableau table
{
  border-collapse:collapse;
/*   border: 1px solid var(--couleur--tbl);; */
  border: none;
  line-height: 1.2;
  background: white;
}

.o-affTableau td
{
/*  border-top-style: none;
  border-bottom-style: none;
  border-color: var(--couleur--tbl--claire);*/
  border: none;
  font-size: var(--small-font-size);
  padding: .5rem 1rem;
}

.o-affTableau__tableau tr.head
{
/*  border-width: 1px;
  border-style: solid;
  font-weight: bold;*/
  background: white;
}

/*.o-affTableau__tableau table tr.head, .o-affTableau__tableau table tr.head:hover
{ background: var(--couleur--tbl); border-color: var(--couleur--tbl); }*/

.o-affTableau__tableau tr.head th
{
  border: none;
  font-size: var(--small-font-size); 
  font-family: animosa;
  padding: .5rem 1rem;
  background: var(--bamakoPrimary);
  color: white;
}

@media (max-width: 768px){
  .o-affTableau__tableau tr.head th { padding: .5rem .5rem; }
  .o-affTableau__tableau td { padding: .25rem .5rem; }
}
.o-affTableau__tableau table tr.head.titreDernNiveau td
{
  font-size: 1.1rem; 
  font-family: animosa;
  padding: .5rem 1rem;
}

.o-affTableau__tableau table tr.head.titreDernNiveau { border-style: none; }

.o-affTableau__tableau table tr.head th.ui-sortable-helper
{
  width: 50px;
}

.o-affTableau__tableau table tr.head.titre { border: 1px white solid; }

.o-affTableau__tableau table tr.head.titre td
{
   height: 15px;
   background: white;
   color: black;
   font-size: 1.35em;
   border: 1px white solid;
}

.o-affTableau__tableau table tr.alt
{ background: var(--couleur--tbl--plusclaire); }

.o-affTableau .o-affTableau__tableau table tr:hover,
.o-affTableau .o-affTableau__tableau table tr.alt:hover /*on met la classe du div parent (même si ce n'est pas nécéssaire) uniquement pour passer "par dessus" les tr.alt définis par les modules*/
{
  background: #ffc053;
}

.o-affTableau__tableau table tr.ui-selecting
{
  background: #d5e0f8  !important;
}

.o-affTableau__tableau table tr.ui-selected
{
  background: #b9c9ed !important;
}

.o-affTableau__tableau table tr.ui-selected:hover
{
  background: #89a5e5;
}

.o-affTableau__tableau table td.cleLigne, .o-affTableau__tableau table th.cleLigne, .o-affTableau__tableau table td.comblecleLigne
{
   display: none;
}

.o-affTableau__tableau table tr.foot, .o-affTableau__tableau tr.foot:hover
{
   background: white;
   border-bottom-color: var(--couleur--tbl);
}

.o-affTableau__tableau table tr.foot.texteTotal td
{
   height: 15px;
   border-bottom-style: none;
}


.o-affTableau__tableau table tr.foot.total td
{
   height: 15px;
   font-weight: bold;
}

.o-affTableau__tableau table tr.foot.espacement 
{
  background: var(--couleur--tbl-fond) !important;
  height: 3rem;
}

.o-affTableau__tableau img.graphique
{
    margin-bottom: 15px;
    margin-right: 15px;
}

.o-affTableau .o-affTableau__entete {
  margin: 1rem;
  margin-bottom: 0rem;
}

.o-affTableau .o-affTableau__entete-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.o-affTableau .o-affTableau__entete-actions .btn, .o-affTableau .o-affTableau__entete-actions .dropdown-toggle {
  display: block;
}

.o-affTableau .o-affTableau__entete-actions .dropdown-toggle {
  cursor: pointer;
}

@media (max-width: 768px){
  .o-affTableau .o-affTableau__entete
  {
    margin: .25rem;
    margin-left: 1.25rem;
  }
}

.o-affTableau__entete .o-bloc-compte-result {
  float: left;
  font-size: 1.25rem;
  color: var(--gray);
  font-family: animosa;
  left: 1rem;
  background: white;
  border-radius: 1rem;
  /*color: var(--couleur--tbl);*/
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: .75rem;
}

.o-affTableau__entete .o-bloc-compte-result a {
  font-family: poppins;
}

.lignemagique__donnees
{
  display: none;
}

.lignemagique__message
{
  color: var(--gray);
  font-size: 1.5rem;
  text-align: center;
  padding: .5rem;
}


.o-affTableau__message-accueil
{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
}