.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;
}