:root,[data-bs-theme=light] {
    --bs-primary: #0493A8;
    --bs-primary-rgb: 4,147,168;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-link-color: #0493A8;
    --bs-link-hover-color: #088092;
    --bs-primary-active: #088092;
    --bs-primary-light: #E9FCFF;
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: #0493A8;
    --bs-component-active-bg: #0493A8;
    --bs-component-hover-color: #0493A8;
    --bs-component-checked-bg: #0493A8;
    --bs-menu-link-color-hover: #0493A8;
    --bs-menu-link-color-show: #0493A8;
    --bs-menu-link-color-here: #0493A8;
    --bs-menu-link-color-active: #0493A8;
    --bs-ribbon-label-bg: #0493A8;
    --bs-ribbon-label-border-color: #026464;
    --bs-gray-700: #5E6278;
}

[data-bs-theme=light] {
    --bs-app-bg-color: #f3f6f9;
    --bs-app-blank-bg-color: #ffffff;
    --bs-app-header-base-bg-color: #17C653;
    --bs-app-header-sticky-bg-color: #ffffff;
    --bs-app-toolbar-base-bg-color: #ffffff;
    --bs-app-toolbar-sticky-bg-color: #ffffff;
    --bs-app-toolbar-sticky-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-sidebar-base-bg-color: #287884;
    --bs-app-sidebar-primary-base-bg-color: #1E6A75;
    --bs-app-sidebar-secondary-base-bg-color: #287884;
}

[data-bs-theme=dark] {
    --bs-primary-text: #6ea8fe;
    --bs-primary-bg-subtle: #031633;
    --bs-primary-border-subtle: #084298;
    --bs-link-color: #0493A8;
    --bs-text-dark: #FFFFFF;
    --bs-dark: #FFFFFF;
    --bs-dark-inverse: #1b1b29;
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #0493A8;
    --bs-btn-border-color: #0493A8;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #2ad0d0;
    --bs-btn-hover-border-color: #1dcece;
    --bs-btn-focus-shadow-rgb: 3,170,170;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #36d3d3;
    --bs-btn-active-border-color: #1dcece;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #0493A8;
    --bs-btn-disabled-border-color: #0493A8
}
.btn-outline-primary {
    --bs-btn-color: #0493A8;
    --bs-btn-border-color: #0493A8;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #0493A8;
    --bs-btn-hover-border-color: #0493A8;
    --bs-btn-focus-shadow-rgb: 4,200,200;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #0493A8;
    --bs-btn-active-border-color: #0493A8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0493A8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0493A8;
    --bs-gradient: none
}

.btn.btn-white {
    color: var(--bs-white-inverse); /* Couleur du texte */
    border-color: var(--bs-white);  /* Couleur de la bordure */
    background-color: var(--bs-white);  /* Couleur de fond */
}
.btn.btn-white:hover {
    color: #212529; /* Texte en noir doux */
    border-color: #e2e6ea;  /* Bordure gris très clair */
    background-color: #e2e6ea;  /* Fond gris très clair lors du survol */
}

.btn.btn-white:active, 
.btn.btn-white:focus {
    color: #212529; /* Texte en noir doux */
    border-color: #dae0e5;  /* Bordure gris clair */
    background-color: #dae0e5;  /* Fond gris clair lors de l'activation */
}

.text-light-secondary {
    color: var(--bs-secondary-inverse) !important;
}
.text-light-success {
    color: var(--bs-success-inverse) !important;
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #ffffff;
    --bs-nav-pills-link-active-bg: #0693a8
}
[data-bs-theme=light] {
    --bs-page-bg: #f3f6f9;
    --bs-app-blank-bg: #ffffff;
    --bs-header-desktop-fixed-bg-color: #ffffff;
    --bs-header-desktop-fixed-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    --bs-header-tablet-and-mobile-fixed-bg-color: #ffffff;
    --bs-header-tablet-and-mobile-fixed-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    --bs-footer-desktop-fixed-bg-color: #ffffff;
    --bs-footer-desktop-fixed-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    --bs-footer-tablet-and-mobile-fixed-bg-color: #ffffff;
    --bs-footer-tablet-and-mobile-fixed-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
    --bs-aside-bg-color: #ffffff;
    --bs-aside-box-shadow: rgba(206, 213, 225, 0.12);
}
.form-check-input:checked {
    background-color: #0493A8;
    border-color: #0493A8;
}
:root{
--kw-blue: #0d6efd;
--kw-blue-active: #0A57CA;
--kw-blue-inverse: #FFFFFF;
--kw-blue-light: #E6F2FF;

--kw-pink: #FF6C83;
--kw-pink-active: #CC5667;
--kw-pink-inverse: #FFFFFF;
--kw-pink-light: #FFE8EC;

--dark-blue: #01409e;
--dark-blue-active: #013080;
--dark-blue-inverse: #FFFFFF;
--dark-blue-light: #E4EBF7;

--dark-green: #268451;
--dark-green-active: #1B6B42;
--dark-green-inverse: #FFFFFF;
--dark-green-light: #E6F6ED;

--dark-red: #ab0c33;
--dark-red-active: #890729;
--dark-red-inverse: #FFFFFF;
--dark-red-light: #FFE7ED;

--dark-orange: #955311;
--dark-orange-active: #783C0D;
--dark-orange-inverse: #FFFFFF;
--dark-orange-light: #FAE8D8;

--dark-gray: #4F4F4F;
--dark-gray-active: #383838;
--dark-gray-inverse: #FFFFFF;
--dark-gray-light: #F2F2F2;

--dark-pink: #C2185B;
--dark-pink-active: #9B1348;
--dark-pink-inverse: #FFFFFF;
--dark-pink-light: #FDE8F2;

--pastel-yellow: #FFEB3B;
--pastel-yellow-active: #D4B92C;
--pastel-yellow-inverse: #4A4A4A;
--pastel-yellow-light: #FFFCE4;

--pastel-lilac: #C8A2C8;
--pastel-lilac-active: #A177A1;
--pastel-lilac-inverse: #4A4A4A;
--pastel-lilac-light: #F7EAF7;

--pastel-green: #B2DFDB;
--pastel-green-active: #8FB3AD;
--pastel-green-inverse: #4A4A4A;
--pastel-green-light: #E9F7F6;

--pastel-pink: #F8BBD0;
--pastel-pink-active: #D38C9A;
--pastel-pink-inverse: #4A4A4A;
--pastel-pink-light: #FDEAF2;

--yellow: #FFEB00;
--yellow-active: #CBB100;
--yellow-inverse: #333333;
--yellow-light: #FFFDE6;
--yellow-light-inverse: #333333;

--dark-yellow: #D4A017;
--dark-yellow-active: #A37C11;
--dark-yellow-inverse: #FFFFFF;
--dark-yellow-light: #FFF4DC;

--dark-violet: #4B0082;
--dark-violet-active: #3B0065;
--dark-violet-inverse: #FFFFFF;
--dark-violet-light: #EFE3F7;

--pastel-violet: #D1C4E9;
--pastel-violet-active: #A89EB3;
--pastel-violet-inverse: #4A4A4A;
--pastel-violet-light: #F6F1FB;
}
/******************************* TIMELINE *************************************/

.timeline {
    --bs-timeline-icon-size: 38px;
    --bs-timeline-icon-space: 0.35rem;
}
.timeline.timeline-border-dashed .timeline-line {
    border-left-style: dashed!important;
}
.timeline .timeline-line {
    display: block;
    content: " ";
    justify-content: center;
    position: absolute;
    z-index: 0;
    left: 0;
    top: var(--bs-timeline-icon-size);
    bottom: 0;
    transform: translate(50%);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--bs-gray-300);
    width: var(--bs-timeline-icon-size);
    margin-top: var(--bs-timeline-icon-space);
    margin-bottom: var(--bs-timeline-icon-space);
}


.timeline.timeline-border-dashed .timeline-icon {
    border-style: dashed!important;
}
.timeline .timeline-icon {
    z-index: 1;
    flex-shrink: 0;
    margin-right: 1rem;
    width: var(--bs-timeline-icon-size);
    height: var(--bs-timeline-icon-size);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-gray-300);
    border-radius: 50%;
}

/***************************** SCROLL BARS ************************************/

:root,[data-bs-theme=light]{
    --kw-scrollbar-track: #FFFFFF;
    --kw-scrollbar-thumb: #B9BAC1;
    --kw-scrollbar-thumbh: #181C32;
    --kw-ck-color-base-background: #FFFFFF;
}
[data-bs-theme=dark] {
    --kw-scrollbar-track: #1E1E2D;
    --kw-scrollbar-thumb: #62626C;
    --kw-scrollbar-thumbh: #FFFFFF;
    --kw-ck-color-base-background: #1B1B29;
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--kw-scrollbar-track);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--kw-scrollbar-thumb);
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--kw-scrollbar-thumbh);
}

.scroll-none {
    overflow-x: hidden;
    overflow-y: hidden;
}
.scroll-none.scroll-x {
    overflow-x: scroll;
}

.scroll-none.scroll-y {
    overflow-y: scroll;
}

@media (max-width: 768px) {
    .scroll-y {
        overflow-y: unset;
    }
}

/*********************************** TAGIFY *************************************/

.tagify__tag>div {
    color: var(--bs-gray-700);
}
.tagify__input {
    color: var(--bs-gray-700);
}

.dragsort--noAnim,
.dragsort--noAnim ~ [draggable]{
    transition: 0s !important;
}

.dragsort--dragStart .dragsort--dragElem {
    opacity: 0;
}

.dragsort--dragStart .dragsort--hide {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-width: 0 !important;
}

.dragsort--dragStart > *{
    transition: var(--dragsort-trans-dur, .18s) cubic-bezier(.6, .1, .4, 1.2);
}

.dragsort--dragStart > * > *{
    pointer-events: none;
}

/*********************************** BODY *************************************/

html, body{
    scroll-behavior: smooth;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: unset;
    }
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.bouton-a-afficher {
    visibility: hidden;
    /* styles du bouton */
}

body.kw-body-app-env-prod .kw-beta-element {
    display: none !important;
}

.element-a-survoler:hover .bouton-a-afficher {
    visibility: visible;
}

.odd:hover .bouton-a-afficher {
    visibility: visible;
}
.even:hover .bouton-a-afficher {
    visibility: visible;
}
.max-height-300 {
    max-height: 300px;
    overflow-x: scroll;
}

@media (min-width: 992px) {
    .header {
        height: 65px;
    }
}

.kanban-board .kanban-drag {
    max-height: 500px;
    min-height: 550px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.kanban-container {
    width: 10000px !important;
}
.kanban-container .kanban-board .kanban-board-header {
    background-color: var(--bs-aside-bg-color);
}
.kanban-container .kanban-board {
    width: 400px !important;
}

.kanban-container .kanban-board .kanban-item {
    text-wrap: balance;
    overflow-wrap: break-word;
}

table.dataTable {
    table-layout: fixed
}

table.dataTable.table-bordered.dtfc-has-left {
    border-left: var(--bs-border-color);
}

.table-striped .dtfc-fixed-left {
    padding-left: 0.75rem!important;
}

.table-striped .dtfc-fixed-right {
    padding-right: 0.75rem!important;
}

.ck.ck-editor__main, .ck.ck-editor__main>.ck-editor__editable {
    background-color: var(--kw-ck-color-base-background) !important;
}
@media (min-width: 992px) {
    .vh-lg-100 {
    height: 100vh!important;
    }

}
.table:not(.table-bordered) tfoot td, .table:not(.table-bordered) tfoot th {
    padding-top: 10px;
}

table.dataTable thead tr>.dtfc-fixed-left, table.dataTable thead tr>.dtfc-fixed-right, table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right, table.dataTable tfoot tr>.dtfc-fixed-left, table.dataTable tfoot tr>.dtfc-fixed-right {
    right: -2px !important;
}

table.dataTable tfoot {
    font-weight: bold;
    border-top: 4px solid var(--bs-border-color);
}

.bg-header-toolbar {
    background-color: var(--bs-aside-bg-color);
}
.bgi-size-cover {
    background-size: cover !important;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox] {
    background-size: unset;
}
.form-switch .form-check-input:not(.kw-customtable-listing-boolean-toggle) {
    width: 4.25rem;
}
.footer-fixed .footer {
    position: fixed;
    right: 0; /* Collé à droite */
    bottom: 0px;
    z-index: 97;
    width: calc(100% - 80px); /* Largeur réduite de 80px */
    border-radius: 0rem;
    display: flex;
    justify-content: center;
    box-shadow: var(--bs-footer-desktop-fixed-box-shadow);
    height: 50px;
}

@media (max-width: 844px) {
    .footer-fixed .footer {
        width: calc(100% - 50px);   
    }
 }
@media (min-width: 992px) {
    .footer-fixed .wrapper {
        padding-bottom: unset;
    }
}
@media (max-width: 991.98px) {
    .aside-secondary-enabled .aside {
        width: 480px !important;
    }
    .aside .aside-secondary .aside-workspace {
        width: 420px !important;
        flex-shrink: 0;
    }
}
/* Par défaut (largeur égale 50% pour chaque div) */
.discount-type-container, .discount-value-container {
    flex-basis: 50%; /* Largeur 50% par défaut */
}

/* Pour les petits écrans (xs) */
@media (max-width: 576px) {
    .discount-type-container {
        flex-basis: 50%; /* Largeur 60% pour discountType */
    }

    .discount-value-container {
        flex-basis: 50%; /* Largeur 40% pour discountValue */
    }
}
.mw-280px {
    max-width: 280px!important;
}
.mw-1260px {
    max-width: 1260px!important;
}
.swal2-icon.swal2-success {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    border-width: 5px;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--bs-primary);
}
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(var(--bs-primary-rgb),.3);
}
.swal2-icon.swal2-success .swal2-success-ring {
    border: unset;
}
.swal2-icon.swal2-error {
    border-width: 5px;
}
.swal2-icon.swal2-warning {
    border-width: 5px;
}
.form-label {
    color: var(--bs-gray-900);
}
.input-group-text {
    border: none;
}
.modal-header {
    background-color: var(--bs-light) !important;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}

.modal-header h1 {
    color: var(--bs-text-gray-900)!important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important;
    border-radius: 0.425rem !important;

}
.modal-rounded {
    border-radius: 1rem !important;
}
.form-check.mb-form-check {
    margin-bottom: .5rem!important;
}

.form-select {
    background-color: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-100);

}
.form-select:focus {
    border-color: var(--bs-gray-200);
}
.form-control {
    background-color: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-100);

}
.form-control:focus {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
}
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent), 
.select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent) {
    border-color: var(--bs-gray-100);
}
.dropdown.show>.form-control.form-control-solid, 
.form-control.form-control-solid.active, 
.form-control.form-control-solid.focus, 
.form-control.form-control-solid:active, 
.form-control.form-control-solid:focus {
    color: var(--bs-gray-700);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    color: var(--bs-gray-700);
}

.form-check-label {
    color: var(--bs-gray-700);
}
.table>thead {
    vertical-align: middle;
}
tr {
    vertical-align: middle;
}
.form-check.form-check-sm.me-3  {
    margin-bottom: 0px !important;
}
.dtfc-fixed-left .form-check {
    margin-bottom: 0px !important;
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 100%;
}
.card-header.mh-unset {
    min-height: unset !important;
}

.ck.ck-toolbar {
    background: var(--bs-gray-100) !important;
    border: 1px solid var(--bs-gray-100) !important;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: var(--bs-gray-100) !important;
}
.ck.ck-editor__main>.ck-editor__editable {
    background: var(--bs-gray-100);
    background-color: var(--bs-gray-100) !important;
}
.ck-content.ck-focused {
    border-color: var(--bs-gray-100) !important;
}
.ck.ck-balloon-panel.ck-powered-by-balloon[class*=position_border] {
    display: none !important;
}

a {
    color: rgba(var(--bs-link-color),var(--bs-link-opacity,1));
    text-decoration: none;
}
input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder { 
    visibility: hidden !important;
    display: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none !important;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
    display: none !important;
}

.fc-daygrid-dot-event .fc-event-title {
    font-weight: 700 !important;
}
.fc .fc-daygrid-block-event .fc-event-time, 
.fc .fc-daygrid-block-event .fc-event-title, 
.fc .fc-daygrid-dot-event .fc-event-time, 
.fc .fc-daygrid-dot-event .fc-event-title {
    font-weight: 700;
}
.bg-light.fc-h-event .fc-event-main {
    color: var(--bs-gray-600) !important;
}
.bg-secondary.fc-h-event .fc-event-main {
    color: var(--bs-gray-600) !important;
}
.fc-list-event.bg-primary {
    background-color: unset !important;
}
.fc-list-event.bg-secondary {
    background-color: unset !important;
}
.fc-list-event.bg-success {
    background-color: unset !important;
}
.fc-list-event.bg-info {
    background-color: unset !important;
}
.fc-list-event.bg-warning {
    background-color: unset !important;
}
.fc-list-event.bg-danger {
    background-color: unset !important;
}
.fc-list-event.bg-light {
    background-color: unset !important;
}
.fc-list-event.bg-dark {
    background-color: unset !important;
}
.kw-customtable-paginator-container .dataTables_length, .kw-customtable-paginator-container .dataTables_paginate, .kw-customtable-paginator-container .dataTables_info {
    width: 50%;
}
.dataTables_scrollBody::-webkit-scrollbar {
    height: 10px;
}
.dtfh-floatingparent {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    top: 60px !important;
    box-shadow: var(--bs-header-desktop-fixed-box-shadow);
}
.table:not(.table-bordered) td:last-child, 
.table:not(.table-bordered) th:last-child, 
.table:not(.table-bordered) tr:last-child {
    padding-right: 0.75rem !important;
}
.table:not(.table-bordered) td:first-child, 
.table:not(.table-bordered) th:first-child, 
.table:not(.table-bordered) tr:first-child {
    padding-left: 0.75rem !important;
}
.kw-customtable-paginator-container {
    align-items: center!important;
}
.header.no-flex-header {
    display: unset !important;
    height: auto;

}
@media (min-width: 992px) {
    .header-fixed[data-kt-sticky-header=on] .header.no-flex-header {
        height: auto;
    }
}
.table.gy-5 td, .table.gy-5 th {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.table {
    --bs-table-border-color: var(--bs-gray-300);
}
div.dataTables_scrollFootInner table.table-bordered tr th:first-child, div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
    border-left: 1px solid var(--bs-gray-300) !important;
}
table.table-bordered.dataTable thead tr:first-child td, table.table-bordered.dataTable thead tr:first-child th {
    background-color: var(--bs-gray-100) !important;
}
table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0,0,0,.025);
}
table.table-bordered.dataTable td:first-child, 
table.table-bordered.dataTable th:first-child {
    border-left-width: 1px !important;
    border-left-color: var(--bs-gray-300) !important;
}
.kw-check-field .form-check {
    margin-bottom: 0.75rem;
}

.table:not(.table-bordered).table-row-dashed tr {
    border-bottom-style: solid;
}
table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 0.75rem;
}
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.sorting_asc:after, 
table.dataTable thead>tr>td.sorting_asc_disabled:after, 
table.dataTable thead>tr>td.sorting_desc:after, 
table.dataTable thead>tr>td.sorting_desc_disabled:after, 
table.dataTable thead>tr>th.sorting:after, 
table.dataTable thead>tr>th.sorting_asc:after, 
table.dataTable thead>tr>th.sorting_asc_disabled:after, 
table.dataTable thead>tr>th.sorting_desc:after, 
table.dataTable thead>tr>th.sorting_desc_disabled:after {
    display: none !important;
}

.dashboardwidget-row {
    margin-top: 7px;
    margin-bottom: 7px;
}
.dashboardwidget-row-item {
    color: var(--bs-dark);
    border-color: var(--bs-dark-light);
    background-color: var(--bs-dark-light);
    transition: .5s all;
    padding: 7px;
}
.dashboardwidget-row:hover .dashboardwidget-row-item {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark)!important;
}
.form-no-mb .mb-5 {
    margin-bottom: 0px !important;
}

.form-no-mb .form-control-lg {
    min-height: calc(1.5em + 1.1rem + 2px);
    padding: 0.55rem 0.75rem;
    font-size: .95rem;
    border-radius: 0.425rem;
    width: 250px!important;;
}
.form-no-mb .fv-plugins-message-container.invalid-feedback, .form-no-mb .fv-plugins-message-container.valid-feedback {
    display: none !important;
}
.top-15 {
    top: 15px!important;
}
.end-2-25 {
    right: 2.25rem !important;
}

/* Pour widgets dashboard */
[data-bs-theme=dark] .card.bg-white,
[data-bs-theme=dark] .card.bg-warning,
[data-bs-theme=dark] .card.bg-danger,
[data-bs-theme=dark] .card.bg-primary,
[data-bs-theme=dark] .card.bg-secondary,
[data-bs-theme=dark] .card.bg-success,
[data-bs-theme=dark] .card.bg-info,
[data-bs-theme=dark] .card.bg-dark,
[data-bs-theme=dark] .card.bg-pink,
[data-bs-theme=dark] .card.bg-blue
 {
    --bs-bg-rgb-color: var(--bs-body-bg);
    background-color: var(--bs-card-bg) !important;
}
[data-bs-theme=dark] .card.text-light-white,
[data-bs-theme=dark] .card.text-light-warning,
[data-bs-theme=dark] .card.text-light-danger,
[data-bs-theme=dark] .card.text-light-primary,
[data-bs-theme=dark] .card.text-light-secondary,
[data-bs-theme=dark] .card.text-light-success,
[data-bs-theme=dark] .card.text-light-info,
[data-bs-theme=dark] .card.text-light-dark
{
    color: var(--bs-primary-inverse) !important;
}
[data-bs-theme=dark] .card-body.text-light-white,
[data-bs-theme=dark] .card-body.text-light-warning,
[data-bs-theme=dark] .card-body.text-light-danger,
[data-bs-theme=dark] .card-body.text-light-primary,
[data-bs-theme=dark] .card-body.text-light-secondary,
[data-bs-theme=dark] .card-body.text-light-success,
[data-bs-theme=dark] .card-body.text-light-info,
[data-bs-theme=dark] .card-body.text-light-dark
{
    color: var(--bs-primary-inverse) !important;
}
[data-bs-theme=dark] .card-title.text-light-white,
[data-bs-theme=dark] .card-title.text-light-warning,
[data-bs-theme=dark] .card-title.text-light-danger,
[data-bs-theme=dark] .card-title.text-light-primary,
[data-bs-theme=dark] .card-title.text-light-secondary,
[data-bs-theme=dark] .card-title.text-light-success,
[data-bs-theme=dark] .card-title.text-light-info,
[data-bs-theme=dark] .card-title.text-light-dark
{
    color: var(--bs-primary-inverse) !important;
}
.card-body.text-light-warning,
.card-body.text-light-danger,
.card-body.text-light-primary,
.card-body.text-light-secondary,
.card-body.text-light-success,
.card-body.text-light-info,
.card-body.text-light-dark,
.card-body.text-light-pink,
.card-body.text-light-blue {
    color: var(--bs-text-white) !important;
}

.footer-fixed.aside-secondary-enabled.aside-fixed .footer {
        left: 0px;
    }
@media (min-width: 992px)  {
    .footer-fixed.aside-secondary-enabled.aside-fixed .footer {
        left: 0px;
    }
    .footer-fixed.aside-secondary-enabled.aside-fixed[data-kt-aside-minimize=on] .footer {
        left: 0px;
    }
}
.table-radius-top {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    margin-left: 0rem;
    text-align: center;
}
.aside-secondary-enabled .w-drawer-menu {
    width: 680px !important;
}
.w-drawer-menu .aside-secondary .aside-workspace {
    width: 570px;
}
.aside-secondary-enabled.aside-fixed .wrapper {
    padding-left: 0px;
}
.aside-fixed.aside-secondary-enabled[data-kt-sticky-header=on] .header {
    left: 0px !important;
}
@media (min-width: 992px) {
    .aside-secondary-enabled.aside-fixed[data-kt-aside-minimize=on] .wrapper {
        padding-left: 0px !important;
    }
}
.header.app-toolbar {
    display: unset;
}
.text-thead {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.column-header:hover .button-container {
    display: inline-flex;
}

.split-header:hover {
    background-color: var(--bs-light)!important;
    border-top-right-radius: .425rem !important;
    border-top-left-radius: .425rem !important;
}
.split-header:hover .title-header {
    max-width: 100%; /* Tronque le titre lorsque le bouton apparaît */
}

.button-container {
    display: none; /* Cache le bouton par défaut */
    transition: display 0.5s ease; /* Transition pour l'affichage */
    justify-content: center; /* Center button horizontally */
    align-items: center; /* Center button vertically */
}

.table-bordered  .button-container {
    background: var(--bs-gray-100) !important;
}

.split-header:hover .button-container {
    display: block; /* Affiche le bouton au survol */
}

.split-header {
    position: relative;
    white-space: nowrap; /* Évite tout saut de ligne */
    overflow: hidden;    /* Empêche le contenu de déborder */
}

.split-header .button-container {
    visibility: hidden;  /* Masque les boutons par défaut */
    position: absolute;  /* Position absolue pour éviter d'affecter le layout */
    top: 0;
    right: 0;
    height: 100%;        /* Conserve la hauteur du parent */
    display: flex;       /* Pour centrer les boutons verticalement */
    align-items: center;
    justify-content: flex-end;
}

.split-header:hover .button-container {
    visibility: visible;
}

/* Ajustez le padding/margin des boutons pour éviter les effets visuels */
.split-header button {
    margin: 0;
    padding: 0;
    border: none;       /* Supprimez les bordures éventuelles */
    background: none;   /* Supprimez les styles de fond */
}


.border-dtfc.dtfc-fixed-left {
    border-right: 2px solid var(--bs-gray-300) !important;
}
thead .border-dtfc.dtfc-fixed-left {
    border-right: unset !important;
}
.table-bordered thead .border-dtfc.dtfc-fixed-left {
    border-right: 2px solid var(--bs-gray-300) !important;
}
tfoot .border-dtfc.dtfc-fixed-left {
    border-right: unset !important;
}
.form-control-solid.form-control-color {
    width: 100%;
}

/******************************** NEW COLORS **********************************/

/* Blue */
.btn.btn-blue {
    color: var(--kw-blue-inverse);
    border-color: var(--kw-blue);
    background-color: var(--kw-blue);
}
.btn-check:active+.btn.btn-blue, 
.btn-check:checked+.btn.btn-blue, 
.btn.btn-blue.active, .btn.btn-blue.show, 
.btn.btn-blue:active:not(.btn-active), 
.btn.btn-blue:focus:not(.btn-active), 
.btn.btn-blue:hover:not(.btn-active), 
.show>.btn.btn-blue {
    color: var(--kw-blue-inverse);
    border-color: var(--kw-blue-active);
    background-color: var(--kw-blue-active)!important;
}
.btn.btn-blue .svg-icon, .btn.btn-blue i {
    color: var(--kw-blue-inverse);
}
.badge-blue {
    color: var(--kw-blue-inverse);
    background-color: var(--kw-blue);
}
.text-blue {
    color: var(--kw-blue) !important;
}
.bg-blue {
    background-color: var(--kw-blue) !important;
    color: var(--kw-blue-inverse) !important;
}
.bg-light-blue {
    background-color: var(--kw-blue-light) !important;
}
.fc-h-event.bg-light-blue .fc-event-main {
    color: var(--kw-blue-inverse) !important;
}
/* Pink */
.btn.btn-pink {
    color: var(--kw-pink-inverse);
    border-color: var(--kw-pink);
    background-color: var(--kw-pink);
}
.btn-check:active+.btn.btn-pink, 
.btn-check:checked+.btn.btn-pink, 
.btn.btn-pink.active, .btn.btn-pink.show, 
.btn.btn-pink:active:not(.btn-active), 
.btn.btn-pink:focus:not(.btn-active), 
.btn.btn-pink:hover:not(.btn-active), .show>.btn.btn-pink {
    color: var(--kw-pink-inverse);
    border-color: var(--kw-pink-active);
    background-color: var(--kw-pink-active)!important;
}
.btn.btn-pink .svg-icon, .btn.btn-pink i {
    color: var(--kw-pink-inverse) !important;
}
.badge-pink {
    color: var(--kw-pink-inverse);
    background-color: var(--kw-pink) !important;
}
.text-pink {
    color: var(--kw-pink) !important;
}
.bg-pink {
    background-color: var(--kw-pink) !important;
    color: var(--kw-pink-inverse) !important;
}
.bg-light-pink {
    background-color: var(--kw-pink-light) !important;
}
.fc-h-event.bg-pink .fc-event-main {
    color: var(--kw-pink-inverse) !important;
}
/* Dark Blue */
.btn.btn-dark-blue {
    color: var(--dark-blue-inverse);
    border-color: var(--dark-blue);
    background-color: var(--dark-blue);
}
.btn-check:active+.btn.btn-dark-blue, 
.btn-check:checked+.btn.btn-dark-blue, 
.btn.btn-dark-blue.active, 
.btn.btn-dark-blue.show, 
.btn.btn-dark-blue:active:not(.btn-active), 
.btn.btn-dark-blue:focus:not(.btn-active), 
.btn.btn-dark-blue:hover:not(.btn-active), 
.show>.btn.btn-dark-blue {
    color: var(--dark-blue-inverse);
    border-color: var(--dark-blue-active);
    background-color: var(--dark-blue-active)!important;
}
.btn.btn-dark-blue .svg-icon, 
.btn.btn-dark-blue i {
    color: var(--dark-blue-inverse) !important;
}
.badge-dark-blue {
    color: var(--dark-blue-inverse) !important;
    background-color: var(--dark-blue) !important;
}
.text-dark-blue {
    color: var(--dark-blue) !important;
}
.bg-dark-blue {
    background-color: var(--dark-blue) !important;
    color: var(--dark-blue-inverse) !important;
}
.bg-light-dark-blue {
    background-color: var(--dark-blue-light) !important;
}
.fc-h-event.bg-dark-blue .fc-event-main {
    color: var(--dark-blue-inverse) !important;
}
/* Dark Green */
.btn.btn-dark-green {
    color: var(--dark-green-inverse) !important;
    border-color: var(--dark-green) !important;
    background-color: var(--dark-green) !important;
}
.btn-check:active+.btn.btn-dark-green, 
.btn-check:checked+.btn.btn-dark-green, 
.btn.btn-dark-green.active, 
.btn.btn-dark-green.show, 
.btn.btn-dark-green:active:not(.btn-active), 
.btn.btn-dark-green:focus:not(.btn-active), 
.btn.btn-dark-green:hover:not(.btn-active), 
.show>.btn.btn-dark-green {
    color: var(--dark-green-inverse) !important;
    border-color: var(--dark-green-active) !important;
    background-color: var(--dark-green-active)!important;
}
.btn.btn-dark-green .svg-icon, 
.btn.btn-dark-green i {
    color: var(--dark-green-inverse) !important;
}
.badge-dark-green {
    color: var(--dark-green-inverse) !important;
    background-color: var(--dark-green) !important;
}
.text-dark-green {
    color: var(--dark-green) !important;
}
.bg-dark-green {
    background-color: var(--dark-green) !important;
    color: var(--dark-green-inverse) !important;
}
.bg-light-dark-green {
    background-color: var(--dark-green-light) !important;
}
.fc-h-event.bg-dark-green  .fc-event-main {
    color: var(--dark-green-inverse) !important;
}
/* Dark Red */
.btn.btn-dark-red {
    color: var(--dark-red-inverse) !important;
    border-color: var(--dark-red) !important;
    background-color: var(--dark-red) !important;
}
.btn-check:active+.btn.btn-dark-red, 
.btn-check:checked+.btn.btn-dark-red, 
.btn.btn-dark-red.active, 
.btn.btn-dark-red.show, 
.btn.btn-dark-red:active:not(.btn-active), 
.btn.btn-dark-red:focus:not(.btn-active), 
.btn.btn-dark-red:hover:not(.btn-active), 
.show>.btn.btn-dark-red {
    color: var(--dark-red-inverse) !important;
    border-color: var(--dark-red-active) !important;
    background-color: var(--dark-red-active)!important;
}
.btn.btn-dark-red .svg-icon, 
.btn.btn-dark-red i {
    color: var(--dark-red-inverse) !important;
}
.badge-dark-red {
    color: var(--dark-red-inverse) !important;
    background-color: var(--dark-red) !important;
}
.text-dark-red {
    color: var(--dark-red) !important;
}
.bg-dark-red {
    background-color: var(--dark-red) !important;
    color: var(--dark-red-inverse) !important;
}
.bg-light-dark-red {
    background-color: var(--dark-red-light) !important;
}
.fc-h-event.bg-dark-red .fc-event-main {
    color: var(--dark-red-inverse) !important;
}
/* Dark Orange */
.btn.btn-dark-orange {
    color: var(--dark-orange-inverse) !important;
    border-color: var(--dark-orange) !important;
    background-color: var(--dark-orange) !important;
}
.btn-check:active+.btn.btn-dark-orange, 
.btn-check:checked+.btn.btn-dark-orange, 
.btn.btn-dark-orange.active, 
.btn.btn-dark-orange.show, 
.btn.btn-dark-orange:active:not(.btn-active), 
.btn.btn-dark-orange:focus:not(.btn-active), 
.btn.btn-dark-orange:hover:not(.btn-active), 
.show>.btn.btn-dark-orange {
    color: var(--dark-orange-inverse) !important;
    border-color: var(--dark-orange-active) !important;
    background-color: var(--dark-orange-active)!important;
}
.btn.btn-dark-orange .svg-icon, 
.btn.btn-dark-orange i {
    color: var(--dark-orange-inverse) !important;
}
.badge-dark-orange {
    color: var(--dark-orange-inverse) !important;
    background-color: var(--dark-orange) !important;
}
.text-dark-orange {
    color: var(--dark-orange) !important;
}
.bg-dark-orange {
    background-color: var(--dark-orange) !important;
    color: var(--dark-orange-inverse) !important;
}
.bg-light-dark-orange {
    background-color: var(--dark-orange-light) !important;
}
.fc-h-event.bg-dark-orange .fc-event-main {
    color: var(--dark-orange-inverse) !important;
}
/* Dark Gray */
.btn.btn-dark-gray {
    color: var(--dark-gray-inverse) !important;
    border-color: var(--dark-gray) !important;
    background-color: var(--dark-gray) !important;
}
.btn-check:active+.btn.btn-dark-gray, 
.btn-check:checked+.btn.btn-dark-gray, 
.btn.btn-dark-gray.active, 
.btn.btn-dark-gray.show, 
.btn.btn-dark-gray:active:not(.btn-active), 
.btn.btn-dark-gray:focus:not(.btn-active), 
.btn.btn-dark-gray:hover:not(.btn-active), 
.show>.btn.btn-dark-gray {
    color: var(--dark-gray-inverse) !important;
    border-color: var(--dark-gray-active) !important;
    background-color: var(--dark-gray-active)!important;
}
.btn.btn-dark-gray .svg-icon, 
.btn.btn-dark-gray i {
    color: var(--dark-gray-inverse) !important;
}
.badge-dark-gray {
    color: var(--dark-gray-inverse) !important;
    background-color: var(--dark-gray) !important;
}
.text-dark-gray {
    color: var(--dark-gray) !important;
}
.bg-dark-gray {
    background-color: var(--dark-gray) !important;
    color: var(--dark-gray-inverse) !important;
}
.bg-light-dark-gray {
    background-color: var(--dark-gray-light) !important;
}
.fc-h-event.bg-dark-gray .fc-event-main {
    color: var(--dark-gray-inverse) !important;
}
/* Dark Pink */
.btn.btn-dark-pink {
    color: var(--dark-pink-inverse);
    border-color: var(--dark-pink);
    background-color: var(--dark-pink);
}
.btn-check:active+.btn.btn-dark-pink, 
.btn-check:checked+.btn.btn-dark-pink, 
.btn.btn-dark-pink.active, 
.btn.btn-dark-pink.show, 
.btn.btn-dark-pink:active:not(.btn-active), 
.btn.btn-dark-pink:focus:not(.btn-active), 
.btn.btn-dark-pink:hover:not(.btn-active), 
.show>.btn.btn-dark-pink {
    color: var(--dark-pink-inverse) !important;
    border-color: var(--dark-pink-active) !important;
    background-color: var(--dark-pink-active)!important;
}
.btn.btn-dark-pink .svg-icon, 
.btn.btn-dark-pink i {
    color: var(--dark-pink-inverse) !important;
}
.badge-dark-pink {
    color: var(--dark-pink-inverse) !important;
    background-color: var(--dark-pink) !important;
}
.text-dark-pink {
    color: var(--dark-pink) !important;
}
.bg-dark-pink {
    background-color: var(--dark-pink) !important;
    color: var(--dark-pink-inverse) !important;
}
.bg-light-dark-pink {
    background-color: var(--dark-pink-light) !important;
}
.fc-h-event.bg-dark-pink .fc-event-main {
    color: var(--dark-pink-inverse) !important;
}
/* Pastel Yellow */
.btn.btn-pastel-yellow {
    color: var(--pastel-yellow-inverse) !important;
    border-color: var(--pastel-yellow) !important;
    background-color: var(--pastel-yellow) !important;
}
.btn-check:active+.btn.btn-pastel-yellow, 
.btn-check:checked+.btn.btn-pastel-yellow, 
.btn.btn-pastel-yellow.active, 
.btn.btn-pastel-yellow.show, 
.btn.btn-pastel-yellow:active:not(.btn-active), 
.btn.btn-pastel-yellow:focus:not(.btn-active), 
.btn.btn-pastel-yellow:hover:not(.btn-active), 
.show>.btn.btn-pastel-yellow {
    color: var(--pastel-yellow-inverse) !important;
    border-color: var(--pastel-yellow-active) !important;
    background-color: var(--pastel-yellow-active)!important;
}
.btn.btn-pastel-yellow .svg-icon, 
.btn.btn-pastel-yellow i {
    color: var(--pastel-yellow-inverse) !important;
}
.badge-pastel-yellow {
    color: var(--pastel-yellow-inverse) !important;
    background-color: var(--pastel-yellow) !important;
}
.text-pastel-yellow {
    color: var(--pastel-yellow) !important;
}
.bg-pastel-yellow {
    background-color: var(--pastel-yellow) !important;
    color: var(--pastel-yellow-inverse) !important;
}
.bg-light-pastel-yellow {
    background-color: var(--pastel-yellow-light) !important;
    color: var(--pastel-yellow-inverse) !important;
}
.fc-h-event.bg-pastel-yellow .fc-event-main {
    color: var(--pastel-yellow-inverse) !important;
}
/* Pastel Lilac */
.btn.btn-pastel-lilac {
    color: var(--pastel-lilac-inverse) !important;
    border-color: var(--pastel-lilac) !important;
    background-color: var(--pastel-lilac) !important;
}
.btn-check:active+.btn.btn-pastel-lilac, 
.btn-check:checked+.btn.btn-pastel-lilac, 
.btn.btn-pastel-lilac.active, 
.btn.btn-pastel-lilac.show, 
.btn.btn-pastel-lilac:active:not(.btn-active), 
.btn.btn-pastel-lilac:focus:not(.btn-active), 
.btn.btn-pastel-lilac:hover:not(.btn-active), 
.show>.btn.btn-pastel-lilac {
    color: var(--pastel-lilac-inverse);
    border-color: var(--pastel-lilac-active);
    background-color: var(--pastel-lilac-active)!important;
}
.btn.btn-pastel-lilac .svg-icon, 
.btn.btn-pastel-lilac i {
    color: var(--pastel-lilac-inverse) !important;
}
.badge-pastel-lilac {
    color: var(--pastel-lilac-inverse) !important;
    background-color: var(--pastel-lilac) !important;
}
.text-pastel-lilac {
    color: var(--pastel-lilac) !important;
}
.bg-pastel-lilac {
    background-color: var(--pastel-lilac) !important;
    color: var(--pastel-lilac-inverse) !important;
}
.bg-light-pastel-lilac {
    background-color: var(--pastel-lilac-light) !important;
    color: var(--pastel-lilac-inverse) !important;
}
.fc-h-event.bg-pastel-lilac .fc-event-main {
    color: var(--pastel-lilac-inverse) !important;
}
/* Pastel Green */
.btn.btn-pastel-green {
    color: var(--pastel-green-inverse) !important;
    border-color: var(--pastel-green) !important;
    background-color: var(--pastel-green) !important;
}
.btn-check:active+.btn.btn-pastel-green, 
.btn-check:checked+.btn.btn-pastel-green, 
.btn.btn-pastel-green.active, 
.btn.btn-pastel-green.show, 
.btn.btn-pastel-green:active:not(.btn-active), 
.btn.btn-pastel-green:focus:not(.btn-active), 
.btn.btn-pastel-green:hover:not(.btn-active), 
.show>.btn.btn-pastel-green {
    color: var(--pastel-green-inverse) !important;
    border-color: var(--pastel-green-active) !important;
    background-color: var(--pastel-green-active)!important;
}
.btn.btn-pastel-green .svg-icon, 
.btn.btn-pastel-green i {
    color: var(--pastel-green-inverse) !important;
}
.badge-pastel-green {
    color: var(--pastel-green-inverse) !important;
    background-color: var(--pastel-green) !important;
}
.text-pastel-green {
    color: var(--pastel-green) !important;
}
.bg-pastel-green {
    background-color: var(--pastel-green) !important;
    color: var(--pastel-green-inverse) !important;
}
.bg-light-pastel-green {
    background-color: var(--pastel-green-light) !important;
    color: var(--pastel-green-inverse) !important;
}

.fc-h-event.bg-pastel-green .fc-event-main {
    color: var(--pastel-green-inverse) !important;
}
/* Pastel Pink */
.btn.btn-pastel-pink {
    color: var(--pastel-pink-inverse) !important;
    border-color: var(--pastel-pink) !important;
    background-color: var(--pastel-pink) !important;
}
.btn-check:active+.btn.btn-pastel-pink, 
.btn-check:checked+.btn.btn-pastel-pink, 
.btn.btn-pastel-pink.active, 
.btn.btn-pastel-pink.show, 
.btn.btn-pastel-pink:active:not(.btn-active), 
.btn.btn-pastel-pink:focus:not(.btn-active), 
.btn.btn-pastel-pink:hover:not(.btn-active), 
.show>.btn.btn-pastel-pink {
    color: var(--pastel-pink-inverse) !important;
    border-color: var(--pastel-pink-active) !important;
    background-color: var(--pastel-pink-active)!important;
}
.btn.btn-pastel-pink .svg-icon, 
.btn.btn-pastel-pink i {
    color: var(--pastel-pink-inverse) !important;
}
.badge-pastel-pink {
    color: var(--pastel-pink-inverse) !important;
    background-color: var(--pastel-pink) !important;
}
.text-pastel-pink {
    color: var(--pastel-pink) !important;
}
.bg-pastel-pink {
    background-color: var(--pastel-pink) !important;
    color: var(--pastel-pink-inverse) !important;
}
.bg-light-pastel-pink {
    background-color: var(--pastel-pink-light) !important;
    color: var(--pastel-pink-inverse) !important;
}
.fc-h-event.bg-pastel-pink .fc-event-main {
    color: var(--pastel-pink-inverse) !important;
}
/* Yellow */
.btn.btn-yellow {
    color: var(--yellow-inverse) !important;
    border-color: var(--yellow) !important;
    background-color: var(--yellow) !important;
}
.btn-check:active+.btn.btn-yellow,
.btn-check:checked+.btn.btn-yellow,
.btn.btn-yellow.active,
.btn.btn-yellow.show,
.btn.btn-yellow:active:not(.btn-active),
.btn.btn-yellow:focus:not(.btn-active),
.btn.btn-yellow:hover:not(.btn-active),
.show>.btn.btn-yellow {
    color: var(--yellow-inverse);
    border-color: var(--yellow-active) !important;
    background-color: var(--yellow-active)!important;
}
.btn.btn-yellow .svg-icon,
.btn.btn-yellow i {
    color: var(--yellow-inverse) !important;
}
.badge-yellow {
    color: var(--yellow-inverse) !important;
    background-color: var(--yellow) !important;
}
.text-yellow {
    color: var(--yellow) !important;
}
.bg-yellow {
    background-color: var(--yellow) !important;
    color: var(--yellow-inverse) !important;
}
.bg-light-yellow {
    background-color: var(--yellow-light) !important;
    color: var(--yellow-light-inverse) !important;
}
.fc-h-event.bg-yellow .fc-event-main {
    color: var(--yellow-inverse) !important;
}
/* Dark Yellow */
.btn.btn-dark-yellow {
    color: var(--dark-yellow-inverse) !important;
    border-color: var(--dark-yellow) !important;
    background-color: var(--dark-yellow) !important;
}
.btn-check:active+.btn.btn-dark-yellow,
.btn-check:checked+.btn.btn-dark-yellow,
.btn.btn-dark-yellow.active,
.btn.btn-dark-yellow.show,
.btn.btn-dark-yellow:active:not(.btn-active),
.btn.btn-dark-yellow:focus:not(.btn-active),
.btn.btn-dark-yellow:hover:not(.btn-active),
.show>.btn.btn-dark-yellow {
    color: var(--dark-yellow-inverse) !important;
    border-color: var(--dark-yellow-active) !important;
    background-color: var(--dark-yellow-active)!important;
}
.btn.btn-dark-yellow .svg-icon,
.btn.btn-dark-yellow i {
    color: var(--dark-yellow-inverse) !important;
}
.badge-dark-yellow {
    color: var(--dark-yellow-inverse) !important;
    background-color: var(--dark-yellow) !important;
}
.text-dark-yellow {
    color: var(--dark-yellow) !important;
}
.bg-dark-yellow {
    background-color: var(--dark-yellow) !important;
    color: var(--dark-yellow-inverse) !important;
}
.bg-light-dark-yellow {
    background-color: var(--dark-yellow-light) !important;
}
.fc-h-event.bg-dark-yellow .fc-event-main {
    color: var(--dark-yellow-inverse) !important;
}
/* Dark Violet */
.btn.btn-dark-violet {
    color: var(--dark-violet-inverse) !important;
    border-color: var(--dark-violet) !important;
    background-color: var(--dark-violet) !important;
}
.btn-check:active+.btn.btn-dark-violet, 
.btn-check:checked+.btn.btn-dark-violet, 
.btn.btn-dark-violet.active, 
.btn.btn-dark-violet.show, 
.btn.btn-dark-violet:active:not(.btn-active), 
.btn.btn-dark-violet:focus:not(.btn-active), 
.btn.btn-dark-violet:hover:not(.btn-active), 
.show>.btn.btn-dark-violet {
    color: var(--dark-violet-inverse) !important;
    border-color: var(--dark-violet-active) !important;
    background-color: var(--dark-violet-active)!important;
}
.btn.btn-dark-violet .svg-icon, 
.btn.btn-dark-violet i {
    color: var(--dark-violet-inverse) !important;
}
.badge-dark-violet {
    color: var(--dark-violet-inverse) !important;
    background-color: var(--dark-violet) !important;
}
.text-dark-violet {
    color: var(--dark-violet) !important;
}
.bg-dark-violet {
    background-color: var(--dark-violet) !important;
    color: var(--dark-violet-inverse) !important;
}
.bg-light-dark-violet {
    background-color: var(--dark-violet-light) !important;
}
.fc-h-event.bg-dark-violet .fc-event-main {
    color: var(--dark-violet-inverse) !important;
}
/* Pastel Violet */
.btn.btn-pastel-violet {
    color: var(--pastel-violet-inverse) !important;
    border-color: var(--pastel-violet) !important;
    background-color: var(--pastel-violet) !important;
}
.btn-check:active+.btn.btn-pastel-violet, 
.btn-check:checked+.btn.btn-pastel-violet, 
.btn.btn-pastel-violet.active, 
.btn.btn-pastel-violet.show, 
.btn.btn-pastel-violet:active:not(.btn-active), 
.btn.btn-pastel-violet:focus:not(.btn-active), 
.btn.btn-pastel-violet:hover:not(.btn-active), 
.show>.btn.btn-pastel-violet {
    color: var(--pastel-violet-inverse) !important;
    border-color: var(--pastel-violet-active) !important;
    background-color: var(--pastel-violet-active)!important;
}
.btn.btn-pastel-violet .svg-icon, 
.btn.btn-pastel-violet i {
    color: var(--pastel-violet-inverse) !important;
}
.badge-pastel-violet {
    color: var(--pastel-violet-inverse) !important;
    background-color: var(--pastel-violet) !important;
}
.text-pastel-violet {
    color: var(--pastel-violet) !important;
}
.bg-pastel-violet {
    background-color: var(--pastel-violet) !important;
    color: var(--pastel-violet-inverse) !important;
}
.bg-light-pastel-violet {
    background-color: var(--pastel-violet-light) !important;
    color: var(--pastel-violet-inverse) !important;
}
.fc-h-event.bg-pastel-violet .fc-event-main {
    color: var(--pastel-violet-inverse) !important;
}


/******************************** END NEW COLORS **********************************/
.bg-primary {
    color: var(--bs-primary-inverse);
}
.nav-pills .nav-item .nav-link {
    color: var(--bs-gray-500);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color) !important;
}
div.dataTables_wrapper div.dataTables_length label {
    background-color: var(--bs-light)!important;
    border-radius: 0.475rem!important;
    padding: 3px 10px 3px 10px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    background-color: var(--bs-light)!important;
    border-radius: 0.475rem!important;
    padding: 3px 10px 3px 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
    justify-content: flex-end!important;
    display: flex!important;
}
div.dtfc-left-top-blocker, div.dtfc-right-top-blocker {
    margin-top: unset;
    background-color: unset;
}
.h-36px {
    height: 36px !important;
}
table.dataTable tfoot tr>.dtfc-fixed-left, 
table.dataTable tfoot tr>.dtfc-fixed-right, 
table.dataTable thead tr>.dtfc-fixed-left, 
table.dataTable thead tr>.dtfc-fixed-right {
    background-color: var(--bs-body-bg);
}
.form-control.form-control-solid.bg-info {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-danger {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-blue {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-primary {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-success {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-warning {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-dark {
    color: var(--bs-text-white)!important;
}
.form-control.form-control-solid.bg-pink {
    color: var(--bs-text-white)!important;
}

#kw-customtabledata-exchange-add-form .ck-content {
    min-height: 100px;
}

.kw-customtable-exchanges-counter {
    width: 15px !important;
    height: 15px !important;
    font-size: 10px !important;
    right: -4px !important;
    top: 10px !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
.kanban-item.bg-info {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}
.kanban-item.bg-danger {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}
.kanban-item.bg-blue {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}
.kanban-item.bg-primary {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}
.kanban-item.bg-success {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}
.kanban-item.bg-warning {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}

.kanban-item.bg-pink {
    color: var(--bs-text-white)!important;
    font-weight: 600;
}
.kanban-item.bg-dark {
    color: var(--bs-secondary) !important;
    font-weight: 600;
}
.kanban-item.bg-light {
    font-weight: 600;
}
.kanban-item.bg-secondary {
    font-weight: 600;
}

.no-margin-bottom p {
    margin-bottom: 0px !important;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-bottom: 1px solid var(--bs-gray-200) !important;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
    background: var(--bs-gray-200) !important;
}
.ck p {
    margin-bottom: 0.2rem;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    font-weight: 600;
}

.fc .fc-daygrid-dot-event.bg-info {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-danger {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-blue {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-primary {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-success {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-warning {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-dark {
    color: var(--bs-gray-100);
}
.fc .fc-daygrid-dot-event.bg-pink {
    color: var(--bs-gray-100);
}
.fc-daygrid-event-dot {
    border: none !important;
}
.fc .fc-more-popover .fc-popover-body {
    min-width: 260px !important;
    height: 300px !important;
    overflow-y: auto !important;
}
.fc-h-event {
    border: none !important;
}
.bg-white {
    background-color: var(--bs-body-bg) !important;
}
.ck.ck-editor__editable_inline[dir=ltr] {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    background-color: var(--bs-gray-100);
}
.ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.menu-sub-dropdown.z-index-3000 {
    z-index: 3000 !important;
}
.border-bottom-0 {
    border-bottom: 0px !important;
}
/* Begin Custom css invoices */
.sidebarmenu {
    width: 80px;
    height: 100vh;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px;
    z-index: 107; /* Ensure sidebarmenu is above offcanvas */
}
.sidebarmenu .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    color: #000;
    font-size: 24px;
}
.offcanvas-search-position {
    position: fixed !important;
    bottom: 30px !important;
    width: calc(680px - 50px) !important;
}
.offcanvas-body {
    overflow-y: unset;
}
.offcanvas-custom {
    width: 680px !important;
    left: 80px !important; /* Adjusting left margin to match the sidebarmenu width */
    transition: transform 0.5s ease, opacity 0.5s ease; /* Smooth transition */
}

.offcanvas-custom.show {
    transform: translateX(0);
    opacity: 1;
    z-index: 107;
}

.offcanvas-custom {
    transform: translateX(-100%);
    opacity: 0;
    box-shadow: none;
}
.offcanvas {
  transform: translateX(-100%); /* caché à gauche */
  opacity: 0;                   /* transparent */
  visibility: hidden;           /* supprimé du flux et impossible à cliquer */
  transition:
    transform 0.3s ease-in-out,
    opacity   0.3s ease-in-out,
    visibility 0s linear 0.3s;   /* délai de 0.3s avant de passer visibility:hidden */
}

.offcanvas.show {
    transform: translateX(0); /* Glisse à sa position visible */
    opacity: 1; /* Complètement visible */
    visibility: visible;
    border-radius: 1rem;
    margin: 20px;

}
.offcanvas-backdrop.show {
    opacity: 1;
    background-color: 
    color-mix(in oklab, #5E6278 30%, transparent);
    backdrop-filter: blur(3px);
}
@media (max-width: 767px) {
    .offcanvas.show {
        border-radius: 0px;
        margin: 0px;
    }
}
.main-body {
    margin-left: 80px!important;
}
.main-body-content {
    padding: 30px 30px;
    margin-left: 80px;
    padding-bottom: 90px;
}
.main-body-content-pe-0 {
    padding: 30px 0px 30px 30px;
}
.main-body-content-pe-10 {
    padding: 30px 30px 30px 30px;
}
.main-content-tab-p-30 {
    padding: 30px 0px 30px 30px;
}
.main-content-tab-p-30-fiche {
        padding: 0px 60px 30px 0px;
    }
.headertopwithtoolbar {
    margin-left: 80px; /* Margin to push header to the right */
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    z-index: 105;
    position: sticky;
    top: 0px; /* Sticky position at 200px from the top */
    animation-duration: 0.3s;
}
.headertopnotoolbar {
    margin-left: 80px; /* Margin to push header to the right */
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    z-index: 105;
    position: sticky;
    top: 0px; /* Sticky position at 200px from the top */
    animation-duration: 0.3s;
}
.headertoolbar {
    margin-left: 80px; /* Margin to push header to the right */
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    z-index: 104;
    position: sticky;
    top: 0px; /* Sticky position at 200px from the top */
    animation-duration: 0.3s;
}
@media (max-width: 768px) {
    .main-body-content-pe-10.px-custom-xs {
        padding: 30px 10px 30px 10px;
    }
    .inline-xs {
        display: flex;
        flex-wrap: nowrap;
        display: inline-flex;
    }
}

.inline-xs .nav-item {
    white-space: nowrap;
}
.offcanvas-backdrop {
    z-index: 106;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 105;
}
.z-index-2000 {
    z-index: 2000 !important;
}
.image-input.image-input-outline .image-input-wrapper {
    border: 1px dashed var(--bs-border-dashed-color);
    box-shadow: unset;
}
.w-h-logo {
    width: 150px !important;
    height: 100px !important;
}
.form-control-adresse-client {
    padding: .1rem .5rem !important;
    border-radius: .1rem !important;
}
.kw-customer-country-field {
    min-height: calc(1.5em + 1.65rem + 2px) !important;
}
.commercialdocument-header-no-border-bottom th {
    border-bottom: none !important;
}
.commercialdocument-table-with-bottom-border tbody tr:last-child,
.commercialdocument-table-with-bottom-border tfoot tr:last-child {
    border-bottom: 1px solid var(--bs-border-color) !important;
}
.card .commercialdocument-table-with-bottom-border tbody tr:last-child td {
    border-bottom: 1px solid var(--bs-border-color) !important;
}
.commercialdocument-table-with-bottom-border.table:not(.table-bordered) tbody tr:last-child,
.commercialdocument-table-with-bottom-border.table:not(.table-bordered) tfoot tr:last-child {
    border-bottom: 1px solid var(--bs-border-color) !important;
}
.kw-unit-price-no-radius {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.main-body-commercialdocument-edit .commercialdocument-rows-column .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating).kw-unit-price-no-radius {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.form-control-entreprise {
    line-height: 20px;
    padding: .1rem .5rem !important;
    font-size: .95rem;
}
.form-control-container {
    flex-grow: 1;
}
.border-left-doc {
    border-top-left-radius: .425rem !important;
    border-bottom-left-radius: .425rem !important;
}
.border-right-doc {
    border-top-right-radius: .425rem !important;
    border-bottom-right-radius: .425rem !important;
}

.border-top-right-doc {
    border-top-right-radius: .425rem !important;

}
.border-bottom-right-doc {
    border-bottom-right-radius: .425rem !important;

}
.border-top-left-doc {
    border-top-left-radius: .425rem !important;
}
.border-bottom-left-doc {
    border-bottom-left-radius: .425rem !important;
}
.border-top-left-none {
    border-top-left-radius: 0px !important;
}
.border-top-right-none {
    border-top-right-radius: 0px !important;
}
.border-bottom-left-none {
    border-bottom-left-radius: 0px !important;
}
.border-bottom-right-none {
    border-bottom-right-radius: 0px !important;
}

textarea {
  resize: none;
  min-height: auto;
  max-height: 800px;
  overflow-y: auto; 
}
.mw-90  {
  max-width: 90%; 
}

@media (max-width: 844px) {
   .height-content-xs {
        margin-bottom: 50px;
    }
    .offcanvas-custom {
        width: calc(95% - 50px) !important;
        left: 50px !important;
        transform: translateX(100%);
    }

    .offcanvas-custom.show {
        transform: translateX(0);
    }
    .sidebarmenu-xs-offcanvas {
        width: 80px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        transition: transform 0.5s ease;
        z-index: 1046;
    }
    .sidebarmenu-xs-offcanvas.show {
        transform: translateX(0);
    }

    .main-body {
        margin-left: 50px !important;
    }
    .main-body-content {
        padding: 30px 10px;
        margin-left: 50px;

    }
    .main-body-content-pe-0 {
        padding: 30px 0px 30px 10px;
    }
    .main-content-tab-p-30 {
        padding: 0px 10px 10px 0px;
    }
    .main-content-tab-p-30-fiche {
        padding: 0px 10px 10px 0px;
    }
    .headertopnotoolbar {
        padding: 0 10px;
        margin-left: 50px;
    }
    .headertopwithtoolbar {
        padding: 0 10px;
        margin-left: 50px;
    }
    .headertoolbar {
        padding: 0 10px;
        margin-left: 50px;
    }
    .me-xs-sm-5 {
        margin-right: 1.25rem !important;
    }
    .sidebarmenu {
        width: 50px;
    }
    .separator {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
    .w-h-logo {
        width: 250px !important;
    }
    .mt-xs-5 {
        margin-top: 1.25rem!important;
    }
    .mb-xs-5 {
        margin-bottom: 1.25rem!important;
    }
    .w-xs-350px {
        width: 350px !important;
    }
    .mw-xs-350px {
        width: 350px !important;
    }
    .mw-xs-300px {
        width: 300px !important;
    }
    .mw-xs-290px {
        width: 290px !important;
    }
    .w-xs-290px {
        width: 290px !important;
    }
    .w-xs-300px {
        width: 300px !important;
    }
    .mw-xs-250px {
        width: 250px !important;
    }
    .w-xs-250px {
        width: 250px !important;
    }
    .mw-xs-200px {
        width: 200px !important;
    }
    .mw-xs-180px {
        width: 180px !important;
    }
    .w-xs-200px {
        width: 200px !important;
    }
    .w-xs-150px {
        width: 150px !important;
    }
    .w-xs-140px {
        width: 140px !important;
    }
    .w-xs-130px {
        width: 130px !important;
    }
    .w-xs-125px {
        width: 125px !important;
    }
     .w-xs-100px {
        width: 100px !important;
    }
    .w-xs-75px {
        width: 75px !important;
    }
    .w-xs-20px {
        width: 20px !important;
    }
    .pb-xs-5 {
        padding-bottom: 1.25rem !important;
    }
    .pb-xs-10 {
        padding-bottom: 2.5rem !important;
    }
    .pb-xs-15 {
        padding-bottom: 3.75rem !important;
    }
    .pt-xs-5 {
        padding-top: 1.25rem !important;
    }
    .pt-xs-10 {
        padding-top: 2.5rem !important;
    }
    .pt-xs-15 {
        padding-top: 3.75rem !important;
    }
    .px-xs-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
    .px-xs-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
    .px-xs-3 {
        padding-right: .75rem !important;
        padding-left: .75rem !important;
    }
    .mw-xs-290px {
        width: 290px !important;
    }
    .p-xs-3 {
        padding: .75rem !important;
    }
    .mw-xs-150px {
        width: 150px !important;
    }
    .w-xs-100 {
        width: 100% !important;
    }
    .h-xs-40px {
        height: 40px !important;
    }
    .me-xs-0 {
        margin-right: 0px !important;
    }
    .ms-xs-0 {
        margin-left: 0rem !important;
    }
    .btn-xs-copy {    
        border-top-left-radius: var(--bs-btn-border-radius) !important;
        border-bottom-left-radius: var(--bs-btn-border-radius) !important;
        --bs-btn-padding-y: 0.55rem;
        --bs-btn-padding-x: 1.25rem;
        --bs-btn-font-size: 0.95rem;
        --bs-btn-border-radius: 0.425rem;
        padding: calc(.55rem + 1px) calc(1.25rem + 1px) !important;
    }
    .card .card-body {
        padding: 1rem 1rem;
        color: var(--bs-card-color);
    }
    .mh-xs-50px {
        max-height: 50px !important;
    }
    .footer-xs-scroll {
        position: fixed;
        left: 50px;
        right: 0;
        bottom: 0 !important;
        height: 60px;
        overflow-x: auto;
        white-space: nowrap;
        background: var(--bs-body-bg) !important;
    }

}
@media (min-width: 992px) {
    
    .main-content-tab-p-30 {
        max-width: 1320px;
        margin: auto;
        padding: 0px 30px 0px 0px;
    }
}
@media (min-width: 1025px) {
    .w-h-logo {
        width: 300px !important;
        height: 150px !important;
    }
    .main-content-tab-p-30 {
        max-width: 1400px;
        margin: auto;
        padding: 0px 30px 0px 0px;
    }
}

@media (max-width: 768px) {
    .main-body-content {
        padding: 30px 10px;
        margin-left: 0px;

    }
}
.border-radius-bottom-25 {
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}
.image-input-wrapper {
    width: 290px !important;
    max-width: 350px;
    max-height: 270px;
    background-size: contain !important; /* Contenir l'image dans le conteneur sans déformation */
    background-position: center !important; /* Centre l'image horizontalement et verticalement */
    background-repeat: no-repeat; /* Empêche la répétition de l'image si elle est plus petite que le conteneur */
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-gray-100);
    transition-duration: .4s;
    transition-property: border-color, color, background-color, opacity;
    border-radius: .425rem;
}
@media (max-width: 768px) {
   .image-input-wrapper {
        max-width: 300px !important;
    }
}
@media (max-width: 1024px) {
   .image-input-wrapper {
        max-width: 200px;
    }
}
@media (width: 1180px) {
   .image-input-wrapper {
        max-width: 250px;
    }
}
.main-body-commercialdocument-edit .w-edit-view {
    width: 75px !important;
}
.main-body-commercialdocument-view .w-edit-view {
    width: 55px !important;
}
#commercialdocument-rows.commercialdocument-rows-simple .commercialdocument-rows-column.commercialdocument-rows-column-simple-hidden, 
#commercialdocument-rows.commercialdocument-rows-with_quantities .commercialdocument-rows-column.commercialdocument-rows-column-with_quantities-hidden {
    display: none;
}

.main-body-commercialdocument-view textarea[disabled="disabled"], .main-body-commercialdocument-view input[disabled="disabled"], .main-body-commercialdocument-view select[disabled="disabled"] {
    background-color: transparent !important;
    transition: none !important;
    border-color: transparent !important;
}

.main-body-commercialdocument-view textarea[disabled="disabled"]::placeholder, .main-body-commercialdocument-view input[disabled="disabled"]::placeholder, .main-body-commercialdocument-view select[disabled="disabled"]::placeholder {
    color: transparent;
}

.main-body-commercialdocument-view select[disabled="disabled"] {
    --bs-form-select-bg-img: none;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.h-20px .form-control-adresse-client {
    font-size: 20px;
}
.h-15px {
    height: 15px !important;
}
.h-20px {
    height: 20px !important;
}

.m-n-25px {
    margin-left: -25px;
}
.w-55px {
    width: 55px;
}
.description-col {
    margin-top: .5rem;
}
.main-body-commercialdocument-view .description-col {
    margin-top: 0rem !important;
}
.commercialdocument-rows-with_quantities .input-product-complet { 
    padding-left: 0px !important;
}
.main-body-commercialdocument-view .kw-commercialdocumentcontentfield-product-description-container-btn,
.main-body-commercialdocument-view .display-viex-none,
.main-body-commercialdocument-view .type-product {
    display: none !important;
}
.main-body-commercialdocument-view .border-left-view {
    border-top-left-radius: .425rem !important;
    border-bottom-left-radius: .425rem !important;
    padding-left: 10px !important;
}
.main-body-commercialdocument-view .form-select:disabled {
    color: var(--bs-gray-700);
}
.main-body-commercialdocument-view .commercialdocumentcontentfield-product-description,
.main-body-commercialdocument-view .input-product-complet {
    padding-left: 8px !important;
}
.main-body-commercialdocument-view .commercial-document-title {
    padding-left: 8px !important;
}
.main-body-commercialdocument-view .form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: .25rem 0rem;
}
.main-body-commercialdocument-view .form-control-sm.text-end {
    padding-right: 0rem !important;
}
.main-body-commercialdocument-view .form-control-adresse-client {
    padding: .1rem 0rem !important;
    margin-bottom: 0 !important;
    line-height: 1.2 !important;
}
.main-body-commercialdocument-view .mb-0 {
    margin-bottom: 0 !important;
}
.main-body-commercialdocument-view .kw-customer-country-field {
    min-height: calc(1.5em + 0.5rem + 2px) !important;
}
.main-body-commercialdocument-view .form-control {
    font-size: .95rem;
}
.main-body-commercialdocument-view .form-select.no-padding-right {
    padding-right: 0px !important;
}
.main-body-commercialdocument-view  .input-group-text {
    background-color: var(--bs-card-bg);
}
.main-body-commercialdocument-edit .commercialdocument-rows-column .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: .425rem !important;
    border-bottom-right-radius: .425rem !important;
}
.commercial-document-title {
    padding-right: 0 !important;
}
.commercialdocument-rows-with_quantities .display-designation {
   display: none;
}
.main-body-commercialdocument-view .commercialdocument-rows-with_quantities .display-designation {
   display: unset !important ;
}
.main-body-commercialdocument-view .display-designation.ms-3 {
    margin-left: .2rem !important;
}
.h-33px {
    height: 33px !important;
}
.w-33px {
    width: 33px !important;
}
.border-bottom-table {
    border-bottom-style: dashed;
    border-bottom-color: var(--bs-gray-200);
    border-width: 1px;
}

.discount-section {
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important;
    border-radius: .475rem !important;
}
@media (max-width: 844px) {
    .discount-section {
        background-color: unset !important;
    }
}
.bg-light-rounded {
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important;
    border-radius: .475rem !important;
}
.main-body-commercialdocument-view .bg-light-rounded {
    background-color: transparent !important;
}

/* Styles pour les notifications toastr plus larges */
#toastr-container > div,
#toast-container > div {
    min-width: 350px !important;
    max-width: 500px !important;
    width: 350px !important;
    white-space: nowrap !important;
}

#toastr-container > .toast,
#toast-container > .toast {
    min-width: 350px !important;
    max-width: 500px !important;
    width: 350px !important;
    white-space: nowrap !important;
}

#toastr-container .toast-message,
#toast-container .toast-message {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Surcharge spécifique pour les styles du bundle */
#toastr-container > div[style*="width: 300px"],
#toast-container > div[style*="width: 300px"] {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 500px !important;
}

.toastr-top-right {
    top: 12px !important;
    right: 12px !important;
}

.toastr-top-left {
    top: 12px !important;
    left: 12px !important;
}

.toastr-bottom-right {
    bottom: 12px !important;
    right: 12px !important;
}

.toastr-bottom-left {
    bottom: 12px !important;
    left: 12px !important;
}

/* ============================================
   MODERN TOAST DESIGN - SUCCESS (TEST)
   Design moderne : fond blanc + bordure gauche colorée
   ============================================ */

/* Override Toastr success background - CORRECT SELECTORS */
.toastr.toastr-success,
#toastr-container .toastr.toastr-success {
    background-color: var(--bs-app-blank-bg-color) !important;
    background-image: none !important;
    border: none !important;
    border-left: 5px solid var(--bs-success) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    min-width: 300px !important;
    max-width: 500px !important;
    width: auto !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

/* Success message text color */
.toastr.toastr-success .toastr-message,
#toastr-container .toastr.toastr-success .toastr-message {
    color: var(--bs-gray-700) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.5 !important;
}

/* Success title (si présent) */
.toastr.toastr-success .toastr-title,
#toastr-container .toastr.toastr-success .toastr-title {
    color: var(--bs-gray-900) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

/* Success close button */
.toastr.toastr-success .toastr-close-button,
#toastr-container .toastr.toastr-success .toastr-close-button {
    opacity: 1 !important;
    text-shadow: none !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    display: block !important;
    visibility: visible !important;
}

.toastr.toastr-success .toastr-close-button i,
#toastr-container .toastr.toastr-success .toastr-close-button i {
    color: var(--bs-gray-600) !important;
}

.toastr.toastr-success .toastr-close-button:hover i,
#toastr-container .toastr.toastr-success .toastr-close-button:hover i {
    color: var(--bs-gray-700) !important;
}

/* Success icon (if Toastr uses it) */
.toastr.toastr-success:before,
#toastr-container .toastr.toastr-success:before {
    color: var(--bs-success) !important;
}

/* ============================================
   MODERN TOAST DESIGN - ERROR
   ============================================ */

/* Override Toastr error background */
.toastr.toastr-error,
#toastr-container .toastr.toastr-error {
    background-color: var(--bs-app-blank-bg-color) !important;
    background-image: none !important;
    border: none !important;
    border-left: 5px solid var(--bs-danger) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    min-width: 300px !important;
    max-width: 500px !important;
    width: auto !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.toastr.toastr-error .toastr-message,
#toastr-container .toastr.toastr-error .toastr-message {
    color: var(--bs-gray-700) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.5 !important;
}

.toastr.toastr-error .toastr-title,
#toastr-container .toastr.toastr-error .toastr-title {
    color: var(--bs-gray-900) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

.toastr.toastr-error .toastr-close-button,
#toastr-container .toastr.toastr-error .toastr-close-button {
    opacity: 1 !important;
    text-shadow: none !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    display: block !important;
    visibility: visible !important;
}

.toastr.toastr-error .toastr-close-button i,
#toastr-container .toastr.toastr-error .toastr-close-button i {
    color: var(--bs-gray-600) !important;
}

.toastr.toastr-error .toastr-close-button:hover i,
#toastr-container .toastr.toastr-error .toastr-close-button:hover i {
    color: var(--bs-gray-700) !important;
}

.toastr.toastr-error:before,
#toastr-container .toastr.toastr-error:before {
    color: var(--bs-danger) !important;
}

/* ============================================
   MODERN TOAST DESIGN - WARNING
   ============================================ */

/* Override Toastr warning background */
.toastr.toastr-warning,
#toastr-container .toastr.toastr-warning {
    background-color: var(--bs-app-blank-bg-color) !important;
    background-image: none !important;
    border: none !important;
    border-left: 5px solid var(--bs-warning) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    min-width: 300px !important;
    max-width: 500px !important;
    width: auto !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.toastr.toastr-warning .toastr-message,
#toastr-container .toastr.toastr-warning .toastr-message {
    color: var(--bs-gray-700) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.5 !important;
}

.toastr.toastr-warning .toastr-title,
#toastr-container .toastr.toastr-warning .toastr-title {
    color: var(--bs-gray-900) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

.toastr.toastr-warning .toastr-close-button,
#toastr-container .toastr.toastr-warning .toastr-close-button {
    opacity: 1 !important;
    text-shadow: none !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    display: block !important;
    visibility: visible !important;
}

.toastr.toastr-warning .toastr-close-button i,
#toastr-container .toastr.toastr-warning .toastr-close-button i {
    color: var(--bs-gray-600) !important;
}

.toastr.toastr-warning .toastr-close-button:hover i,
#toastr-container .toastr.toastr-warning .toastr-close-button:hover i {
    color: var(--bs-gray-700) !important;
}

.toastr.toastr-warning:before,
#toastr-container .toastr.toastr-warning:before {
    color: var(--bs-warning) !important;
}

/* ============================================
   MODERN TOAST DESIGN - INFO
   ============================================ */

/* Override Toastr info background */
.toastr.toastr-info,
#toastr-container .toastr.toastr-info {
    background-color: var(--bs-app-blank-bg-color) !important;
    background-image: none !important;
    border: none !important;
    border-left: 5px solid var(--bs-info) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    min-width: 300px !important;
    max-width: 500px !important;
    width: auto !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.toastr.toastr-info .toastr-message,
#toastr-container .toastr.toastr-info .toastr-message {
    color: var(--bs-gray-700) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    line-height: 1.5 !important;
}

.toastr.toastr-info .toastr-title,
#toastr-container .toastr.toastr-info .toastr-title {
    color: var(--bs-gray-900) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

.toastr.toastr-info .toastr-close-button,
#toastr-container .toastr.toastr-info .toastr-close-button {
    opacity: 1 !important;
    text-shadow: none !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    display: block !important;
    visibility: visible !important;
}

.toastr.toastr-info .toastr-close-button i,
#toastr-container .toastr.toastr-info .toastr-close-button i {
    color: var(--bs-gray-600) !important;
}

.toastr.toastr-info .toastr-close-button:hover i,
#toastr-container .toastr.toastr-info .toastr-close-button:hover i {
    color: var(--bs-gray-700) !important;
}

.toastr.toastr-info:before,
#toastr-container .toastr.toastr-info:before {
    color: var(--bs-info) !important;
}
.w-95  {
    width: 95%;  
}
.w-90  {
    width: 90%;  
}
.w-80  {
    width: 80%;  
}
.w-20  {
    width: 20%;   
}
.w-10  {
    width: 10%;  
}
.w-05  {
    width: 5%;  
}
.min-w-110px {
    min-width: 110px !important; 
}
/* End Custom css invoices */

img.img-square {
    aspect-ratio: 1 / 1;
}

@media (min-width: 576px) {
  .w-80-offcanvas {
    width: 90% !important;
  }
  .w-90-offcanvas {
    width: calc(100% - 120px) !important;
  }
}
@media (min-width: 1025px) {
  .w-80-offcanvas {
    width: 90% !important;
  }
  .w-90-offcanvas {
    width: calc(100% - 120px) !important;
  }
}

.twitter-typeahead {
    width: 100%;
    display: table !important;
}

.twitter-typeahead .form-control {
    margin: 0 !important;
    padding-top: .55rem;
    padding-bottom: .55rem;
    padding-left: .75rem;
    font-size: .95rem;
}
.commercialdocument-rows-simple .twitter-typeahead .form-control {
    border-top-left-radius: .425rem !important;
    border-bottom-left-radius: .425rem !important;
}
@media (max-width: 820px) {
    .commercialdocument-rows-with_quantities .twitter-typeahead .form-control.commercialdocumentcontentfield-product-title {
        width: 250px !important;
        overflow-x: auto;
    }
    .commercialdocument-rows-simple .twitter-typeahead .form-control.commercialdocumentcontentfield-product-title {
        width: 250px !important;
        overflow-x: auto;
    }
}
@media (width: 1180px) {
   .commercialdocument-rows-with_quantities .twitter-typeahead .form-control.commercialdocumentcontentfield-product-title {
        width: 250px !important;
        overflow-x: auto;
    }
    .commercialdocument-rows-simple .twitter-typeahead .form-control.commercialdocumentcontentfield-product-title {
        width: 100% !important;
        overflow-x: auto;
    }
}
.tt-hint,
.tt-input {
  color: #999;
  font-size: 14px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.tt-hint[disabled] {
  background-color: #fff !important;
}


.tt-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ebebeb;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  width: 100%;
  overflow-y: auto;
  max-height: 250px;
}

.tt-menu h3 {
  margin: 5px 0;
  padding: 6px 12px;
  font-size: 18px;
  font-weight: 700; 
  border-bottom: 1px solid #eee;
}

.modal-open .tt-menu {
  z-index: 10055 !important;
}

.tt-suggestion {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 16px;
}

.tt-suggestion:hover {
    cursor: pointer;
    background: #eee;
}

.tt-suggestion p {
  margin: 0;
}
@media (min-width: 768px) {
    .min-w-bs-500px {
        min-width: 500px !important;
    }
}
.pagination {
    max-width: 350px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: flex-start !important;
}
@media (max-width: 768px) {
    .kw-customtable-paginator-container.d-flex {
            display: unset !important;

    }
    div.dataTables_wrapper div.dataTables_paginate {
        width: 100%;
        justify-content: flex-start !important;
        margin-left: 0px;
        padding: 0.5rem 0.5rem !important;
    }
    div.dataTables_wrapper div.dataTables_info {
        margin-left: 0px;
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_length {
        padding: 0rem 0;
        width: 100%;
        margin: auto;
    }
    .pagination {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }   
}

@media (max-width: 768px) {
    .custom-col-xs-12 [class*="col-"] {
        width: 100% !important;
    }
    .kw-menu-btn-xs  {
        padding: 5px 5px !important;
        padding-bottom: 10px !important;
        text-align: center;

    }
    .symbol.symbol-xs-30px>img {
        width: 30px;
        height: 30px;
    }

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    border: 1px solid #0393a8;
}
.ml-0 {
    margin-left: 0px !important;
}

.border-think-bg-body {
    border-color: var(--bs-page-bg) !important;
    border-top-width: 20px !important;
}

.bg-body-page {
    background-color: var(--bs-page-bg) !important;
}

.select2-container--bootstrap5 .select2-selection.form-select-lg {
    min-height: calc(1.5em + 1.65rem + 2px);
}
.select2-container--bootstrap5 .select2-selection.form-select-sm {
    min-height: calc(1.5em + .375rem + 2px);
}
.select2-container--bootstrap5 .select2-selection {
    min-height: calc(1.5em + 1.65rem + 2px);
}

/* Masquer la sidebar et ajuster la marge sur mobile */
@media (max-width: 767px) {
   .headertopwithtoolbar {
        margin-left: 0px;
    }
    .headertoolbar {
        margin-left: 0px;
        width: 100%;
    }
    .headertopnotoolbar {
        margin-left: 0px;
    }
    .footer-fixed .footer {
        left: 0px !important;
        width: 100%;
    }

    .sidebarmenu {
        width: 0;
        height: 100vh;
        background-color: #333;
        overflow-x: hidden;
        transition: width 0.3s ease;
        position: fixed;
        top: 0;
        left: 0;
    }
    .offcanvas-custom {
        width: calc(100% - 70px) !important;
        left: 70px !important;
        transform: translateX(100%);
    }
    .start-100 {
        left: 90% !important;
        top: 0px;
    }
    .offcanvas-search-position {
        position: fixed !important;
        bottom: 10px !important;
        width: calc(80% - 70px) !important;
    }
    /* Quand la sidebar est ouverte */
    .sidebarmenu.open {
        width: 70px; /* Ouvrir la sidebar */
    }

    /* Style de la page principale */
    .main-body {
        margin-left: 0 !important;
        transition: margin-left 0.3s ease;
    }

    /* Quand la sidebar est ouverte, déplacer le contenu principal */
    .sidebar-open .main-body {
        margin-left: 50px; /* Déplacer le contenu */
    }

    /* Adapter ton bouton */
    .menu-toggle-btn {
        position: fixed;
        bottom: 60px;
        right: 10px;
        z-index: 107; /* S'assurer qu'il est au-dessus des autres éléments */
        cursor: pointer;
        display: block;
    }
    /* Masquer la transition de la sidebar jusqu'à ce qu'elle soit complètement chargée */
    .sidebarmenu {
        transition: none; /* Désactiver les transitions au démarrage */
    }

    .sidebar-open .sidebarmenu {
        transition: width 0.3s ease; /* Rétablir la transition après le chargement */
    }
}

/* START KANBAN PERSONNALISATION */
.kanban-title-button {
    font-size: 0; /* Masque le texte en le rendant invisible */
}

.kanban-title-button::before {
    font-size: 1.2rem; /* Rétablit la taille pour l'icône */
    content: "\ea3c"; /* Insère l'icône */
    font-family: 'keenicons-duotone'; /* Utilise la police d'icônes ou ton icône spécifique */
}
.kanban-board-header {
    display: flex;
    justify-content: space-between; /* équivalent à flex-stack */
    align-items: center; /* centre les éléments verticalement */
    height: 60px;
}
/* White */
.kanban-container .kanban-board .kanban-board-header.light-white {
    background-color: var(--bs-white) !important;
    color: var(--bs-white-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-white .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-white .kanban-title-button {
    color: var(--bs-white-inverse) !important;
}

/* Primary */
.kanban-container .kanban-board .kanban-board-header.light-primary {
    background-color: var(--bs-primary) !important;
    color: var(--bs-primary-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-primary .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-primary .kanban-title-button {
    color: var(--bs-primary-inverse) !important;
}

/* Secondary */
.kanban-container .kanban-board .kanban-board-header.light-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-secondary-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-secondary .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-secondary .kanban-title-button {
    color: var(--bs-secondary-inverse) !important;
}

/* Success */
.kanban-container .kanban-board .kanban-board-header.light-success {
    background-color: var(--bs-success) !important;
    color: var(--bs-success-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-success .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-success .kanban-title-button {
    color: var(--bs-success-inverse) !important;
}

/* Info */
.kanban-container .kanban-board .kanban-board-header.light-info {
    background-color: var(--bs-info) !important;
    color: var(--bs-info-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-info .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-info .kanban-title-button {
    color: var(--bs-info-inverse) !important;
}

/* Warning */
.kanban-container .kanban-board .kanban-board-header.light-warning {
    background-color: var(--bs-warning) !important;
    color: var(--bs-warning-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-warning .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-warning .kanban-title-button {
    color: var(--bs-warning-inverse) !important;
}

/* Danger */
.kanban-container .kanban-board .kanban-board-header.light-danger {
    background-color: var(--bs-danger) !important;
    color: var(--bs-danger-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-danger .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-danger .kanban-title-button {
    color: var(--bs-danger-inverse) !important;
}

/* Light */
.kanban-container .kanban-board .kanban-board-header.light-light {
    background-color: var(--bs-light) !important;
    color: var(--bs-light-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-light .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-light .kanban-title-button {
    color: var(--bs-light-inverse) !important;
}

/* Dark */
.kanban-container .kanban-board .kanban-board-header.light-dark {
    background-color: var(--bs-dark) !important;
    color: var(--bs-dark-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark .kanban-title-button {
    color: var(--bs-dark-inverse) !important;
}
/* kw-blue */
.kanban-container .kanban-board .kanban-board-header.light-blue {
    background-color: var(--kw-blue) !important;
    color: var(--kw-blue-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-blue .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-blue .kanban-title-button {
    color: var(--kw-blue-inverse) !important;
}

/* kw-pink */
.kanban-container .kanban-board .kanban-board-header.light-pink {
    background-color: var(--kw-pink) !important;
    color: var(--kw-pink-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-pink .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-pink .kanban-title-button {
    color: var(--kw-pink-inverse) !important;
}

/* dark-blue */
.kanban-container .kanban-board .kanban-board-header.light-dark-blue {
    background-color: var(--dark-blue) !important;
    color: var(--dark-blue-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-blue .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-blue .kanban-title-button {
    color: var(--dark-blue-inverse) !important;
}

/* dark-green */
.kanban-container .kanban-board .kanban-board-header.light-dark-green {
    background-color: var(--dark-green) !important;
    color: var(--dark-green-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-green .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-green .kanban-title-button {
    color: var(--dark-green-inverse) !important;
}

/* dark-red */
.kanban-container .kanban-board .kanban-board-header.light-dark-red {
    background-color: var(--dark-red) !important;
    color: var(--dark-red-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-red .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-red .kanban-title-button {
    color: var(--dark-red-inverse) !important;
}

/* dark-orange */
.kanban-container .kanban-board .kanban-board-header.light-dark-orange {
    background-color: var(--dark-orange) !important;
    color: var(--dark-orange-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-orange .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-orange .kanban-title-button {
    color: var(--dark-orange-inverse) !important;
}

/* dark-gray */
.kanban-container .kanban-board .kanban-board-header.light-dark-gray {
    background-color: var(--dark-gray) !important;
    color: var(--dark-gray-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-gray .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-gray .kanban-title-button {
    color: var(--dark-gray-inverse) !important;
}

/* dark-pink */
.kanban-container .kanban-board .kanban-board-header.light-dark-pink {
    background-color: var(--dark-pink) !important;
    color: var(--dark-pink-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-pink .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-pink .kanban-title-button {
    color: var(--dark-pink-inverse) !important;
}

/* pastel-yellow */
.kanban-container .kanban-board .kanban-board-header.light-pastel-yellow {
    background-color: var(--pastel-yellow) !important;
    color: var(--pastel-yellow-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-pastel-yellow .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-pastel-yellow .kanban-title-button {
    color: var(--pastel-yellow-inverse) !important;
}

/* pastel-lilac */
.kanban-container .kanban-board .kanban-board-header.light-pastel-lilac {
    background-color: var(--pastel-lilac) !important;
    color: var(--pastel-lilac-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-pastel-lilac .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-pastel-lilac .kanban-title-button {
    color: var(--pastel-lilac-inverse) !important;
}

/* pastel-green */
.kanban-container .kanban-board .kanban-board-header.light-pastel-green {
    background-color: var(--pastel-green) !important;
    color: var(--pastel-green-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-pastel-green .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-pastel-green .kanban-title-button {
    color: var(--pastel-green-inverse) !important;
}

/* pastel-pink */
.kanban-container .kanban-board .kanban-board-header.light-pastel-pink {
    background-color: var(--pastel-pink) !important;
    color: var(--pastel-pink-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-pastel-pink .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-pastel-pink .kanban-title-button {
    color: var(--pastel-pink-inverse) !important;
}

/* yellow */
.kanban-container .kanban-board .kanban-board-header.light-yellow {
    background-color: var(--yellow) !important;
    color: var(--yellow-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-yellow .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-yellow .kanban-title-button {
    color: var(--yellow-inverse) !important;
}

/* dark-yellow */
.kanban-container .kanban-board .kanban-board-header.light-dark-yellow {
    background-color: var(--dark-yellow) !important;
    color: var(--dark-yellow-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-yellow .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-yellow .kanban-title-button {
    color: var(--dark-yellow-inverse) !important;
}

/* dark-violet */
.kanban-container .kanban-board .kanban-board-header.light-dark-violet {
    background-color: var(--dark-violet) !important;
    color: var(--dark-violet-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-dark-violet .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-dark-violet .kanban-title-button {
    color: var(--dark-violet-inverse) !important;
}

/* pastel-violet */
.kanban-container .kanban-board .kanban-board-header.light-pastel-violet {
    background-color: var(--pastel-violet) !important;
    color: var(--pastel-violet-inverse) !important;
}
.kanban-container .kanban-board .kanban-board-header.light-pastel-violet .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.light-pastel-violet .kanban-title-button {
    color: var(--pastel-violet-inverse) !important;
}

/* END KANBAN PERSONNALISATION */
/* START PUBLIQUE INVOICES */
.scroll-horizontal {
    overflow-x: auto;
    white-space: nowrap;
}
.fixed-bottom-left {
    position: fixed;
    left: 15px;
    bottom: 20px;
    z-index: 1000; /* S'assure que le bouton soit toujours au-dessus du contenu */
}
.headertinvoicepublic {
    margin-left: auto; /* Permet de centrer horizontalement */
    margin-right: auto; /* Permet de centrer horizontalement */
    height: 60px;
    display: flex !important;
    align-items: center !important;
    padding: 0 30px;
    z-index: 105;
    position: sticky;
    top: 10px;
    animation-duration: 0.3s;
    width: 80%;
    border-radius: 1rem!important;
}
.invoice-public .main-body {
    margin-left: 0px !important;
}

.invoice-public .headertopnotoolbar {
    margin-left: 0px !important;
}
.modal-body .fs-2hx.fs-size-dashbord  {
    font-size: calc(3.375rem + 3.9vw) !important;
}
.modal-body .hidden-modal {
    display: none !important;
}
@media (max-width: 820px) {
    .order-xs-1 {
        order: 1 !important;
    }
     .order-xs-2 {
        order: 2 !important;
    }
    .center-mobile-left {
        justify-content: flex-start !important; /* Aligne le contenu à gauche */
    }

    .text-left-mobile {
        text-align: left !important; /* Aligne le texte à gauche */
    }
    .headertinvoicepublic {
        top: 0px;
        width: 100%;
        border-radius: 0px !important;
    }
    .fs-2hx.fs-size-dashbord {
        font-size: calc(1.375rem + .9vw) !important;
    }
    .custom-col-xs-12 [class*="col-"] {
        width: 100% !important;
    }
    .modal-body .fs-2hx.fs-size-dashbord  {
    font-size: calc(2.375rem + 2.9vw) !important;
}
}

@media (width: 1180px) {

    .center-mobile-left {
        justify-content: flex-start !important; /* Aligne le contenu à gauche */
    }

    .text-left-mobile {
        text-align: left !important; /* Aligne le texte à gauche */
    }
    .headertinvoicepublic {
        width: 90%;
    }
    .fs-2hx {
        font-size: calc(1.375rem + .9vw) !important;
    }
}
/* END PUBLIQUE INVOICES */
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(5px) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) !important;
    backdrop-filter: var(--tw-backdrop-blur) !important;
    background-color: #0000000d !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
}

.has-background-bg-desc .has-img-bg {
    background: #181c32;
    opacity: .7;
    border-radius: 0.85rem;
    padding: 20px;
    color: #fff !important;
}

/************************************************************ GANTT ***************************************************/

.kw-customtable-gantt rect.bar-progress {
    fill: black !important;
    fill-opacity: 10%;
}
.kw-customtable-gantt g.bg-blue rect.bar {
    fill: var(--kw-blue) !important;
}
.kw-customtable-gantt g.bg-blue text {
    fill: var(--kw-blue-inverse) !important;
}

.kw-customtable-gantt g.bg-warning rect.bar {
    fill: var(--bs-warning) !important;
}
.kw-customtable-gantt g.bg-warning text {
    fill: var(--bs-primary-inverse) !important;
}

.kw-customtable-gantt g.bg-light-blue rect.bar {
    fill: var(--kw-blue-light) !important;
}
.kw-customtable-gantt g.bg-light-blue text {
    fill: var(--bs-kw-blue-light-inverse) !important;
}

.kw-customtable-gantt g.bg-pink rect.bar {
    fill: var(--kw-pink) !important;
}
.kw-customtable-gantt g.bg-pink text {
    fill: var(--kw-pink-inverse) !important;
}

.kw-customtable-gantt g.bg-light-pink rect.bar {
    fill: var(--kw-pink-light) !important;
}
.kw-customtable-gantt g.bg-light-pink text {
    fill: var(--kw-pink-light-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-blue rect.bar {
    fill: var(--dark-blue) !important;
}
.kw-customtable-gantt g.bg-dark-blue text {
    fill: var(--dark-blue-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-green rect.bar {
    fill: var(--dark-green) !important;
}
.kw-customtable-gantt g.bg-dark-green text {
    fill: var(--dark-green-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-red rect.bar {
    fill: var(--dark-red) !important;
}
.kw-customtable-gantt g.bg-dark-red text {
    fill: var(--dark-red-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-orange rect.bar {
    fill: var(--dark-orange) !important;
}
.kw-customtable-gantt g.bg-dark-orange text {
    fill: var(--dark-orange-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-gray rect.bar {
    fill: var(--dark-gray) !important;
}
.kw-customtable-gantt g.bg-dark-gray text {
    fill: var(--dark-gray-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-pink rect.bar {
    fill: var(--dark-pink) !important;
}
.kw-customtable-gantt g.bg-dark-pink text {
    fill: var(--dark-pink-inverse) !important;
}

.kw-customtable-gantt g.bg-pastel-yellow rect.bar {
    fill: var(--pastel-yellow) !important;
}
.kw-customtable-gantt g.bg-pastel-yellow text {
    fill: var(--pastel-yellow-inverse) !important;
}

.kw-customtable-gantt g.bg-light-pastel-yellow rect.bar {
    fill: var(--pastel-yellow-light) !important;
}
.kw-customtable-gantt g.bg-light-pastel-yellow text {
    fill: var(--pastel-yellow-light-inverse) !important;
}

.kw-customtable-gantt g.bg-pastel-lilac rect.bar {
    fill: var(--pastel-lilac) !important;
}
.kw-customtable-gantt g.bg-pastel-lilac text {
    fill: var(--pastel-lilac-inverse) !important;
}

.kw-customtable-gantt g.bg-light-pastel-lilac rect.bar {
    fill: var(--pastel-lilac-light) !important;
}
.kw-customtable-gantt g.bg-light-pastel-lilac text {
    fill: var(--pastel-lilac-light-inverse) !important;
}

.kw-customtable-gantt g.bg-pastel-green rect.bar {
    fill: var(--pastel-green) !important;
}
.kw-customtable-gantt g.bg-pastel-green text {
    fill: var(--pastel-green-inverse) !important;
}

.kw-customtable-gantt g.bg-pastel-pink rect.bar {
    fill: var(--pastel-pink) !important;
}
.kw-customtable-gantt g.bg-pastel-pink text {
    fill: var(--pastel-pink-inverse) !important;
}

.kw-customtable-gantt g.bg-yellow rect.bar {
    fill: var(--yellow) !important;
}
.kw-customtable-gantt g.bg-yellow text {
    fill: var(--yellow-inverse) !important;
}

.kw-customtable-gantt g.bg-light-yellow rect.bar {
    fill: var(--yellow-light) !important;
}
.kw-customtable-gantt g.bg-light-yellow text {
    fill: var(--yellow-light-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-yellow rect.bar {
    fill: var(--dark-yellow) !important;
}
.kw-customtable-gantt g.bg-dark-yellow text {
    fill: var(--dark-yellow-inverse) !important;
}

.kw-customtable-gantt g.bg-dark-violet rect.bar {
    fill: var(--dark-violet) !important;
}
.kw-customtable-gantt g.bg-dark-violet text {
    fill: var(--dark-violet-inverse) !important;
}

.kw-customtable-gantt g.bg-light-dark-violet rect.bar {
    fill: var(--dark-violet-light) !important;
}
.kw-customtable-gantt g.bg-light-dark-violet text {
    fill: var(--dark-violet-light-inverse) !important;
}

.kw-customtable-gantt g.bg-pastel-violet rect.bar {
    fill: var(--pastel-violet) !important;
}
.kw-customtable-gantt g.bg-pastel-violet text {
    fill: var(--pastel-violet-inverse) !important;
}

.kw-customtable-gantt g.bg-primary rect.bar {
    fill: var(--bs-primary) !important;
}
.kw-customtable-gantt g.bg-primary text {
    fill: var(--bs-primary-inverse) !important;
}

.kw-customtable-gantt g.bg-secondary rect.bar {
    fill: var(--bs-secondary) !important;
}
.kw-customtable-gantt g.bg-secondary text {
    fill: var(--bs-secondary-inverse) !important;
}

.kw-customtable-gantt g.bg-danger rect.bar {
    fill: var(--bs-danger) !important;
}
.kw-customtable-gantt g.bg-danger text {
    fill: var(--bs-danger-inverse) !important;
}

.kw-customtable-gantt g.bg-success rect.bar {
    fill: var(--bs-success) !important;
}
.kw-customtable-gantt g.bg-success text {
    fill: var(--bs-success-inverse) !important;
}

.kw-customtable-gantt g.bg-info rect.bar {
    fill: var(--bs-info) !important;
}
.kw-customtable-gantt g.bg-info text {
    fill: var(--bs-info-inverse) !important;
}

.kw-customtable-gantt g.bg-dark rect.bar {
    fill: var(--bs-dark) !important;
}
.kw-customtable-gantt g.bg-dark text {
    fill: var(--bs-dark-inverse) !important;
}

.kw-customtable-gantt g.bg-light rect.bar {
    fill: var(--bs-light) !important;
}
.kw-customtable-gantt g.bg-light text {
    fill: var(--bs-light-inverse) !important;
}

.gantt .bar-label {
    font-family: Inter,Helvetica,sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.gantt-container .today-button, .gantt-container .viewmode-select {
    background: #f9f9f9 !important;
    text-align: -webkit-center;
    text-align: center;
    border: none;
    color: var(--text-dark);
    padding: 4px 16px !important;
    border-radius: .425rem !important;
    height: 30px !important;
}
.gantt-container .side-header {
    margin-right: 0px !important;
    background: transparent !important;
}
.gantt-container {
    height: 65vh !important;
}
.gantt {
    user-select: none;
    -webkit-user-select: none;
    position: absolute;
    min-width: 100% !important;
}
.w-110px {
    width: 110px !important;
}
.fc-v-event .fc-event-main {
    color: unset;
    color: unset;
    font-weight: 600;
    font-size: 1rem !important;
}
.fc .fc-list-event:hover td {
    background-color: unset;
    background-color: unset;
}
.iframe-full {
    height: calc(100% - 0%); /* 100px est une estimation de la hauteur du footer */
    width: 100%;
    border: none;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}
.column-header .sort-button {
    display: none;
    justify-content: center;
}
.column-header:hover .sort-button {
    display: inline-block;
}
.table p {
    margin-bottom: 0rem;
}
.card .card-footer {
    padding: 1rem 1.25rem;
}
.w-1200px {
    width: 1200px !important;
}
.w-1500px {
    width: 1500px !important;
}
.w-2000px {
    width: 2000px !important;
}
.w-2500px {
    width: 2500px !important;
}
.w-3000px {
    width: 3000px !important;
}
table tfoot th {
    border: none !important;
}
table.table-bordered.dataTable tfoot {
    font-weight: bold;
    border-top: unset;
}
table.table-bordered.dataTable tfoot td, 
table.table-bordered.dataTable tfoot th {
    border: none !important;
}

table.table-bordered.dataTable tfoot td, 
table.table-bordered.dataTable tfoot th {
    border-bottom-width: 0 !important;
}
div.dataTables_scrollFootInner table.table-bordered tr th:first-child {
    border-left: none !important;
}
table.table-bordered.dataTable.no-border-bordered td:first-child,
table.table-bordered.dataTable.no-border-bordered th:first-child {
    border-left-width: 0 !important; /* Supprime la bordure gauche de la première cellule */
}

/*Form check */
/* Supprimer les bordures et ajuster les espacements */
table.table-bordered.dataTable.no-border-bordered td .no-border-form-check,
table.table-bordered.dataTable.no-border-bordered th .no-border-form-check {
    border: none !important;
    padding: 0 !important; /* Facultatif pour ajuster les espacements */
}

/* Cible les cellules contenant `.no-border-form-check` */
table.table-bordered.dataTable td:has(.no-border-form-check), 
table.table-bordered.dataTable th:has(.no-border-form-check) {
    border-bottom-width: 0px !important;
}

table.table-bordered.dataTable thead th:has(.no-border-form-check) {
    border-bottom-width: 0px !important;
}

table.table-bordered.dataTable thead tr:first-child th:has(.no-border-form-check),
table.table-bordered.dataTable thead tr:first-child td:has(.no-border-form-check) {
    border-top-width: 0px !important;
    background-color: transparent !important; /* Remplacez par la couleur souhaitée */
}

/* Réinitialisation pour les cellules contenant `.no-border-form-check` */
table.dataTable.table-striped > tbody > tr.odd > *:has(.no-border-form-check) {
    box-shadow: none !important;
}
/*End Form check */

/* Supprime le radius si la classe table-bordered est présente */
.table-bordered .split-header:hover {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.table-bordered th.no-border-last,
.table-bordered td.no-border-last {
    border: 0 !important; /* Supprime toutes les bordures */
}
/* Réinitialisation pour les cellules avec la classe no-border-last */
table.table-bordered.dataTable thead tr:first-child td.no-border-last, 
table.table-bordered.dataTable thead tr:first-child th.no-border-last {
    background-color: unset !important;
}

/* Réinitialisation pour les cellules avec la classe no-border-last */
table.dataTable.table-striped > tbody > tr.odd > *.no-border-last {
    box-shadow: none !important;
}
/* Réinitialisation pour les éléments avec la classe no-border-last lorsque table-bordered est présente */
.table-bordered .even:hover .no-border-last {
    visibility: hidden !important;
    background-color: transparent !important; /* Facultatif pour rendre l'arrière-plan invisible */
}
/* Désactiver l'effet pour les cellules avec no-border-last lorsque table-bordered est présente */
table.table-bordered.dataTable.table-hover > tbody > tr:hover > *.no-border-last {
    box-shadow: none !important;
}
.table-bordered>:not(caption)>*>* {
    border-width: 0 2px;
}
table.table-bordered.dataTable thead tr:first-child td, table.table-bordered.dataTable thead tr:first-child th {
    border-top-width: 2px;
}
table.table-bordered.dataTable td, table.table-bordered.dataTable th {
    border-bottom-width: 2px;
}


.clr-picker {
    z-index: 1055; /* Assurez-vous que c'est supérieur à celui de la modal */
    position: absolute;
}

.card .card-footer.hidden {
    display: none!important
}

.btn-fixed-bottom-ia  { 
    position: fixed; 
    bottom: 20px; 
    right: 20px;
    z-index: 105;
}
.dtrg-group .dtfc-fixed-left {
    background: var(--bs-page-bg) !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 16px !important;
}
.dtrg-start td {
    background-color: var(--bs-page-bg) !important;

}
tr.dtrg-start td:first-child {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

tr.dtrg-start td:last-child {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

tr.dtrg-start td {
    text-align: left;
    vertical-align: middle;
    background-color: var(--bs-page-bg) !important; /* Fond pour toute la ligne */
     white-space: nowrap; /* Empêche le retour à la ligne */
}
.group-toggle {
    cursor: pointer;
    margin-right: 8px;
    vertical-align: middle; /* Centre l'icône verticalement */
}
/* Suppression de la border-bottom pour les lignes avant les lignes de titre de groupement */
tbody tr:not(.dtrg-start):has(+ tr.dtrg-start) td {
    border-bottom: none !important;
}
/* Supprimer la border-bottom sur les lignes de titre de groupement */
tbody tr.dtrg-start td {
    border-bottom: none !important;
}
/* Applique une border-bottom uniquement à la dernière ligne du tbody */
.table:not(.table-bordered) tbody tr:last-child td {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-left-doc-rounded-top-left {
    border-top-left-radius: .425rem !important;
    border-bottom-left-radius: 0px !important;
}
.border-right-doc-rounded-top-right {
    border-top-right-radius: .425rem !important;
    border-bottom-right-radius: 0px !important;
}
.border-right-doc-rounded-bottom-right {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: .425rem !important;
}
.border-right-left-doc-rounded-bottom-top-right-left {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: .425rem !important;
    border-top-left-radius: .425rem !important;
}
/* CSS KWE TRESO */
/* Icône masquée par défaut */
.icon-hidden {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.text-end:hover .icon-hidden {
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
}

/* Masquer le bouton par défaut */
.hover-show-btn {
    opacity: 0;
}

/* Afficher le bouton au survol du <td> */
.hover-show:hover .hover-show-btn {
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
}

.hidden-row-table {
    display: none;
}
.hidden-row {
    display: none;
}


.table-container {
    position: relative;
    display: flex;
    align-items: center;
}
.scroll-left, .scroll-right {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
 .scroll-left, .scroll-right {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #333;
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.scroll-left {
    left: 0;
}

.scroll-right {
    right: 0;
}
 /* Fixer la première colonne avec une "bordure" droite simulée avec ::after */
.table-colonne-fix th:first-child, .table-colonne-fix td:first-child {
    position: sticky;
    left: 0;
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    background-color: #fff;
    z-index: 1;
}
@media (max-width: 820px) {
    .table-colonne-fix th:first-child, .table-colonne-fix td:first-child {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
}
/* Pseudo-élément ::after pour créer une bordure droite persistante */
.table-colonne-fix th:first-child::after, .table-colonne-fix td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px; /* Épaisseur de la "bordure" */
    height: 100%;
    background-color: var(--bs-border-color)!important; /* Couleur de la "bordure" */
    z-index: 2;
}

/* billing input */

/* Positionner le bouton à l'intérieur de l'input */
.input-product {
    position: absolute;
    top: 65%;
    right: -10px; /* Ajuster l'espacement avec le bord droit de l'input */
    transform: translateY(-50%); /* Correction du centrage vertical */
    background: none; /* Rendre le bouton transparent si nécessaire */
    border: none; /* Supprimer les bordures */
    padding: 0; /* Ajuster la taille du bouton */
    z-index: 2; /* Assurez-vous qu'il est au-dessus de l'input */
    cursor: pointer; /* Changer le curseur pour indiquer que c'est cliquable */
}
/* Ajuster le padding de l'input pour éviter que le texte ne soit masqué */
.input-product-zone input {
    padding-right: 35px; /* Ajouter un espace pour laisser la place au bouton */
}
.type-pr {
    padding-right: 0 !important;
}
.type-pl {
    padding-left: 0 !important;
}
.border-top-right-input-designation {
    border-top-right-radius: .425rem !important;
}
/* Masquer le bouton sur les écrans sm et inférieurs */
@media (max-width: 576px) {
    .btn-commentaire {
        display: none !important;
    }
    /* Optionnel : ajuster la taille des champs pour un affichage optimisé */
    .input-product-zone input {
        width: 100%;
    }
    .min-w-xs-300px {
        min-width: 300px !important;
    }
    .type-pr {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .type-pl {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .border-top-right-input-designation {
        border-top-right-radius: 0rem !important;
    }

}
@media (max-width: 768px) {
    .w-xs-100-discount-product {
        width: 100% !important;
    }
    .min-w-xs-60px {
        min-width: 60px !important;
    }
}

/* Menu Panel */
.sidebarmenupanel {
    width: 90px;
    height: calc(100% - 0%);
    position: fixed;
    top: 69px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
}
.main-body-panel {
    margin-right: 90px !important;
}
@media (max-width: 768px) {
    .sidebarmenupanel {
        width: 60px;
    }
    .main-body-panel {
        margin-right: 60px !important;
    }
}
.sidebarmenupanelLeft {
    position: absolute; 
    top: 0;                  
    width: 70px;      
    height: 100%;     
    max-height: 100%;  
    flex-shrink: 0;    
    overflow-y: auto;   
    z-index: 1050;     
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important; /* Optionnel : bord pour séparation visuelle */
}
.ms-panelLeft {
    margin-left: 6rem !important;
}
.modal-rounded {
    border-radius: 25px !important;
}
/* Menu Full modal */
.sidebar-modal-full-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 99.5%;
    max-height: 100%;
    flex-shrink: 0;
    overflow-y: auto;
    z-index: 1050;
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    overflow-y: auto;
}
.sidebar-modal-full {
    position: absolute; 
    top: 0;             
    right: 0;         
    width: 90px;  
    height: 100%;
    max-height: 100%;
    flex-shrink: 0;
    overflow-y: auto;
    z-index: 1050;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important; /* Optionnel : bord pour séparation visuelle */
    overflow-y: auto;
}
.task-body-modal-full {
    flex-grow: 1;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 90px;
}
.task-body-modal-full-left {
    flex-grow: 1;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 90px;
}
@media (max-width: 768px) {
    .sidebar-modal-full {
        width: 70px;
    }
    .task-body-modal-full {
        padding-right: 70px;
    }
}
.task-view-modal {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; 
    padding-bottom: 50px;
}


.custom-iframe-ia {
    width: 100%;
    height: calc(100% - 10%);
}
.drawer {
  width: 55%;
  /*border: 2px solid var(--bs-border-color);*/
  overflow: hidden;
  transform: translateX(100%);
  transition:
    transform 0.3s ease-in-out,
    width     0.3s ease-in-out;
}
.drawer.open {
  transform: translateX(0);
}
.drawer.drawer-on {
    width: 55%;
    border-radius: 1rem;
    margin: 20px;
}
.drawer.drawer-end {
    margin-top: 20px;
    margin-bottom: 20px;
}
.drawer.drawer-on.modal-fullscreen-custom {
    transition: all 0.3s ease-in-out, right 0.3s ease-in-out !important;
    border-radius: 0px;
}
/* XS : largeur 100% */
@media (max-width: 575.98px) {
    .drawer.drawer-on {
        width: 100%;
        border-radius: 0px;
        margin: 0px;
    }
    .drawer.drawer-end {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

/* SM : largeur 75% */
@media (min-width: 576px) and (max-width: 767.98px) {
    .drawer.drawer-on {
        width: 75%;
    }
}

/* MD : largeur 75% */
@media (min-width: 768px) and (max-width: 991.98px) {
    .drawer.drawer-on {
        width: 75%;
    }
}

/* LG : largeur 75% */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .drawer.drawer-on {
        width: 75%;
    }
}

/* XL : largeur 50% */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .drawer.drawer-on {
        width: 55%;
    }
}

/* XXL : largeur 50% */
@media (min-width: 1400px) {
    .drawer.drawer-on {
        width: 55%;
    }
}


.modal-fullscreen-custom {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); /* Transition plus fluide */
}

/* Transition fluide pour la sortie du plein écran */
.modal-dialog, .rightpanel {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Transition spéciale pour la fermeture */
.kw-closing {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(0.95);
    opacity: 0.8;
}

/* Style pour les boutons de fermeture en plein écran */
.modal-fullscreen-custom .kw-close-modal,
.modal-fullscreen-custom .kw-close-panel {
    pointer-events: auto;
    opacity: 1;
}
.modal-fullscreen-custom .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0; /* Suppression des coins arrondis en plein écran */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); /* Transition plus fluide */
}

.modal-fullscreen-custom .modal-content {
    border-radius: 0 !important; /* Supprime les bords arrondis en plein écran */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Transition plus fluide */
}
/* Styles pour le mode plein écran */
.modal-fullscreen-custom .modal-header {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
} 

/* Panneau droit (Assistant IA) */
.assistant-panel {
    position: fixed;
    right: calc(-40% - 60px);
    width: 40%; /* Largeur de 25% lorsqu'il est visible */
    height: calc(100% - 40px);
    background-color: var(--bs-body-bg) !important;
    transition: right 0.3s ease; /* Transition fluide pour l'ouverture/fermeture */
    z-index: 1050;
    box-shadow: var(--bs-drawer-box-shadow);
    border: 2px solid var(--bs-border-color);
}
#assistantPanel {
    transition: all 0.3s ease;
    margin: 20px;
}
/* Mode plein écran - Utilise le système mutualisé */
.assistant-panel.modal-fullscreen-custom {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.assistant-panel.modal-fullscreen-custom .card-header {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
/* Panneau gauche (Facture) */
.invoice-panel {
  flex: 1;
  padding: 1rem;
  background-color: var(--bs-body-bg) !important;
  overflow-y: auto;
}



/* Liaison dangeureuses */
.headerliaisonsdangeureuses {
    margin-left: auto; /* Permet de centrer horizontalement */
    margin-right: auto; /* Permet de centrer horizontalement */
    height: 60px;
    display: flex !important;
    align-items: center !important;
    padding: 0 30px;
    z-index: 105;
    position: sticky;
    top: 10px;
    animation-duration: 0.3s;
    width: 95%;
    border-radius: 1rem!important;
}

@media (max-width: 820px) {
    .headerliaisonsdangeureuses {
        top: 0px;
        width: 100%;
        border-radius: 0px !important;
    }

}
@media (width: 1180px) {
    .headerliaisonsdangeureuses {
        width: 90%;
    }

}

/* Animation de transition */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Classe pour appliquer l'animation */
.page-transition {
    animation: slideDown 0.5s ease-out;
}

.kw-panel-form-big-wysiwyg .ck.ck-content.ck-editor__editable {
    height: 450px;
}

iframe {
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: none;
}

#kw-rightpanel2 .kw-customtable-directrelation-plus-link {
    display: none;
    visibility: hidden;
}

.custom-banner-top {
    margin-left: 80px;
    padding: 0px 20px !important;
}

@media (max-width: 844px) {
    .custom-banner-top {
        padding: 0px 10px !important;
        margin-left: 50px;

    }
}
@media (max-width: 767px) {
    .custom-banner-top {
        margin-left: 0px;

    }
}
.close-banner-top {
    background: none;
    border: none;
    color: var(--bs-text-dark);
    font-size: 20px;
    cursor: pointer;
    margin-left: 10px;
}

.form-no-mb-5 .mb-5   {
    margin-bottom: 0px !important;

}

@media (min-width: 576px) {
  ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* pour un scroll fluide sur iOS */
  }
}

.modal .footer {
    display: none !important;
}
@media (max-width: 1180px) {
    .dataTables_info {
        display: none !important;
    }
}

ul.diffs-list {
    font-size: 12px;
}

ul.diffs-list > li > span.diff-label {
    font-weight: bold;
}

ul.diffs-list > li > span.diff-oldval, ul.diffs-list > li > span.diff-newval {
    font-style: italic;
}

ul.diffs-list > li > span.diff-oldval:empty:before, ul.diffs-list > li > span.diff-newval:empty:before {
    content: "NULL";
    margin: 2px;
}

ul.diffs-list > li > span.diff-oldval:empty, ul.diffs-list > li > span.diff-newval:empty {
    font-size: 9px;
    text-align: center;
    width: 35px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
    color: black;
    background-color: lightgray;
    border-radius: 3px;
}
@media (max-width: 767.98px) {
  .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.drawer-overlay {
    background-color: color-mix(in oklab, #5E6278 30%, transparent);
    backdrop-filter: blur(3px);
}
.modal-backdrop {
    background-color: color-mix(in oklab, #5E6278 30%, transparent);
    backdrop-filter: blur(3px);
    opacity: 1 !important;
}
.mtmb-bordered .dataTables_scrollHeadInner .table-bordered {
    margin-top: 1.5rem !important;
}
.mtmb-bordered .dataTables_scrollBody .table-bordered {
    margin-bottom: 1.5rem !important;
}

thead tr th:first-child {
  border-top-left-radius: 1rem;
}
 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}
.card .table:not(.table-bordered) tbody tr:last-child td {
  border-bottom: none !important;
}
tfoot tr:last-child td, .table:not(.table-bordered) tfoot tr:last-child th {
    border-bottom-left-radius: 1rem;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
/* Surcharge pour supprimer la border-top sur les factures */
.kw-invoice-table tfoot tr:last-child td, 
.kw-invoice-table.table:not(.table-bordered) tfoot tr:last-child th {
    border-top: none !important;
}
.table>:not(caption)>*>* {
    border-bottom-width: 1px !important;
}
.card {
    border: 2px solid var(--bs-border-color);
    border-radius: 1rem;
}
@media (max-width: 767.98px) {
    .card>.card-header:not(.flex-nowrap) {
        padding: 1rem 1rem;
    }
}
.modal-content .card {
    border: unset;
    border-radius: unset;
}
.card .card-body {
    color: var(--bs-card-color);
}
.modal-rounded {
    border: 2px solid var(--bs-border-color) !important;
}

#lqd-ext-voice-chatbot-wrapper[frame-x-pos=right] {
    left: auto;
    right: 0px !important;
    bottom: 0px !important;
    z-index: 10 !important;
}
#lqd-ext-voice-chatbot-wrapper [frame-x-pos=left] {
    bottom: 0px !important;
    left: 80px !important;
    z-index: 10 !important;
}

.lqd-ext-chatbot-voice {
    padding: 10px !important;
}

@media (max-width: 844px) {
    #lqd-ext-voice-chatbot-wrapper [frame-x-pos=left] {
        left: 55px !important;
    }
}
@media (max-width: 767px) {
    #lqd-ext-voice-chatbot-wrapper [frame-x-pos=left] {
        left: 0px !important;
        display: none !important;
    }
    #lqd-ext-voice-chatbot-wrapper[data-ready=true] {
        display: none !important;
    }
}
#lqd-ext-voice-chatbot-wrapper[data-ready=true] {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    left: 80px;
    height: 140px;
}
#lqd-ext-voice-chatbot-wrapper {
    z-index: 10 !important;
}
.main-body-content-w-80 {
    padding-bottom: 50px;
    max-width: 80%;
    margin: auto;
}
.header-portal {
    width: 95%;
    margin: auto;
    border-radius: 1rem;
    margin-top: 15px;
}
.header-portal-menu {
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    display: flex !important;
    align-items: center !important;
    padding: 0 30px;
    z-index: 105;
    position: sticky;
    top: 10px;
    animation-duration: 0.3s;
    width: 90%;
    border-radius: 1rem;
}
@media (max-width: 767px) {
    .main-body-content-w-80 {
        max-width: 95%;
        margin: auto;
    }
    .header-portal {
        width: 100%;
        margin: auto;
        border-radius: unset;
        margin-top: 0px;
    }
    .header-portal-menu {
        margin-top: unset;
        margin-bottom: unset;
        top: 0px;
        width: 100%;
        border-radius: unset;
        padding: 0 0px;
    }
}
div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
}

.pulse.pulse-off > .pulse-ring {
    display: none;
}