.ts-dropdown {
    max-height: none !important;
}
.ts-dropdown-content {
    max-height: 50vh !important;
    overflow-y: auto !important;
}
.ts-select-all-controls {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f8f9fa;
    display: flex;
    justify-content: flex-end; /* force l’alignement à droite */
    padding: 0.25rem 0.5rem;
    border-bottom: 1px solid #dee2e6;
}
.ts-select-all-controls .btn {
    flex-shrink: 0;
}

.bg-primary {
    background-color:#273f5d!important;
}

/* Personnalisation de l'espace credentials (admin et client) */
.cred-card{
    border:1px solid var(--bs-border-color);
    border-radius: .75rem;
    padding: .75rem .9rem;
    background: #fff;
    transition: box-shadow .2s, transform .08s;
}
.cred-chip{
    font-size:.75rem; padding:.25rem .5rem; border-radius:999rem;
    background: var(--bs-gray-100); color: var(--bs-gray-700);
}
.cred-card:hover{ box-shadow: 0 .25rem .75rem rgba(0,0,0,.06); }
.cred-card{border:1px solid var(--bs-border-color);border-radius:.75rem;padding:.75rem .9rem;background:#fff;transition:box-shadow .2s,transform .08s}
.cred-avatar{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;font-weight:600;background:var(--bs-gray-100);color:var(--bs-gray-700)}
.cred-avatar-img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff;padding:4px}
@keyframes sk {0%{background-position:100% 50%}100%{background-position:0 50%}}
/* Personnalisation de l'espace credentials (admin et client) */

.nowrap {
    white-space: nowrap;
}

table {
    vertical-align: middle!important;
}

.case-reliquat div {
    cursor: pointer;
}

.ts-wrapper .ts-control, .ts-wrapper .ts-control input {
    cursor: pointer;
}

.btn-screenshot-dtt {
    background-color: #e9ecef;
    border: 1px solid #dee2e6;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.btn-screenshot-dtt i {
    color:#666666;
}

.ts-control {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    align-items: center;
    max-width: 100%;
}

/* Personnalisation de la scrollbar */
.ts-control::-webkit-scrollbar {
    height: 6px;
}

.ts-control::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.ts-control::-webkit-scrollbar-track {
    background: #f1f1f1;
}

@media (min-width: 992px) and (min-height: 624px) {
    #widgets_stock {
        position: sticky!important;
        top: 70px;
    }
}

.tippy-content {
    padding: unset!important;
}

table tbody tr:last-child {
    border-bottom: none !important;
}

table tbody tr:last-child td {
    border-bottom: none !important;
}

.dtt_search_sticky {
    position: sticky;
    z-index: 2;
    top: 60px;
    padding: 5px;
    background: rgba(255, 255, 255, 1);  /* hide the scrolling table */
}

thead th.th-sticky {
    position: sticky;
    top: 0;
    z-index: 1;
}

.qf_button_velos_a_annuler {
    font-size: 14px;
    background-color:#ff8c8c;
    color:white;
    min-width: 220px;
    border:1px solid #c4c5c7;
}

.qf_button_reception_asap {
    font-size: 14px;
    background-color:#ff461b;
    color:white;
    min-width: 220px;
    border:1px solid #c4c5c7;
}

.qf_button_commandes_a_anticiper {
    font-size: 14px;
    background-color:#f0882a;
    color:white;
    min-width: 220px;
    border:1px solid #c4c5c7;
}

.qf_button_nouveautes {
    font-size: 14px;
    background-color:#e59edd;
    color:white;
    min-width: 220px;
    border:1px solid #c4c5c7;
}

.qf_button_nouveautes.active, .qf_button_nouveautes:hover, 
.qf_button_commandes_a_anticiper.active, .qf_button_commandes_a_anticiper:hover,
.qf_button_reception_asap.active, .qf_button_reception_asap:hover,
.qf_button_velos_a_annuler.active, .qf_button_velos_a_annuler:hover {
    border:1px solid rgb(37, 37, 37);
}

.btn-select-style-preco.active, .btn-select-style-preco:hover {
    background-color: #273F5D!important;
    color:white!important;
}

.widget-vue-produits-line {
    white-space: nowrap;
    font-size: 12px;
    color:#273f5d;
}

.widget-vue-produits-headline { 
    white-space: nowrap;
    font-size: 14px;
    color:#273f5d;
    font-weight:600;
}

.widget-vue-produits {
    padding:10px;
    min-height:100px;
}

.titre-widget-vue-produits {
    font-size:15px;
    font-family:Nunito;
    color:#273f5d;
    font-weight:700;
}

.widget-vue-stock {
    padding:10px;
    min-height:100px; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between;
    text-align: center;
}

.titre-widget-vue-stock {
    font-size:15px;
    font-family:Nunito;
    color:#273f5d;
    font-weight:600;
}

.valeur-widget-vue-stock {
    font-size:18px;
}

.pill-good {
    font-size: 11px;
    background-color:#4AC05440;
    color:#1b8f24;
    border-radius: 5px !important;
} 

.pill-medium {
    font-size: 11px;
    background-color:#FFCA0040;
    color:#b99300;
    border-radius: 5px !important;
} 

.pill-bad {
    font-size: 11px;
    background-color:#F1582F40;
    color:#F1582F;
    border-radius: 5px !important;
}

.pill-rupture {
    font-size: 11px;
    background-color:#ff461b;
    color:black;
    border-radius: 5px !important;
    width:100px;
}

.pill-surstockage {
    font-size: 11px;
    background-color:#ff8c8c;
    color:black;
    border-radius: 5px !important;
    width:100px;
}

.pill-commandes {
    font-size: 11px;
    background-color:#f0882a;
    color:black;
    border-radius: 5px !important;
    width:100px;
}

.pill-nouveautes {
    font-size: 11px;
    background-color:#e59edd;
    color:white;
    border-radius: 5px !important;
    width:100px;
}

.pill-annulation {
    font-size: 11px;
    background-color:#ffb530;
    color:black;
    border-radius: 5px !important;
    width:100px;
}

.color-good {
    color:#1b8f24;
} 

.color-medium {
    color:#b99300;
} 

.color-bad {
    color:#F1582F;
} 

.tooltip {
    margin: 5px;
}

.tooltip .tooltip-arrow {
    display: none;
}

.icone-dtt {
    font-size: large;
    padding-top: 1px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    position: absolute!important;
    right: 0px!important;
    top: unset!important;
    bottom: 15px!important;
    width: 15px!important;
}

.custom-dtt .dt-container thead tr th {
    font-family: Nunito;
    border-bottom: 1px solid #818181;
}

.custom-dtt .dt-container tfoot tr.unique_footer:first-child th {
    font-family: Nunito;
    border-top: 1px solid #818181;
    border-bottom: 1px solid #818181;
    color: #273F5D;
}

.custom-dtt .dt-container tfoot tr.multiple_footer:first-child th {
    font-family: Nunito;
    border-top: 1px solid #818181;
    border-bottom: 1px solid #818181;
    color: #273F5D;
}

.custom-dtt .dt-container tfoot tr.multiple_footer:not(:first-child) th {
    border-top: unset;
    border-bottom: unset;
    font-family: Nunito;
    color: #636364;
    font-style: italic;
}

.custom-dtt .dt-container thead tr th:first-child {
    border-top-left-radius: 7px;
} 
.custom-dtt .dt-container thead tr th:last-child {
    border-top-right-radius: 7px;
} 
.custom-dtt .dt-container tfoot tr th:first-child {
    border-bottom-left-radius: 7px;
} 
.custom-dtt .dt-container tfoot tr th:last-child {
    border-bottom-right-radius: 7px;
} 
.custom-dtt .dt-container tbody tr td {
    padding-top:3px;
    padding-bottom:3px;
} 
.custom-dtt .dt-container .dt-paging .page-link {
    padding: 0.3em 0.6em!important;
    font-size: 0.82rem!important;
}
.custom-dtt .dt-container .bottom {
    font-size: 0.82rem!important;
}
.custom-dtt .dt-container .bottom {
    margin-top: 10px;
}
.custom-dtt .dt-container {
    margin-top: 8px;
}

.btn_export_datatable {
    color: #8091a0;
    text-align: end;
    margin-right: 10px;
    position: relative;
}

.btn-select-style {
    background-color:white;
    border-color:#dee2e6;
}

.btn-select-style.active {
    background-color:#f1f1f1;
    border-color:#a0a0a0;
}

.btn-select-style:hover {
    background-color:#f1f1f1;
    border-color:#a0a0a0;
}

.btn-ssm {
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

.form-control-ssm {
    padding: 0.2rem 0.4rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

.dt-bootstrap5.dt-container .bottom {
    display: flex;
    justify-content: space-between;
}

.dataTable tr.selected td {
    box-shadow: inset 0 0 0 9999px #273F5D!important;
}

.ts-wrapper.form-select-sm:not(.has-items) {
    height: calc(1.5em + .5rem + 2px);
}

.ts-wrapper.form-select-sm:not(.has-items) .ts-control input {
    margin-top: -2px !important;
}

.ts-wrapper.form-select-sm.has-items .ts-control {
    padding-top:0;
}

.custom_scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.custom_scrollbar::-webkit-scrollbar {
	height: 8px;
	background-color: #F5F5F5;
}

.custom_scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #273F5D;
}

.background-light-blue {
    background-color: #f6f9ff;
}

.bg {
    background-image: url('../img/login-bg.png');
    background-size: cover;
    height: 100%;
}

.lower-bg {
    height: 55vh; /* Hauteur de la partie blanche */
}

.login-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.cursor-clickable {
    cursor: pointer;
}

.filter-row th {
    padding: 5px;
}

.filter-row input {
    width: 100%;
    box-sizing: border-box;
}

/* Connecteurs */
.connecteur-item {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem 1rem 1.9rem;
    background-color: var(--bs-body-bg);
    position: relative;
    overflow: hidden;
}

.connecteur-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    background-color: var(--bs-primary);
}

.connecteur-header strong {
    display: block;
    font-size: 0.95rem;
}

.connecteur-header .text-muted.small {
    font-size: 0.8rem;
}

.connecteur-item .table {
    margin-bottom: 0;
}

.connecteur-item .table thead th {
    border-top: none;
    border-bottom: 1px solid var(--bs-border-color);
}

.connecteur-item .table tbody td {
    border-top: none;
    border-bottom: 1px dashed var(--bs-border-color);
}

.connecteur-item .table tbody tr:last-child td {
    border-bottom: none;
}

/* Synthèse */
.di-tabs--slim{
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    background:#285ddb12;
    border-radius:999px;
    padding:2px;
    gap: 8px;
    max-width: 100%;
}
.di-tabs--slim .nav-link{
    border-radius: 999px;
    padding: .35rem .7rem;
    font-size: .85rem;
    opacity: .85;
    font-weight: 500;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    color: #212529;

    display: inline-flex;
    align-items: center;
    gap: .4rem;
}
.di-tabs--slim .nav-item{
    flex: 0 0 auto;
}
.di-tabs--slim .nav-link{
    flex: 0 0 auto;
}
.di-tabs--slim .nav-link.active{
    background: #fff;
    border-color: #dee2e6;
    color: black;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.di-kpi-card{ border-radius:12px; }
.di-kpi-value{
    font-size:1.8rem;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:1.1;
}

.di-badge{
    height: 30px;
    align-content: center;
    font-size: math
}

.di-small-text-kpi {
    margin-top: -10px;
}

.laroo-badge-light-green {
    height:25px;
    align-items: center;
    display: inline-flex;
    color:#199515;
    background-color:#d9ffdd;
}

.laroo-badge-light-red {
    height:25px;
    align-items: center;
    display: inline-flex;
    color:#b91111;
    background-color:#ffe0e0;
}

.di-collapse-card {
    display: block;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
    transition:
        max-height 0.35s ease,
        opacity 0.25s ease,
        transform 0.35s ease;
}

.di-collapse-card.is-open {
    max-height: 2000px;
    opacity: 1;
    transform: translateY(0);
}

.di-caret-icon {
    transition: transform 0.3s ease;
}
.header-card-segment:has(+ .di-collapse-card.is-open) .di-caret-icon, .header-card-marque:has(+ .di-collapse-card.is-open) .di-caret-icon {
    transform: rotate(180deg);
}

.di-model-note{
    font-size: .90rem;
    color: #6c757d;            /* gris doux */
    background: #f8f9fa;       /* léger fond */
    border-left: 3px solid #dee2e6;
    padding: .6rem .75rem;
    border-radius: .5rem;
    line-height: 1.35;
}

.laroo-text-overflow {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 575.98px) {
    .hidden_si_sm_ou_moins {
        display:none;
    }
}
@media (max-width: 767.98px) {
    .hidden_si_md_ou_moins {
        display:none;
    }
}
@media (max-width: 991.98px) { }
@media (max-width: 1199.98px) { }
@media (max-width: 1399.98px) { }