body {
    background-color:#F5F8FA;
    color:#000000;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (min-width:1800px) { .container { min-width:1800px; } }

.myBloc {
    background-color: #FFFFFF;
    border: 1px solid #d3e0e9;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding:15px;
}


.nav-item .active { background-color:#000000; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.8); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color:#FFFFFF; }
.navbar-expand-lg .navbar-nav .nav-link { padding-left:1rem;padding-right:1rem; }

/* NAVBAR 
.navbar-inverse { background-color: #D71A21; border-color: #D71A21; }
.navbar-inverse .navbar-nav > li > a { color: rgba(255, 255, 255, 0.8); }
.navbar-inverse .navbar-brand { background-color: transparent; color: #FFFFFF; }
.navbar-inverse .navbar-toggle { border-color:rgba(215, 26, 33, 0.3); }
.navbar-inverse .navbar-toggle:hover { border-color:#FFFFFF; background:#FFFFFF; }
.navbar-inverse .navbar-toggle:hover .icon-bar { background:#3097D1; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:rgba(215, 26, 33, 0.3); box-shadow:none; }
.navbar-inverse .dropdown-menu { background:rgba(215, 26, 33, 0.8); }
.navbar-inverse .navbar-nav a { color:#FFFFFF; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color:rgba(215, 26, 33, 0.3); }
.navbar-inverse .navbar-nav > .open > a { background:#FFFFFF !important; color:#3d94d5 !important; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color:#FFFFFF; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { background:rgba(0,0,0, 0.2); }
ul.nav > li > a > span.visible-lg { display:inline !important; }
*/

/* TITRES */
h2 { font-size: 1.6rem; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }

/* GRAS */
.fw-bold-600 { font-weight:600!important; }
.fw-bold-normal { font-weight:normal!important; }
strong { font-weight:600; }

/* TEXT - COLORS */
.text-black { color:#000000!important; }
.text-blue-info { color:#0DCAF0!important; }
.text-blue-primary { color:#084298!important; }
.text-blue-sky { color:#CFF4FC!important; }
.text-green { color:#5CB85C!important; }
.text-green-cyan { color:#A3CFBB!important; }
.text-grey { color:#A8A8A8!important; }
.text-grey-very-light { color:#F2F2F2!important; }
.text-orange { color:#FD7E14!important; }
.text-pink { color:#D63384!important; }
.text-purple { color:#8E24AA!important; }
.text-red { color:#D71A21!important; }
.text-redlight { color:#EA868F!important; }
.text-strong-cyan { color:#20C997!important; }
.text-yellow { color:#FFC107!important; }
.text-yellowlight { color:#F8EED7!important; }
.text-yellowmiddle { color:#FFCD39!important; }
.text-white { color:#FFFFFF!important; }
.text-whitesmoke { color:#F5F5F5!important; }

/* LIENS */
a { text-decoration:none; }
a.listing-table { color:#000000!important; }

/* EXCEPTIONS expired / disable */
tr.bg-whitesmoke a.listing-table { color:#A8A8A8!important; } 

/* BACKGROUNDS */
.bg-black { background-color:#000000!important; }
.bg-blue-info { background-color:#0DCAF0!important; }
.bg-blue-primary { background-color:#084298!important; }
.bg-blue-sky { background-color:#CFF4FC!important; }
.bg-green { background-color:#5CB85C!important; }
.bg-green-cyan { background-color:#A3CFBB!important; }
.bg-grey { background-color:#A8A8A8!important; }
.bg-grey-very-light { background-color:#F2F2F2!important; }
.bg-orange { background-color:#FD7E14!important; }
.bg-pink { background-color:#D63384!important; }
.bg-purple { background-color:#8E24AA!important; }
.bg-red { background-color:#D71A21!important; }
.bg-redlight { background-color:#EA868F!important; }
.bg-strong-cyan { background-color:#20C997!important; }
.bg-yellow { background-color:#FFC107!important; }
.bg-yellowlight { background-color:#F8EED7!important; }
.bg-yellowmiddle { background-color:#FFCD39!important; }
.bg-white { background-color:#FFFFFF!important; }
.bg-whitesmoke { background-color:#F5F5F5!important; }

/* NOTE */
.note_title { border-bottom: 1px solid #000; padding-bottom:8px; font-weight:600; font-size:20px; }

/* BORDERS */
.border-black { border:1px solid #000000!important; }
.border-blue-info { border:1px solid #0DCAF0!important; }
.border-blue-primary { border:1px solid #084298!important; }
.border-blue-sky { border:1px solid #CFF4FC!important; }
.border-green { border:1px solid #5CB85C!important; }
.border-green-cyan { border:1px solid #A3CFBB!important; }
.border-grey { border:1px solid #A8A8A8!important; }
.border-grey-very-light { border:1px solid #F2F2F2!important; }
.border-orange { border:1px solid #FD7E14!important; }
.border-pink { border:1px solid #D63384!important; }
.border-purple { border:1px solid #8E24AA!important; }
.border-red { border:1px solid #D71A21!important; }
.border-redlight { border:1px solid #EA868F!important; }
.border-strong-cyan { border:1px solid #20C997!important; }
.border-yellow { border:1px solid #FFC107!important; }
.border-yellowlight { border:1px solid #F8EED7!important; }
.border-yellowmiddle { border:1px solid #FFCD39!important; }
.border-white { background-color:#FFFFFF!important; }
.border-whitesmoke { border:1px solid #F5F5F5!important; }
.border-cartouche { border-bottom:2px solid #FFFFFF;border-radius:0px; }
.border-cartouche-black { border-bottom:2px solid #000000;border-radius:0px; }

/* BUTTONS */
.btn-black-red { background-color:#000000; border:1px solid #000000; color:#FFFFFF; }
.btn-black-red:hover { background-color:#D71A21; border:1px solid #D71A21; color:#FFFFFF; }
.btn-inv-black-red { background-color:#FFFFFF; border:1px solid #000000; color:#000000; }
.btn-inv-black-red:hover { background-color:#D71A21; border:1px solid #D71A21; color:#FFFFFF; }

.btn-blue-info { background-color:#0DCAF0; border:1px solid #0DCAF0; color:#FFFFFF; }
.btn-blue-info:hover { background-color:#087990; border:1px solid #087990; color:#FFFFFF; }
.btn-inv-blue-info { background-color:#FFFFFF; border:1px solid #0DCAF0; color:#0DCAF0; }
.btn-inv-blue-info:hover { background-color:#087990; border:1px solid #087990; color:#FFFFFF; }

.btn-blue-primary { background-color:#084298; border:1px solid #084298; color:#FFFFFF; }
.btn-blue-primary:hover { background-color:#052C65; border:1px solid #052C65; color:#FFFFFF; }
.btn-inv-blue-primary { background-color:#FFFFFF; border:1px solid #084298; color:#084298; }
.btn-inv-blue-primary:hover { background-color:#052C65; border:1px solid #052C65; color:#FFFFFF; }

.btn-blue-sky { background-color:#CFF4FC; border:1px solid #CFF4FC; color:#FFFFFF; }
.btn-blue-sky:hover { background-color:#9FE9F9; border:1px solid #9FE9F9; color:#FFFFFF; }
.btn-inv-blue-sky { background-color:#FFFFFF; border:1px solid #CFF4FC; color:#CFF4FC; }
.btn-inv-blue-sky:hover { background-color:#9FE9F9; border:1px solid #9FE9F9; color:#FFFFFF; }

.btn-brown { background-color:#795548; border:1px solid #795548; color:#FFFFFF; }
.btn-brown:hover { background-color:#896052; border:1px solid #896052; color:#FFFFFF; }
.btn-inv-brown { background-color:#FFFFFF; border:1px solid #795548; color:#795548; }
.btn-inv-brown:hover { background-color:#896052; border:1px solid #896052; color:#FFFFFF; }

.btn-green { background-color:#5CB85C; border:1px solid #5CB85C; color:#FFFFFF; }
.btn-green:hover { background-color:#449D44; border-color:#449D44; color:#FFFFFF; }
.btn-inv-green { background-color:#FFFFFF; border:1px solid #5CB85C; color:#5CB85C; }
.btn-inv-green:hover { background-color:#2C732C; border-color:#2C732C; color:#FFFFFF; }

.btn-green-cyan { background-color:#A3CFBB; border:1px solid #A3CFBB; color:#FFFFFF; }
.btn-green-cyan:hover { background-color:#81BEA2; border:1px solid #81BEA2; color:#FFFFFF; }
.btn-inv-green-cyan { background-color:#FFFFFF; border:1px solid #A3CFBB; color:#A3CFBB; }
.btn-inv-green-cyan:hover { background-color:#81BEA2; border:1px solid #81BEA2; color:#FFFFFF; }

.btn-grey { background-color:#A8A8A8; border:1px solid #A8A8A8; color:#FFFFFF; }
.btn-grey:hover { background-color:#808080; border:1px solid #808080; color:#FFFFFF; }
.btn-inv-grey { background-color:#FFFFFF; border:1px solid #A8A8A8; color:#A8A8A8; }
.btn-inv-grey:hover { background-color:#808080; border:1px solid #808080; color:#FFFFFF; }

.btn-grey-very-light { background-color:#F2F2F2; border:1px solid #F2F2F2; color:#FFFFFF; }
.btn-grey-very-light:hover { background-color:#D9D9D9; border:1px solid #D9D9D9; color:#FFFFFF; }
.btn-inv-grey-very-light { background-color:#FFFFFF; border:1px solid #F2F2F2; color:#F2F2F2; }
.btn-inv-grey-very-light:hover { background-color:#D9D9D9; border:1px solid #D9D9D9; color:#FFFFFF; }

.btn-orange { background-color:#FD7E14; border:1px solid #FD7E14; color:#FFFFFF; }
.btn-orange:hover { background-color:#984C0C; border:1px solid #984C0C; color:#FFFFFF; }
.btn-inv-orange { background-color:#FFFFFF; border:1px solid #FD7E14; color:#FD7E14; }
.btn-inv-orange:hover { background-color:#984C0C; border:1px solid #984C0C; color:#FFFFFF; }

.btn-pink { background-color:#D63384; border: 1px solid #D63384; color:#FFFFFF; }
.btn-pink:hover { background-color:#ED4096; border:1px solid #ED4096; color:#FFFFFF; }
.btn-inv-pink { background-color:#FFFFFF; border:1px solid #D63384; color:#D63384; }
.btn-inv-pink:hover { background-color:#801F4F; border-color:1px solid #801F4F; color:#FFFFFF; }

.btn-inv-primary { background-color:#FFFFFF; border:1px solid #0D6EFD; color:#0D6EFD; }
.btn-inv-primary:hover { background-color:#0B5ED7; border:1px solid #0B5ED7; color:#FFFFFF; }

.btn-purple { background-color:#8E24AA; border:1px solid #8E24AA; color:#FFFFFF; }
.btn-purple:hover { background-color:#62007B; border:1px solid #62007B; color:#FFFFFF; }
.btn-inv-purple { background-color:#FFFFFF; border:1px solid #8E24AA; color:#8E24AA; }
.btn-inv-purple:hover { background-color:#62007B; border:1px solid 1px solid #62007B; color:#FFFFFF; }

.btn-red { background-color:#D71A21; border:1px solid #D71A21; color:#FFFFFF; }
.btn-red:hover { background-color:#A20B11; border:1px solid #A20B11; color:#FFFFFF; }
.btn-inv-red { background-color:#FFFFFF; border:1px solid #D71A21; color:#D71A21; }
.btn-inv-red:hover { background-color:#A20B11; border:1px solid #A20B11; color:#FFFFFF; }

.btn-redlight { background-color:#EA868F; border:1px solid #EA868F; color:#FFFFFF; }
.btn-redlight:hover { background-color:#E25B67; border-color:#E25B67; color:#FFFFFF; }
.btn-inv-redlight { background-color:#FFFFFF; border:1px solid #EA868F; color:#EA868F; }
.btn-inv-redlight:hover { background-color:#E25B67; border-color:#E25B67; color:#FFFFFF; }

.btn-strong-cyan { background-color:#20C997; border:1px solid #20C997; color:#FFFFFF; }
.btn-strong-cyan:hover { background-color:#13795B; border:1px solid #13795B; color:#FFFFFF; }
.btn-inv-strong-cyan { background-color:#FFFFFF; border:1px solid #20C997; color:#20C997; }
.btn-inv-strong-cyan:hover { background-color:#13795B; border:1px solid #13795B; color:#FFFFFF; }

.btn-yellow { background-color:#FFC107; border:1px solid #FFC107; color:#FFFFFF; }
.btn-yellow:hover { background-color:#664D03; border:1px solid #664D03; color:#FFFFFF; }
.btn-inv-yellow { background-color:#FFFFFF; border:1px solid #FFC107; color:#FFC107; }
.btn-inv-yellow:hover { background-color:#664D03; border:1px solid #664D03; color:#FFFFFF; }

.btn-yellowlight { background-color:#F8EED7; border:1px solid #F8EED7; color:#FFFFFF; }
.btn-yellowlight:hover { background-color:#F0DCAC; border-color:#F0DCAC; color:#FFFFFF; }
.btn-inv-yellowlight { background-color:#FFFFFF; border:1px solid #F8EED7; color:#F8EED7; }
.btn-inv-yellowlight:hover { background-color:#F0DCAC; border-color:#F0DCAC; color:#FFFFFF; }

.btn-yellowmiddle { background-color:#FFCD39; border:1px solid #FFCD39; color:#FFFFFF; }
.btn-yellowmiddle:hover { background-color:#FFC006; border-color:#FFC006; color:#FFFFFF; }
.btn-inv-yellowmiddle { background-color:#FFFFFF; border:1px solid #FFCD39; color:#FFCD39; }
.btn-inv-yellowmiddle:hover { background-color:#FFC006; border-color:#FFC006; color:#FFFFFF; }

.btn-white { background-color:#F5F8FA; border:1px solid #F5F8FA; color:#212529; }
.btn-white:hover { background-color:#EFF1F2; border:1px solid #DFDFDF; color:#212529; }

.btn-whitesmoke { background-color:#F5F5F5; border:1px solid #F5F5F5; color:#FFFFFF; }
.btn-whitesmoke:hover { background-color:#DCDCDC; border-color:#DCDCDC; color:#FFFFFF; }
.btn-inv-whitesmoke { background-color:#FFFFFF; border:1px solid #F5F5F5; color:#F5F5F5; }
.btn-inv-whitesmoke:hover { background-color:#DCDCDC; border-color:#DCDCDC; color:#FFFFFF; }





/*VENTES*/
.livrer { background-color: #87CEFA!important; }
.pending { background-color: #FFA500!important; }
.bloquer { background-color: rgba(218, 240, 151, 0.5)!important; }
.vendu { background-color: rgba(161, 127, 159, 0.5)!important; }
.perdu { background-color: rgba(242, 222, 222, 1)!important; }
.resale { background-color: #778899!important;color:white!important; }
.resale_bloquer { background-color: #C0C0C0!important;color:white!important; }
.payer { background-color: #5cb85c!important; }

/* TABLE */
.table > tbody > tr > * { background-color: transparent; }
.table > thead > tr > th { background: #D7D7D7; border-bottom: none; text-transform: uppercase; }

/* DIVERS */
.moncartouche { font-size:30px;padding:15px 17px; }
.fa { margin-right:0px; }
.fas { margin-right:0px; }
.btn-group-xs > .btn, .btn-xs { padding: .1rem .4rem; font-size: .8rem; border-radius: .2rem; }
.btn .btn-xs .fa { margin-right:0px; }


/* ACCORDION */
.accordion-title { font-size:22px; font-weight:bold; padding-bottom:5px; text-transform:uppercase; border-bottom:none; }
.accordion-item { background-color:#FFFFFF; border:1px solid #D3E0E9 !important; border-radius:4px !important; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom:20px; padding:15px; }
.accordion-button:hover { color:#D71A21; }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d71921'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button:not(.collapsed) { color:#000000; background-color:#FFFFFF; border:none!important; box-shadow:none!important; }
.accordion-button:focus { border:none; box-shadow:none!important; }
.accordion-body { padding:0.5rem; }

/* TABS */
.nav-pills .nav-link.active { background-color:#D71A21; color:#FFFFFF; }
.nav-pills .nav-link { border-radius:0px; background-color:#000000; color:#FFFFFF; border:1px solid #FFFFFF; }
.nav-pills .nav-link:hover { background-color:#CCCCCC; color:#FFFFFF; }


.pagination .page-link { color:#000000; }
.pagination .page-item.active .page-link { background-color:#000000;border-color:#000000; }


/* ========== SIDEBAR ========== */
:root {
  --tf-sidebar-width: 195px;
  --tf-sidebar-bg: #E6EDF2;
  --tf-sidebar-border: #d3e0e9;
  --tf-sidebar-text: #212529;
  --tf-sidebar-hover: rgba(0,0,0,0.06);
  --tf-sidebar-active: rgba(0,0,0,0.08);
}

.tf-app-wrapper { display: flex; min-height: 100vh; overflow-x: hidden; }
.tf-main { flex: 1; min-width: 0; transition: margin-left 0.2s ease; }
.tf-main .container { min-width: 0; max-width: 100%; }

/* Sidebar - desktop */
.tf-sidebar {
  width: var(--tf-sidebar-width);
  min-width: var(--tf-sidebar-width);
  background: var(--tf-sidebar-bg);
  border-right: 1px solid var(--tf-sidebar-border);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 1020;
  transition: width 0.2s ease, min-width 0.2s ease;
}
.tf-sidebar.collapsed {
  width: 0;
  min-width: 0;
  overflow: hidden;
  border-right-width: 0;
}
.tf-sidebar .tf-sidebar-nav { padding: 0.75rem 0; overflow-y: auto; }
.tf-sidebar .nav-link,
.tf-sidebar .tf-sidebar-item {
  display: flex;
  align-items: center;
  color: var(--tf-sidebar-text);
  padding: 0.5rem 1rem;
  border-radius: 0;
  border-left: 3px solid transparent;
  white-space: nowrap;
  text-decoration: none;
}
.tf-sidebar .nav-link:hover,
.tf-sidebar .tf-sidebar-item:hover { background: var(--tf-sidebar-hover); color: var(--tf-sidebar-text); }
.tf-sidebar .nav-link.active,
.tf-sidebar .tf-sidebar-item.active { background: var(--tf-sidebar-active); border-left-color: #000; font-weight: 600; }
.tf-sidebar .tf-collapse-toggle { margin-left: auto; transition: transform 0.2s; }
.tf-sidebar .tf-collapse-toggle.collapsed { transform: rotate(-90deg); }
.tf-sidebar .collapse .nav-link { padding-left: 1.5rem; font-size: 0.95em; }

/* Mobile: sidebar overlay */
@media (max-width: 991.98px) {
  .tf-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 1030;
    transform: translateX(-100%);
    box-shadow: 4px 0 12px rgba(0,0,0,0.15);
  }
  .tf-sidebar.show-mobile { transform: translateX(0); width: var(--tf-sidebar-width); min-width: var(--tf-sidebar-width); border-right-width: 1px; }
  .tf-sidebar-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1025;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
  }
  .tf-sidebar-backdrop.show { opacity: 1; visibility: visible; }
}
@media (min-width: 992px) {
  .tf-sidebar-backdrop { display: none !important; }
}


/* ========== THÈME DARK ========== */
[data-bs-theme="dark"] {
  --tf-sidebar-bg: #2d3238;
  --tf-sidebar-border: #3d434b;
  --tf-sidebar-text: #e4e6eb;
  --tf-sidebar-hover: rgba(255,255,255,0.06);
  --tf-sidebar-active: rgba(255,255,255,0.1);
}
[data-bs-theme="dark"] body {
  background-color: #1a1d21;
  color: #e4e6eb;
}
[data-bs-theme="dark"] .myBloc {
  background-color: #24262b;
  border-color: #3d434b;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
[data-bs-theme="dark"] .table > thead > tr > th {
  background: #2d3238;
  color: #e4e6eb;
  border-color: #3d434b;
}
[data-bs-theme="dark"] .table > tbody > tr > * {
  border-color: #3d434b;
}
[data-bs-theme="dark"] .accordion-item {
  background-color: #24262b;
  border-color: #3d434b;
}
[data-bs-theme="dark"] .accordion-button {
  background-color: #24262b;
  color: #e4e6eb;
  border-color: #3d434b;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: #2d3238;
  color: #e4e6eb;
}
[data-bs-theme="dark"] .accordion-button:hover {
  color: #fff;
}
[data-bs-theme="dark"] .tf-sidebar .nav-link.active,
[data-bs-theme="dark"] .tf-sidebar .tf-sidebar-item.active {
  border-left-color: #e4e6eb;
}
[data-bs-theme="dark"] .note_title {
  border-bottom-color: #3d434b;
}
[data-bs-theme="dark"] a.listing-table {
  color: #e4e6eb;
}
[data-bs-theme="dark"] .bg-yellowlight {
  color: #212529;
}
[data-bs-theme="dark"] .bg-yellowlight a:not(.btn) {
  color: #0d6efd;
}