/* NOURIVOIRE - Barre de navigation horizontale en haut des listes/tableaux */
.ni-top-scroll-nav{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  height:18px;
  min-height:18px;
  margin:8px 0 2px 0;
  padding:0;
  border:1px solid #9fb0bf;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:#eef5f9;
  box-sizing:border-box;
  scrollbar-gutter:stable;
}
.ni-top-scroll-nav::-webkit-scrollbar{
  height:14px;
}
.ni-top-scroll-nav::-webkit-scrollbar-track{
  background:#e7edf2;
  border-radius:8px;
}
.ni-top-scroll-nav::-webkit-scrollbar-thumb{
  background:#6f7f8e;
  border-radius:8px;
  border:2px solid #e7edf2;
}
.ni-top-scroll-nav::-webkit-scrollbar-thumb:hover{
  background:#475866;
}
.ni-top-scroll-spacer{
  height:1px;
  min-height:1px;
  pointer-events:none;
}

/* Harmonisation : le conteneur du tableau garde sa barre du bas, la nouvelle barre sert de navigation au début. */
.ni-top-scroll-nav + .credit-client-table-wrap,
.ni-top-scroll-nav + .table-wrap,
.ni-top-scroll-nav + .table-responsive,
.ni-top-scroll-nav + [class*="table-scroll"]{
  margin-top:0 !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}

@media (max-width: 768px){
  .ni-top-scroll-nav{
    height:20px;
    min-height:20px;
    margin-top:6px;
  }
  .ni-top-scroll-nav::-webkit-scrollbar{
    height:16px;
  }
}

@media print{
  .ni-top-scroll-nav{display:none!important;}
}


/* NOURIVOIRE - Navigation verticale visible du tableau de bord Production */
#tableau_bord_production .tb-main-wrap{
  height:min(68vh, calc(100vh - 300px));
  min-height:330px;
  max-height:min(68vh, calc(100vh - 300px));
  overflow-x:auto!important;
  overflow-y:scroll!important;
  scrollbar-gutter:stable both-edges;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#7b8794 #eef2f6;
}
#tableau_bord_production .tb-main-wrap::-webkit-scrollbar{width:14px;height:14px;}
#tableau_bord_production .tb-main-wrap::-webkit-scrollbar-track{background:#eef2f6;border-radius:10px;}
#tableau_bord_production .tb-main-wrap::-webkit-scrollbar-thumb{background:#7b8794;border-radius:10px;border:2px solid #eef2f6;}
#tableau_bord_production .tb-main-wrap::-webkit-scrollbar-thumb:hover{background:#4b5563;}
@media (max-width:768px){
  #tableau_bord_production .tb-main-wrap{height:min(62vh, calc(100vh - 260px));min-height:300px;}
}