.bg-blue-100 { background-color: #dbeafe !important; }
.text-blue-100 { color: #dbeafe !important; }
.bg-blue-200 { background-color: #bfdbfe !important; }
.text-blue-200 { color: #bfdbfe !important; }
.bg-blue-300 { background-color: #93c5fd !important; }
.text-blue-300 { color: #93c5fd !important; }
.bg-blue-400 { background-color: #60a5fa !important; }
.text-blue-400 { color: #60a5fa !important; }
.bg-blue-500 { background-color: #3b82f6 !important; }
.text-blue-500 { color: #3b82f6 !important; }
.bg-blue-600 { background-color: #2563eb !important; }
.text-blue-600 { color: #2563eb !important; }
.bg-blue-700 { background-color: #1d4ed8 !important; }
.text-blue-700 { color: #1d4ed8 !important; }
.bg-blue-800 { background-color: #1e40af !important; }
.text-blue-800 { color: #1e40af !important; }
.bg-blue-900 { background-color: #1e3a8a !important; }
.text-blue-900 { color: #1e3a8a !important; }
.bg-indigo-100 { background-color: #e0e7ff !important; }
.text-indigo-100 { color: #e0e7ff !important; }
.bg-indigo-200 { background-color: #c7d2fe !important; }
.text-indigo-200 { color: #c7d2fe !important; }
.bg-indigo-300 { background-color: #a5b4fc !important; }
.text-indigo-300 { color: #a5b4fc !important; }
.bg-indigo-400 { background-color: #818cf8 !important; }
.text-indigo-400 { color: #818cf8 !important; }
.bg-indigo-500 { background-color: #6366f1 !important; }
.text-indigo-500 { color: #6366f1 !important; }
.bg-indigo-600 { background-color: #4f46e5 !important; }
.text-indigo-600 { color: #4f46e5 !important; }
.bg-indigo-700 { background-color: #4338ca !important; }
.text-indigo-700 { color: #4338ca !important; }
.bg-indigo-800 { background-color: #3730a3 !important; }
.text-indigo-800 { color: #3730a3 !important; }
.bg-indigo-900 { background-color: #312e81 !important; }
.text-indigo-900 { color: #312e81 !important; }
.bg-purple-100 { background-color: #f3e8ff !important; }
.text-purple-100 { color: #f3e8ff !important; }
.bg-purple-200 { background-color: #e9d5ff !important; }
.text-purple-200 { color: #e9d5ff !important; }
.bg-purple-300 { background-color: #d8b4fe !important; }
.text-purple-300 { color: #d8b4fe !important; }
.bg-purple-400 { background-color: #c084fc !important; }
.text-purple-400 { color: #c084fc !important; }
.bg-purple-500 { background-color: #a855f7 !important; }
.text-purple-500 { color: #a855f7 !important; }
.bg-purple-600 { background-color: #9333ea !important; }
.text-purple-600 { color: #9333ea !important; }
.bg-purple-700 { background-color: #7e22ce !important; }
.text-purple-700 { color: #7e22ce !important; }
.bg-purple-800 { background-color: #6b21a8 !important; }
.text-purple-800 { color: #6b21a8 !important; }
.bg-purple-900 { background-color: #581c87 !important; }
.text-purple-900 { color: #581c87 !important; }
.bg-pink-100 { background-color: #fce7f3 !important; }
.text-pink-100 { color: #fce7f3 !important; }
.bg-pink-200 { background-color: #fbcfe8 !important; }
.text-pink-200 { color: #fbcfe8 !important; }
.bg-pink-300 { background-color: #f9a8d4 !important; }
.text-pink-300 { color: #f9a8d4 !important; }
.bg-pink-400 { background-color: #f472b6 !important; }
.text-pink-400 { color: #f472b6 !important; }
.bg-pink-500 { background-color: #ec4899 !important; }
.text-pink-500 { color: #ec4899 !important; }
.bg-pink-600 { background-color: #db2777 !important; }
.text-pink-600 { color: #db2777 !important; }
.bg-pink-700 { background-color: #be185d !important; }
.text-pink-700 { color: #be185d !important; }
.bg-pink-800 { background-color: #9d174d !important; }
.text-pink-800 { color: #9d174d !important; }
.bg-pink-900 { background-color: #831843 !important; }
.text-pink-900 { color: #831843 !important; }
.bg-red-100 { background-color: #fee2e2 !important; }
.text-red-100 { color: #fee2e2 !important; }
.bg-red-200 { background-color: #fecaca !important; }
.text-red-200 { color: #fecaca !important; }
.bg-red-300 { background-color: #fca5a5 !important; }
.text-red-300 { color: #fca5a5 !important; }
.bg-red-400 { background-color: #f87171 !important; }
.text-red-400 { color: #f87171 !important; }
.bg-red-500 { background-color: #ef4444 !important; }
.text-red-500 { color: #ef4444 !important; }
.bg-red-600 { background-color: #dc2626 !important; }
.text-red-600 { color: #dc2626 !important; }
.bg-red-700 { background-color: #b91c1c !important; }
.text-red-700 { color: #b91c1c !important; }
.bg-red-800 { background-color: #991b1b !important; }
.text-red-800 { color: #991b1b !important; }
.bg-red-900 { background-color: #7f1d1d !important; }
.text-red-900 { color: #7f1d1d !important; }
.bg-orange-100 { background-color: #ffedd5 !important; }
.text-orange-100 { color: #ffedd5 !important; }
.bg-orange-200 { background-color: #fed7aa !important; }
.text-orange-200 { color: #fed7aa !important; }
.bg-orange-300 { background-color: #fdba74 !important; }
.text-orange-300 { color: #fdba74 !important; }
.bg-orange-400 { background-color: #fb923c !important; }
.text-orange-400 { color: #fb923c !important; }
.bg-orange-500 { background-color: #f97316 !important; }
.text-orange-500 { color: #f97316 !important; }
.bg-orange-600 { background-color: #ea580c !important; }
.text-orange-600 { color: #ea580c !important; }
.bg-orange-700 { background-color: #c2410c !important; }
.text-orange-700 { color: #c2410c !important; }
.bg-orange-800 { background-color: #9a3412 !important; }
.text-orange-800 { color: #9a3412 !important; }
.bg-orange-900 { background-color: #7c2d12 !important; }
.text-orange-900 { color: #7c2d12 !important; }
.bg-yellow-100 { background-color: #fef9c3 !important; }
.text-yellow-100 { color: #fef9c3 !important; }
.bg-yellow-200 { background-color: #fef08a !important; }
.text-yellow-200 { color: #fef08a !important; }
.bg-yellow-300 { background-color: #fde047 !important; }
.text-yellow-300 { color: #fde047 !important; }
.bg-yellow-400 { background-color: #facc15 !important; }
.text-yellow-400 { color: #facc15 !important; }
.bg-yellow-500 { background-color: #eab308 !important; }
.text-yellow-500 { color: #eab308 !important; }
.bg-yellow-600 { background-color: #ca8a04 !important; }
.text-yellow-600 { color: #ca8a04 !important; }
.bg-yellow-700 { background-color: #a16207 !important; }
.text-yellow-700 { color: #a16207 !important; }
.bg-yellow-800 { background-color: #854d0e !important; }
.text-yellow-800 { color: #854d0e !important; }
.bg-yellow-900 { background-color: #713f12 !important; }
.text-yellow-900 { color: #713f12 !important; }
.bg-green-100 { background-color: #dcfce7 !important; }
.text-green-100 { color: #dcfce7 !important; }
.bg-green-200 { background-color: #bbf7d0 !important; }
.text-green-200 { color: #bbf7d0 !important; }
.bg-green-300 { background-color: #86efac !important; }
.text-green-300 { color: #86efac !important; }
.bg-green-400 { background-color: #4ade80 !important; }
.text-green-400 { color: #4ade80 !important; }
.bg-green-500 { background-color: #22c55e !important; }
.text-green-500 { color: #22c55e !important; }
.bg-green-600 { background-color: #16a34a !important; }
.text-green-600 { color: #16a34a !important; }
.bg-green-700 { background-color: #15803d !important; }
.text-green-700 { color: #15803d !important; }
.bg-green-800 { background-color: #166534 !important; }
.text-green-800 { color: #166534 !important; }
.bg-green-900 { background-color: #14532d !important; }
.text-green-900 { color: #14532d !important; }
.bg-emerald-100 { background-color: #d1fae5 !important; }
.text-emerald-100 { color: #d1fae5 !important; }
.bg-emerald-200 { background-color: #a7f3d0 !important; }
.text-emerald-200 { color: #a7f3d0 !important; }
.bg-emerald-300 { background-color: #6ee7b7 !important; }
.text-emerald-300 { color: #6ee7b7 !important; }
.bg-emerald-400 { background-color: #34d399 !important; }
.text-emerald-400 { color: #34d399 !important; }
.bg-emerald-500 { background-color: #10b981 !important; }
.text-emerald-500 { color: #10b981 !important; }
.bg-emerald-600 { background-color: #059669 !important; }
.text-emerald-600 { color: #059669 !important; }
.bg-emerald-700 { background-color: #047857 !important; }
.text-emerald-700 { color: #047857 !important; }
.bg-emerald-800 { background-color: #065f46 !important; }
.text-emerald-800 { color: #065f46 !important; }
.bg-emerald-900 { background-color: #064e3b !important; }
.text-emerald-900 { color: #064e3b !important; }
.bg-teal-100 { background-color: #ccfbf1 !important; }
.text-teal-100 { color: #ccfbf1 !important; }
.bg-teal-200 { background-color: #99f6e4 !important; }
.text-teal-200 { color: #99f6e4 !important; }
.bg-teal-300 { background-color: #5eead4 !important; }
.text-teal-300 { color: #5eead4 !important; }
.bg-teal-400 { background-color: #2dd4bf !important; }
.text-teal-400 { color: #2dd4bf !important; }
.bg-teal-500 { background-color: #14b8a6 !important; }
.text-teal-500 { color: #14b8a6 !important; }
.bg-teal-600 { background-color: #0d9488 !important; }
.text-teal-600 { color: #0d9488 !important; }
.bg-teal-700 { background-color: #0f766e !important; }
.text-teal-700 { color: #0f766e !important; }
.bg-teal-800 { background-color: #115e59 !important; }
.text-teal-800 { color: #115e59 !important; }
.bg-teal-900 { background-color: #134e4a !important; }
.text-teal-900 { color: #134e4a !important; }
.bg-cyan-100 { background-color: #cffafe !important; }
.text-cyan-100 { color: #cffafe !important; }
.bg-cyan-200 { background-color: #a5f3fc !important; }
.text-cyan-200 { color: #a5f3fc !important; }
.bg-cyan-300 { background-color: #67e8f9 !important; }
.text-cyan-300 { color: #67e8f9 !important; }
.bg-cyan-400 { background-color: #22d3ee !important; }
.text-cyan-400 { color: #22d3ee !important; }
.bg-cyan-500 { background-color: #06b6d4 !important; }
.text-cyan-500 { color: #06b6d4 !important; }
.bg-cyan-600 { background-color: #0891b2 !important; }
.text-cyan-600 { color: #0891b2 !important; }
.bg-cyan-700 { background-color: #0e7490 !important; }
.text-cyan-700 { color: #0e7490 !important; }
.bg-cyan-800 { background-color: #155e75 !important; }
.text-cyan-800 { color: #155e75 !important; }
.bg-cyan-900 { background-color: #164e63 !important; }
.text-cyan-900 { color: #164e63 !important; }
.bg-gray-100 { background-color: #f3f4f6 !important; }
.text-gray-100 { color: #f3f4f6 !important; }
.bg-gray-200 { background-color: #e5e7eb !important; }
.text-gray-200 { color: #e5e7eb !important; }
.bg-gray-300 { background-color: #d1d5db !important; }
.text-gray-300 { color: #d1d5db !important; }
.bg-gray-400 { background-color: #9ca3af !important; }
.text-gray-400 { color: #9ca3af !important; }
.bg-gray-500 { background-color: #6b7280 !important; }
.text-gray-500 { color: #6b7280 !important; }
.bg-gray-600 { background-color: #4b5563 !important; }
.text-gray-600 { color: #4b5563 !important; }
.bg-gray-700 { background-color: #374151 !important; }
.text-gray-700 { color: #374151 !important; }
.bg-gray-800 { background-color: #1f2937 !important; }
.text-gray-800 { color: #1f2937 !important; }
.bg-gray-900 { background-color: #111827 !important; }
.text-gray-900 { color: #111827 !important; }

.custom-status-badge {
    font-size: 11px;
    font-weight: 300;
    padding: 6px;
    min-width: 125px;
}

.requete-line td {
    cursor: pointer !important;
}

.custom-body {
    background-color: #EAEAEA;
}

[data-bs-theme="dark"] .custom-body {
    background-color: #212529;
}

.custom-navbar {
    padding-top: 60px;
}

.custom-navbar > nav {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

[data-bs-theme="dark"] .custom-navbar > nav {
    background-color: #212529;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.custom-navbar-dropdown > li > a,
.custom-navbar-dropdown > li > button {
    font-size: 12px;
    font-weight: 200;
}

.custom-navbar-dropdown > li > h6 {
    font-size: 13px;
    font-weight: 400;
}

.custom-footer {
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
}

.custom-footer > div {
    font-size: 13px;
}

.custom-footer > div > a {
    color: #ffffff;
}

.custom-footer > div > a {
    color: #000000;
    text-decoration: underline dotted;
    font-weight: 300;
}

[data-bs-theme="dark"] .custom-footer {
    background-color: #212529;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .custom-footer > div > a {
    color: #ffffff;
}

.custom-container {
    background-color: #ffffff;
}

[data-bs-theme="dark"] .custom-container {
    background-color: #343a40;
}

.nav-link {
    cursor: pointer;
}

.custom-tabs > .nav > .nav-item > .nav-link {
    color: #000000;
    font-weight: 300;
    border: 2px var(--bs-border-style) var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .custom-tabs > .nav > .nav-item > .nav-link {
    background-color: #212529;
    color: #ffffffce;
    font-weight: 300;
    border: 2px var(--bs-border-style) #212529 !important;
}

.custom-tabs > .nav > .nav-item > .active {
    background-color: rgb(222, 226, 230);
    border: 2px var(--bs-border-style) var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .custom-tabs > .nav > .nav-item > .active {
    background-color: #212529;
    color: #ffffff;
    border: 2px var(--bs-border-style) var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .table > thead > tr > th > a {
    color: #ffffff;
}

[data-bs-theme="dark"] .table > tfoot > tr > th > a {
    color: #ffffff;
}

[data-bs-theme="dark"] .table > tfoot > tr > td > a {
    color: #ffffff;
}

[data-bs-theme="dark"] .table > tbody > tr > td > a {
    color: #ffffff;
}

.btn-formgroup-end {
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.btn-formgroup-end:hover {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.btn-formgroup-end:active {
    border: var(--bs-border-width) solid yellow;
}

.btn-discret,
.btn-discret:hover {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.btn-discret-20 {
    border: var(--bs-border-width) solid var(--bs-border-color);
    background-color: rgba(var(--bs-btn-bg), 0.8);
}

.btn-discret-20:hover {
    border: var(--bs-border-width) solid var(--bs-border-color);
    background-color: rgba(var(--bs-btn-hover-bg), 0.8);
    opacity: 1.5;
}

.request-summary-row {
    padding-bottom: 5px;
}

.request-summary {
/*    width: 248px;*/
    overflow-x: scroll;
    max-width: 750px;
    white-space: nowrap;
}

.request-summary,
.request-summary > div {
    font-size: 0.9rem;
}

.request-summary > div :not(:last-child) {
    padding-bottom: 5px;
}

.request-summary > div > div > i {
    cursor: pointer;
}

.soft-link {
    font-weight: 400;
}

.soft-link > a {
    text-decoration: underline dotted;
    color: var(--bs-card-color);
}

.nodecoration-noupper {
    font-weight: 400;
    text-decoration: underline dotted;
    color: black;
    cursor: pointer;
}

.nodecoration {
    font-weight: 400;
    text-decoration: underline dotted;
    text-transform: capitalize;
    color: black;
    cursor: pointer;
}

[data-bs-theme="dark"] .nodecoration {
    color: white;
}

.nodecoration-nolink {
    font-weight: 400;
    text-transform: capitalize;
    color: black;
}

[data-bs-theme="dark"] .nodecoration-nolink {
    color: white;
}

.cc-input-list :not(:last-child) {
    margin-bottom: .5rem !important;
}

.maxi-input {
    width: 500px;
    min-width: 500px;
}

.mini-input {
    width: 250px;
    max-width: 250px;
}

.tooltip-link,
.tooltip-link:hover {
    color: inherit;
}

.console {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    white-space: pre;
    font-size: 12px;
}

.table-filtres {
    font-size: 0.955rem;
    font-weight: 300;
    text-decoration: underline dotted;
    text-transform: capitalize;
    color: black;
    cursor: pointer;
}

.table-filtres-nolink {
    font-size: 0.955rem;
    font-weight: 300;
    text-transform: capitalize;
    color: black;
    text-decoration: none;
}

.alert-liste > li > a {
    text-decoration: underline dotted;
    color: inherit;
}

/** Liste requêtes **/
.titres-filtres {
    text-decoration: none;
    cursor: pointer;
    color: black;
    font-size: 12px;
    font-weight: 200;
    margin-left: 10px;
    margin-right: 10px;
}

[data-bs-theme="dark"] .titres-filtres {
    color: #cccccc;
}

.table-requetes {
    font-size: 0.815rem;
}

.table-requetes > tbody > tr > td > a {
    text-decoration: none;
    color: black;
}

.attachmentListNoContent {
    width: 100%;
    height: 100px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    background-color: white;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    color: var(--bs-body-color);
}

.attachmentListNoContentSmall {
    width: 100%;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    background-color: white;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .attachmentListNoContent {
    background-color: rgb(33, 37, 41);
}

textarea.file-drop-zone-hover {
    border: 2px dashed var(--bs-border-color);
    background-color: var(--bs-border-color-translucent);
}

.drop-zone {
    width: 100%;
    height: 100px;
    border: var(--bs-border-width) solid #ffc107;
    border-radius: var(--bs-border-radius);
    display: flex;
    background-color: #ffc107;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    color: black;
    cursor: pointer;
}

.drop-zone-hover {
    background-color: #ffca2c;
    border: var(--bs-border-width) solid #ffc720;
    color: black;
}

/* Light Theme – Modern Minimal */
.cadreColorI,
td.cadreColorI,
span.cadreColorI {
    color: white;
    background: #2F855A; /* Muted success green */
}

.cadreColorW,
td.cadreColorW,
span.cadreColorW {
    color: #333;
    background: #F6C344; /* Soft warning yellow */
}

.cadreColorH,
td.cadreColorH,
span.cadreColorH {
    color: #222;
    background: #99CCFF; /* Pale highlight */
}

.cadreColorO,
td.cadreColorO,
span.cadreColorO {
    color: white;
    background: #D64545; /* Soft danger red */
}

.cadreColorR,
td.cadreColorR,
span.cadreColorR {
    color: white;
    background: #444; /* Medium gray-black */
}

.cadreColorC,
td.cadreColorC,
span.cadreColorC {
    color: #333;
    background: #DADADA; /* Calm gray */
}

.cadreColorN,
td.cadreColorN,
span.cadreColorN {
    color: white;
    background: #3A7DCC; /* Muted info blue */
}

/* Dark Theme – Modern Minimal */
[data-bs-theme="dark"] .cadreColorI,
[data-bs-theme="dark"] td.cadreColorI,
[data-bs-theme="dark"] span.cadreColorI {
    color: #D1FAE5;
    background: #1E5631;
}

[data-bs-theme="dark"] .cadreColorW,
[data-bs-theme="dark"] td.cadreColorW,
[data-bs-theme="dark"] span.cadreColorW {
    color: #1A1A1A;
    background: #E5B838;
}

[data-bs-theme="dark"] .cadreColorH,
[data-bs-theme="dark"] td.cadreColorH,
[data-bs-theme="dark"] span.cadreColorH {
    color: #1A1A1A;
    background: #99CCFF;
}

[data-bs-theme="dark"] .cadreColorO,
[data-bs-theme="dark"] td.cadreColorO,
[data-bs-theme="dark"] span.cadreColorO {
    color: #FFF1F1;
    background: #A33636;
}

[data-bs-theme="dark"] .cadreColorR,
[data-bs-theme="dark"] td.cadreColorR,
[data-bs-theme="dark"] span.cadreColorR {
    color: #F1F1F1;
    background: #2B2B2B;
}

[data-bs-theme="dark"] .cadreColorC,
[data-bs-theme="dark"] td.cadreColorC,
[data-bs-theme="dark"] span.cadreColorC {
    color: #212529;
    background: #AFAFAF;
}

[data-bs-theme="dark"] .cadreColorN,
[data-bs-theme="dark"] td.cadreColorN,
[data-bs-theme="dark"] span.cadreColorN {
    color: #DDEEFF;
    background: #2F5DAB;
}

/*
Couleurs originelles

.cadreColorI,
td.cadreColorI,
span.cadreColorI {
    color: white;
    background: #008000;
}

.cadreColorW,
td.cadreColorW,
span.cadreColorW {
    color: white;
    background: #FFA500;
}

.cadreColorH,
td.cadreColorH,
span.cadreColorH {
    color: #111111;
    background: #fc0;
}

.cadreColorO,
td.cadreColorO,
span.cadreColorO {
    color: white;
    background: #D6362B;
}

.cadreColorR,
td.cadreColorR,
span.cadreColorR {
    color: white;
    background: black;
}

.cadreColorC,
td.cadreColorC,
span.cadreColorC {
    color: black;
    background: #D3D3D3;
}

.cadreColorN,
td.cadreColorN,
span.cadreColorN {
    color: whitesmoke;
    background: #2b7bd6;
}
*/

.cadreColorI,
td.cadreColorI,
span.cadreColorI,
.cadreColorW,
td.cadreColorW,
span.cadreColorW,
.cadreColorH,
td.cadreColorH,
span.cadreColorH,
.cadreColorO,
td.cadreColorO,
span.cadreColorO,
.cadreColorR,
td.cadreColorR,
span.cadreColorR,
.cadreColorC,
td.cadreColorC,
span.cadreColorC,
.cadreColorN,
td.cadreColorN,
span.cadreColorN {
    --bs-table-bg-type: unset !important;
}


.floating-card {
    position: sticky;
    top: 74px; /* Adjust as needed */
    width: 250px; /* Set the width */
    z-index: 1000;
}

/* Blur background effect */
.blur-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    display: none; /* Hidden by default */
}

/* Message box */
.message-box {
    width: 400px;
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.markedContainerRaw {
    display: none;
}

code.hljs {
    border-radius: 8px;
}

li:has(input[type="checkbox"]) {
    list-style-type: none;
}

.markedContainerRendered blockquote {
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: 3px solid #eee;
}

/* Thème clair, correction des fonds */
pre code.hljs {
    background-color: #f6f8fa;
}

/* Thème sombre, correction des fonds */
[data-bs-theme="dark"] pre code.hljs {
    background-color: #0d1117;
}

.reduce-font-size {
    font-size: 0.9rem;
}

.markedContainerRendered p:last-of-type {
    margin-bottom: 0;
}

.card-header-responses {
    padding: 0.2rem 0.75rem;
}

/* Bug Bootstrap si bouttons à côté des tabs dans un card-header */
/* C'est pour garder l'effet qui fusionne le tab avec le contenu du dessous */
.card-header-tabs .nav-link.active {
    border-bottom-width: 2px;
}

.md-toolbar button {
    background-color: inherit;
    color: inherit;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.md-toolbar button:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
  
.md-toolbar button:active {
    opacity: 0.7;
    background-color: rgba(0, 0, 0, 0.9);
}

.auto-grow {
    box-sizing: border-box; /* ensures padding doesn't affect height calculation */
    width: 100%;
}

button.btn-clair {
    background-color: inherit;
    background-color: var(--bs-body-bg);
}

button.btn-clair:hover {
    background-color: #818b981a;
}

[data-bs-theme="dark"] button.btn-clair {
    background-color: var(--bs-body-bg);
}

[data-bs-theme="dark"] button.btn-clair:hover {
    background-color: var(--bs-body-bg);
}

.cursor-hand {
    cursor: pointer;
}

div.cc-list:not(:last-child) {
    margin-bottom: 1rem !important;
}

div.form-floating > label {
    opacity: 0.5;
    color: #343a40;
}

.copy-paste-code {
    display: block;
/*    position: relative;
    float: right;*/
    opacity: 0.85;
    cursor: pointer;
}

.copy-paste-code button {
    background-color: #fefefe;
    opacity: 0.85;
}

[data-bs-theme="dark"] .copy-paste-code button {
    background-color: #303030;
}

.copy-paste-code:hover button {
    opacity: 1;
    background-color: #dedede;
}

[data-bs-theme="dark"] .copy-paste-code:hover button {
    background-color: #606060;
}

.copy-paste-code:active button {
    opacity: 1;
    background-color: #ffffff !important;
}

[data-bs-theme="dark"] .copy-paste-code:active button {
    background-color: #606060;
}

.legacy-view-switch {
    display: block;
    opacity: 0.45;
    cursor: pointer;
}

.legacy-view-switch:hover {
    opacity: 1;
}

.legacy-view-switch:hover button {
    opacity: 0.5;
    background-color: #dedede;
}

[data-bs-theme="dark"] .legacy-view-switch:hover button {
    background-color: #606060;
}

pre.legacy-display {
    margin-bottom: 0;
}

.sticky-ticket-notification {
    bottom: 130px;
}

.sticky-ticket-notification > div {
    opacity: 0.85;
    transition: 0.3s;
}

.sticky-ticket-notification > div:hover {
    opacity: 1;
}

.modal-body :is(:last-child) {
    margin-bottom: 0;
}

.fs-7 {
    font-size: 1.80rem;
}

.tour-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    z-index: 1050;
    pointer-events: auto;
}
  
.tour-tooltip {
    position: absolute;
    z-index: 1060;
}

.tour-highlight {
    position: relative;
    z-index: 1055 !important;
    box-shadow: 0 0 0 4px white, 0 0 15px 5px rgba(255, 255, 255, 0.9);
    border-radius: 6px;
    background-color: var(--bs-body-bg); /*rgba(255, 255, 255, 0.85);*/ /* fallback if inherited is transparent */
}

[data-bs-theme="dark"] .tour-highlight {
    background-color: var(--bs-body-bg);
}

/*
button.btn-clair .tour-highlight {
    color: red !important;b
}*/

/*.tour-highlight button.btn-clair {
    background-color: white !important;
}*/

/*.tour-highlight > button.btn-clair {
    background-color: var(--bs-body-bg);
}

.tour-highlight > button.btn-clair:hover {
    background-color: #818b981a;
}*/

/**
 * Fix bootstrap
 */
[data-bs-theme="dark"] .form-floating > label {
    color: rgba(var(--bs-body-color-rgb),.65);
}

.tab-subsection {
    border-bottom: 1px solid var(--bs-border-color);
    padding-left: 0.5rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 1.2rem;
}

.ts-dropdown {
    color: var(--bs-body-color) !important;
}

.ts-control .item {
    padding-top: 1rem;
    color: var(--bs-body-color) !important;
}

.ts-control > input {
    padding-top: 1rem !important;
    color: var(--bs-body-color) !important;
}

.ts-control > input::placeholder {
    color: var(--bs-body-color) !important;
}

.invalid-feedback > li {
    list-style: none;
}

.invalid-feedback > li:last-child {
    margin-bottom: 1em;
}

/** Collapsible with icon on left **/
.accordion-button-sdv {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: rgba(33, 37, 41, 0.03);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

[data-bs-theme="dark"] .accordion-button-sdv {
    background-color: rgba(222, 226, 230, 0.03)
}

.accordion-item:last-of-type > .accordion-header .accordion-button-sdv.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:first-of-type > .accordion-header .accordion-button-sdv {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-button-sdv:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-button-sdv::before {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: 0;
    margin-right: 15px;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button-sdv:not(.collapsed)::before {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

[data-bs-theme="dark"] .accordion-button-sdv::before {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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");
}

/** Pimp tags **/
.use-bootstrap-tag button {
    font-size: 12px;
    margin-top: 2px;
    padding-top: 1px !important;
    padding-bottom: 2px !important;
}

.custom-alert {
    z-index: 1000;
    width: max-content;
}

.custom-alert .arrow {
    position: relative;
    top: -18px;
    left: 105px;
    width: 0;
    height: 0;
    border-style: 1px solid;
    border-color: #ffe69c;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff3cd; /* match .alert-warning */
}

.custom-alert > a {
    text-decoration: underline dotted;
    color: inherit;
}

.custom-alert > strong > a {
    text-decoration: underline dotted;
    color: inherit;
}

.accordion-no-icon {
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-icon-width: none;
}

[data-bs-theme="dark"] .accordion-no-icon {
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-icon-width: none;
}

.card-header-like-bottom {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);    
}

.copyPastePreview {
    height: 400px;
    overflow-y: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: 5px;
    cursor: pointer;
}

.copyPastePreview:hover,
.copyPastePreview:active {
    border: 1px solid black;
}

a.grepimpersonate {
    cursor: pointer;
}

a.suppr {
    cursor: pointer;
}

a.impersonification {
    cursor: pointer;
    text-decoration: underline dotted;
    font-weight: 300;
}

.impersonation-mt {
    margin-top: 2.5rem !important;
}

.btn-transparent {
    opacity: 0.7;
}

.btn-transparent:hover {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;    
}

input[type="checkbox"].form-check-input {
    cursor: pointer;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0.8rem;
  text-transform: uppercase;
  overflow: hidden;
  background-color: #6c757d; /* fallback bg if text */
}

.bg-cover {
  background-size: cover;
  background-position: center;
}

span.email > span:nth-child(2) {
	display: none;
}