body,
.page-content-wrapper,
.page-sidebar {
    background-color: #f7f7f7;
}

.page-logo,
.page-sidebar {
    background-color: white;
    background-image: none;
}
/* Rail (fond) */
.slimScrollRail {
    background: #1f1f1f !important;
    width: 14px !important;
    border-radius: 8px;
    opacity: 1 !important;
}

/* Barre de scroll */
.slimScrollBar {
    background: #5a5a5a !important;
    width: 14px !important;
    border-radius: 8px;
    opacity: 0.9 !important;
}

/* Hover */
.slimScrollBar:hover {
    background: #777 !important;
}

.page-logo .page-logo-text {
    color: #069c69;
    font-weight: bold;
    text-transform: uppercase;
}

body #js-primary-nav li a {
    color: #333;
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul>li a::after {
    border: 0;
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul::before {
    border-left: 1px solid #069c69;
}

.bootstrap-select .dropdown-menu .dropdown-menu {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.mod-skin-dark:not(.mod-skin-light) .fc a {
    color: unset !important;
}

.custom-file-label:lang(fr)::after {
    content: "Parcourir";
}

.required:not(.form-check-label):before {
    content: "\2000* ";
    color: red;
}

table th:last-child {
    width: 150px;
}

.form-check-inline {
    margin-right: 5px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

h2,
h3,
h4,
h5,
h6 {
    color: var(--theme-primary-500);
}

.img-medium {
    width: 6em;
}

div:where(.swal2-container) .swal2-html-container {
    font-size: 1rem !important;
}

.swal2-actions {
    margin: 0 !important;
}

.field-changed:before {
    text-align: center;
    display: inline;
    border: 0 !important;
    font-family: 'Font Awesome 5 Pro';
    content: "\f06a" !important;
    vertical-align: bottom !important;
    position: relative;
    color: red;
    font-size: large;
    right: 5px;
}

#product_request_container .accordion .card .card-header {
    cursor: auto;
}

/* Empêche la popup de masquer les éléments qui dépassent */
.swal2-popup {
    overflow: visible !important;
}

/* Permet au conteneur global de ne pas cacher ce qui dépasse */
#swal2-html-container {
    overflow: visible !important;
}

.swal2-actions {
    z-index: 0 !important;
}

.toggle-wrapper {
  display: inline-block;
  position: relative;
}

.toggle-radio {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 25px;
  overflow: hidden;
  background: #f8f9fa;
}

.toggle-radio input[type="radio"] {
  display: none;
}

.toggle-radio label {
  flex: 1;
  text-align: center;
  padding: 8px 16px;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.toggle-radio input[type="radio"]:checked + label {
  background-color: #007bff;
  color: #fff;
}

.toggle-radio label:first-of-type {
  border-right: 1px solid #ccc;
}


/* KPI cards */

/* --- Ligne 1 : actions (cliquables) --- */
.kpi-action {
  background: #069c69;  /* sombre neutre */
  color: #fff;
  border: 1px solid rgba(255,255,255,.08);
}
.kpi-action .kpi-link { color: #fff; }

/* Mise en avant “en attente” */
.kpi-waiting {
  border-left: 4px solid rgba(255, 193, 7, .95); /* accent jaune/orange */
}
.kpi-waiting .kpi-ico { opacity: .95; }

/* Hover cliquable (plus visible) */
.kpi-link {
  position: relative;
  border-radius: .35rem;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.kpi-link:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  
}
.kpi-go { opacity: .6; transition: transform .15s ease, opacity .15s ease; }
.kpi-link:hover .kpi-go { transform: translateX(6px); opacity: 1; }

/* --- Ligne 2 : infos/performance (sobre) --- */
.kpi-info {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(0,0,0,.08);
  color: inherit;
}
.kpi-info .kpi-ico { opacity: .7; }

.sa-flot-tooltip{
  padding: .6rem .75rem !important;
  border-radius: .35rem !important;
  background: rgba(25, 28, 34, .96) !important;
  color: #fff !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.25) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  font-size: .85rem !important;
  line-height: 1.25rem !important;
}

.sa-flot-tooltip .tt-title{ font-weight:700; margin-bottom:.25rem; }
.sa-flot-tooltip .tt-row{ display:flex; justify-content:space-between; gap:1rem; opacity:.95; }
.sa-flot-tooltip .tt-row .k{ opacity:.7; }
.sa-flot-tooltip .tt-row .v{ font-weight:700; }
.sa-flot-tooltip .tt-sep{ height:1px; background:rgba(255,255,255,.08); margin:.35rem 0; }