body {
    font-family: "Inter", sans-serif;
    color: #334155;
    background: linear-gradient(to right, #d5edf1, #e5f4f6);
    margin: 0;
    padding-top: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.body_c {
    
    padding-top: 0px;

}


#wrapper {
    /*margin: 0 0 0 230px;*/
    padding: 0;
    background: linear-gradient(to right, #d5edf1, #e5f4f6);
    position: relative;
    min-height: 100%;
    transition: margin-left 0.3s ease, margin-right 0.3s ease;
}

.sidebar {
    width: 230px !important;
    background: linear-gradient(to bottom right, #ffffff, #e1eff2);
    position: absolute;
    padding-left: 6px;
    padding-right: 0;
    border-right: 0 solid #cbd5e1;
    bottom: 0;
    left: 0;
    top: 0;
}

.sidebar>ul.nav>li.active a:first-child {
    background: #d5edf1;
    border-radius: 0.2rem 0 0 0.2rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border: 1px solid #d5edf1;
}

.sidebar>ul.nav>li:hover a:first-child {
    background: #f1f1f1;
    border-radius: 0.2rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border: 1px solid #f1f1f1;
}

.sidebar ul.nav li a {
    color: #363e48;
    padding: 6px 13px;
    font-size: 13px;
    margin-top: 0.2rem;
    font-weight: normal;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.sidebar ul.nav li .nav-second-level li a {
    padding: 5px 15px 5px 48px;
    color: #374151;
    font-size: 12px;
    margin-top: 0;
    font-weight: normal;
    background: #d5edf173 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.sidebar ul.nav li .nav-second-level li a:hover {
    background: #d5edf1 !important; /* couleur de survol */
    color: #007f9b !important;      /* texte bleu au survol */
    border-radius: 0.2rem;          /* optionnel : angles arrondis */
}

.sidebar ul.nav li a i.menu-icon {
    margin-right: 14px;
    display: block;
    float: left;
    width: 18px;
    font-size: 16px;
    color: #007f9b;
    text-align: center;
}

/*******************
#header {
    background: linear-gradient(to bottom right, #ffffff, #e1eff2);
    display: block;
    height: 57px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

*********************/

#header {
    background: linear-gradient(to bottom right, #ffffff, #e1eff2);
    display: block;
    height: 57px;
    margin: 0;
    padding: 0;
    position: fixed;

    top: 0; /* ← positionne en haut de la page */
    left: 0;
    width: 100%; /* ← pour occuper toute la largeur */
    /* z-index: 9999; /* ← au-dessus des autres éléments */
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),
                0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.navbar-nav>li>a:hover {
    color: #007f9b;

}

.tw-group:hover .group-hover\:tw-text-neutral-800 {

    color: #007f9b;
}

.btn-primary {
    background-color: #007f9b;
    border-color: #007f9b;
    border-radius: 6px;
    border: 0;
    color: #fff;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-primary:hover,
.btn-primary:active {
    background-color: #03677c;
    border-color: #03677c;
}

#search_input {
    background-color: #fff !important;     /* fond blanc */
    border: 1px solid #007f9b57 !important;  /* contour bleu */
    border-radius: 8px !important;         /* angles arrondis */
    color: #333;

    transition: all 0.2s ease;
}

#search_input::placeholder {
    color: #888;
}

#search_input:focus {
    border-color: #03677c !important;
    box-shadow: 0 0 4px rgba(3, 103, 124, 0.4);
    outline: none;
}

.dropdown-toggle.profile {
    background-color: #d5edf1 !important;  /* fond bleu */
                  /* texte blanc */
    border-color: #d5edf1 !important;      /* si tu veux garder les bordures cohérentes */
}

.dropdown-toggle.profile:hover,
.dropdown-toggle.profile:focus {
    background-color: #e2e8f0!important;  /* garder le même bleu au survol/focus */
                  /* texte toujours blanc */
}

.modal-header {
    background-color: #f4f8fa;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: 1.25rem;
}

.client_tabs {
    margin-bottom: 45px;
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal.nav-tabs-segmented, .nav-tabs-segmented {
    background-color: #abdee7;
    border-radius: .5rem;
    padding: .25rem;
}

.horizontal-scrollable-tabs:has(.nav-tabs-segmented) .scroller {
    background-color: #f9fafb;
    border-width: 0;
    padding-top: calc(0.75rem + 1px);
    padding-bottom: calc(0.75rem + 1px);
    position: relative;
}

.nav-tabs-segmented > li.active > a {
    background-color: #ffffffa1;
    border-radius: 0.3rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal>li {
    float: none;
    min-width: 50px;
    scroll-snap-align: end;
    scroll-snap-stop: normal;
    text-align: center;
    margin-left: 5px;
}

/*///////////////////*/

/* === GAUGE WIDGET STYLES 3D === */
.gauge-container {
    position: relative;
    width: 100%;
    padding-top: 55%;
    margin-bottom: 0;
}

.gauge-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Fond avec effet 3D */
.gauge-bg-3d {
    fill: none;
    stroke-width: 8;
    stroke-linecap: round;
    opacity: 0.4;
}

.gauge-bg {
    fill: none;
    stroke: #f3f9fa;
    stroke-width: 12;
    stroke-linecap: round;
}

.gauge-fill {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke-dashoffset 1.5s ease-in-out;
}

/* Aiguille avec rotation au centre */
.gauge-needle {
    transition: transform 1.5s ease-in-out;
    transform-origin: 100px 100px;
    transform: rotate(-90deg);
}

/* Centre 3D */
.gauge-center {
    fill: #fff;
    stroke: #bbb;
    stroke-width: 1.5;
}

/* Graduations */
.gauge-tick-label {
    font-size: 9px;
    font-weight: 600;
    fill: #02295e;
    text-anchor: middle;
}

/* Labels */
.gauge-label {
    text-align: center;
    margin-top: -20px;
}

.gauge-label-title {
    font-size: 13px;
    color: #666;
    font-weight: 500;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gauge-label-value {
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.gauge-label-icon {
    width: 20px;
    height: 20px;
    stroke: #666;
}

.tiket_finance {
    background-color: #f4f8fa;
    padding: 10px 0 10px 0;
}

.tw-bg-white {
    background-color: #f4f8fa;
}

/* ========================================= */
/* ===== RESPONSIVE MEDIA QUERIES ========= */
/* ========================================= */

/* Tablettes (768px - 991px) */
@media (max-width: 991px) {
    .gauge-container {
        padding-top: 60%; /* Légèrement plus haut sur tablette */
    }
    
    .gauge-label-title {
        font-size: 12px;
    }
    
    .gauge-label-value {
        font-size: 16px;
    }
}

/* Mobile paysage et petites tablettes (576px - 767px) */
@media (max-width: 767px) {
    .gauge-container {
        padding-top: 65%;
        margin-bottom: 5px;
    }
    
    .gauge-tick-label {
        font-size: 8px;
    }
    
    .gauge-label {
        margin-top: -15px;
    }
    
    .gauge-label-title {
        font-size: 11px;
        gap: 6px;
    }
    
    .gauge-label-value {
        font-size: 14px;
    }
    
    .gauge-label-icon {
        width: 16px;
        height: 16px;
    }
}

/* Petits mobiles (< 576px) */
@media (max-width: 575px) {
    .gauge-container {
        padding-top: 70%; /* Plus de hauteur pour compenser la largeur réduite */
    }
    
    .gauge-tick-label {
        font-size: 7px;
        font-weight: 500;
    }
    
    .gauge-bg,
    .gauge-bg-3d {
        stroke-width: 10; /* Traits plus fins sur petit écran */
    }
    
    .gauge-fill {
        stroke-width: 5;
    }
    
    .gauge-label {
        margin-top: -10px;
    }
    
    .gauge-label-title {
        font-size: 10px;
        gap: 4px;
        margin-bottom: 5px;
    }
    
    .gauge-label-value {
        font-size: 13px;
    }
    
    .gauge-label-icon {
        width: 14px;
        height: 14px;
    }
}

/* Très petits écrans (< 400px) */
@media (max-width: 399px) {
    .gauge-container {
        padding-top: 75%;
    }
    
    .gauge-tick-label {
        font-size: 6px;
    }
    
    .gauge-label-title {
        font-size: 14px;
    }
    
    .gauge-label-value {
        font-size: 12px;
    }
}
/* === fin  STYLES 3D === */
/*******************ciouleur soumenu********/

.sidebar ul.nav li .nav-second-level li.active a {
    font-weight: 600;
    color: #007f9b;
    background: transparent;
    box-shadow: none;
    border: 0;
}

/*******************botons agenda********/

/* ---- FullCalendar Buttons Custom Color ---- */
.fc-button-primary {
  background-color: #007f9b !important;
  border-color: #007f9b !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
  border-radius: 0 !important; /* on remet tout à plat pour les boutons du milieu */
}

.fc-button-primary:hover,
.fc-button-primary:focus {
  background-color: #006a82 !important; /* teinte plus foncée au survol */
  border-color: #006a82 !important;
  color: #fff !important;
}

.fc-button-primary.fc-button-active {
  background-color: #005f74 !important; /* couleur active */
  border-color: #005f74 !important;
  color: #fff !important;
}

/* ---- Coins arrondis uniquement pour le premier et dernier bouton ---- */
.fc-button-group .fc-button:first-child {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.fc-button-group .fc-button:last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

/* ---- Espacement et alignement plus propre ---- */
.fc-button-group {
  display: inline-flex;
  overflow: hidden;
  border-radius: 6px; /* pour un contour global fluide */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.fc-button-group .fc-button:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/******************* fin botons agenda********/

/*******************menu********/
/* Style générique pour toutes les icônes des menus principaux */
[class^="menu-item-"] > a > .menu-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 0;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(30%) sepia(11%) saturate(5974%) hue-rotate(187deg) brightness(86%) contrast(101%);
}

[class^="menu-item-"] > a:hover > .menu-icon,
[class^="menu-item-"].active > a > .menu-icon {
  filter: invert(34%) sepia(98%) saturate(4317%) hue-rotate(172deg) brightness(91%) contrast(101%);
}

/* Icônes spécifiques */
.menu-item-dashboard > a > .menu-icon {
  background-image: url("svg/speedometer-duotone.svg");
}


.menu-item-customers > a > .menu-icon {
  background-image: url("svg/users-duotone.svg");
}
.menu-item-sales > a > .menu-icon {
  background-image: url("svg/storefront-duotone.svg");
}
.menu-item-subscriptions > a > .menu-icon {
  background-image: url("svg/arrows-clockwise-duotone.svg");
}
.menu-item-expenses > a > .menu-icon {
  background-image: url("svg/coins-duotone.svg");
}
.menu-item-contracts > a > .menu-icon {
  background-image: url("svg/file-text-duotone.svg");
}
.menu-item-projects > a > .menu-icon {
  background-image: url("svg/folders-duotone.svg");
}
.menu-item-tasks > a > .menu-icon {
  background-image: url("svg/list-checks-duotone.svg");
}
.menu-item-support > a > .menu-icon {
  background-image: url("svg/lifebuoy-duotone.svg");
}
.menu-item-leads > a > .menu-icon {
  background-image: url("svg/funnel-duotone.svg");
}
.menu-item-estimate_request > a > .menu-icon {
  background-image: url("svg/file-arrow-down-duotone.svg");
}
.menu-item-knowledge-base > a > .menu-icon {
  background-image: url("svg/books-duotone.svg");
}
.menu-item-utilities > a > .menu-icon {
  background-image: url("svg/wrench-duotone.svg");
}
.menu-item-reports > a > .menu-icon {
  background-image: url("svg/chart-line-duotone.svg");
}
.menu-item-staff > a > .menu-icon {
  background-image: url("svg/users-three-duotone.svg");
}
.menu-item-customtables > a > .menu-icon {
  background-image: url("svg/table-duotone.svg");
}


/**********params menu**********/
.menu-item-finance > a > .menu-icon {
  background-image: url("svg/chart-line-up-duotone.svg");
}
.menu-item-modules > a > .menu-icon {
  background-image: url("svg/puzzle-piece-duotone.svg");
}
.menu-item-modules-apps > a > .menu-icon {
  background-image: url("svg/puzzle-piece-duotone.svg");
}
.menu-item-email-templates > a > .menu-icon {
  background-image: url("svg/envelope-simple-duotone.svg");
}
.menu-item-custom-fields> a > .menu-icon {
  background-image: url("svg/textbox-duotone.svg");
}
.menu-item-gdpr > a > .menu-icon {
  background-image: url("svg/shield-check-duotone.svg");
}
.menu-item-roles > a > .menu-icon {
  background-image: url("svg/user-gear-duotone.svg");
}
.menu-item-menu-options > a > .menu-icon {
  background-image: url("svg/list-duotone.svg");
}
.menu-item-theme-style > a > .menu-icon {
  background-image: url("svg/palette-duotone.svg");
}
.menu-item-settings > a > .menu-icon {
  background-image: url("svg/sliders-duotone.svg");
}


/**********menu achat**********/
.menu-item-zorybuy > a > .menu-icon {
  background-image: url("svg/shopping-cart-duotone.svg");
}
.sub-menu-item-zorybuy-items > a::before {
  background-image: url("svg/package-duotone.svg");
}
.sub-menu-item-vendors > a::before {
  background-image: url("svg/truck-duotone.svg");
}
.sub-menu-item-vendors-items > a::before {
  background-image: url("svg/hand-coins-duotone.svg");
}
.sub-menu-item-zorybuy-request > a::before {
  background-image: url("svg/file-arrow-up-duotone.svg");
}
.sub-menu-item-zorybuy-quotation > a::before {
  background-image: url("svg/file-arrow-down-duotone.svg");
}
.sub-menu-item-zorybuy-order> a::before {
  background-image: url("svg/receipt-duotone.svg");
}
.sub-menu-item-return-order > a::before {
  background-image: url("svg/arrow-u-up-left-duotone.svg");
}
.sub-menu-item-zorybuy-contract > a::before {
  background-image: url("svg/file-text-duotone.svg");
}
.sub-menu-item-zorybuy-debit-note > a::before {
  background-image: url("svg/file-minus-duotone.svg");
}
.sub-menu-item-zorybuy-invoices > a::before {
  background-image: url("svg/invoice-duotone.svg");
}
.sub-menu-item-zorybuy_reports > a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}
.sub-menu-item-zorybuy-settings > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/**********menu inventaire**********/
.menu-item-zorystock > a > .menu-icon {
  background-image: url("svg/warehouse-duotone.svg");
}
.sub-menu-item-wa_commodity_list > a::before {
  background-image: url("svg/cube-duotone.svg");
}
.sub-menu-item-wa_manage_inventory > a::before {
  background-image: url("svg/warehouse-duotone.svg");
}
.sub-menu-item-wa_manage_goods_receipt > a::before {
  background-image: url("svg/file-dashed-duotone.svg");
}
.sub-menu-item-wa_manage_goods_delivery > a::before {
  background-image: url("svg/file-arrow-down-duotone.svg");
}
.sub-menu-item-wa_manage_packing_list > a::before {
  background-image: url("svg/package-duotone.svg");
}
.sub-menu-item-wa_manage_internal_delivery > a::before {
  background-image: url("svg/note-duotone.svg");
}
.sub-menu-item-wa_manage_loss_adjustment > a::before {
  background-image: url("svg/warning-duotone.svg");
}
.sub-menu-item-wa_manage_order_return > a::before {
  background-image: url("svg/arrow-u-up-left-duotone.svg");
}
.sub-menu-item-wa_manage_zorystock > a::before {
  background-image: url("svg/warehouse-duotone.svg");
}
.sub-menu-item-wa_zorystock_history > a::before {
  background-image: url("svg/clock-counter-clockwise-duotone.svg");
}
.sub-menu-item-wa_report > a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}
.sub-menu-item-ware_settings > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/**********menu asset**********/
.menu-item-assets > a > .menu-icon {
  background-image: url("svg/buildings-duotone.svg");
}
.sub-menu-item-assets_menu > a::before {
  background-image: url("svg/building-duotone.svg");
}
.sub-menu-item-allocations > a::before {
  background-image: url("svg/arrow-up-duotone.svg");
}
.sub-menu-item-evictions > a::before {
  background-image: url("svg/arrow-down-duotone.svg");
}
.sub-menu-item-depreciations > a::before {
  background-image: url("svg/trend-down-duotone.svg");
}
.sub-menu-item-settings> a::before {
  background-image: url("svg/gear-duotone.svg");
}
/**********top menu**********/

.menu-item-top-setting  > a > .menu-icon {
  background-image: url("svg/sliders-up.svg");
}

.menu-item-newsfeed  > a > .menu-icon {
  background-image: url("svg/message-plus.svg");
}

.menu-item-todos > a > .menu-icon {
  background-image: url("svg/clipboard-list-check.svg");
}
/******************* fin menu********/

/******************* sous menu********/

[class^="sub-menu-item-"] > a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  filter: invert(30%) sepia(11%) saturate(5974%) hue-rotate(187deg) brightness(86%) contrast(101%);
}

.sub-menu-item-proposals > a::before {
  background-image: url("svg/file-arrow-up-duotone.svg");
}

.sub-menu-item-estimates > a::before {
  background-image: url("svg/invoice-duotone.svg");
}

.sub-menu-item-invoices > a::before {
  background-image: url("svg/invoice-duotone.svg");
}

.sub-menu-item-payments > a::before {
  background-image: url("svg/credit-card-duotone.svg");
}

.sub-menu-item-credit_notes > a::before {
  background-image: url("svg/file-minus-duotone.svg");
}

.sub-menu-item-items > a::before {
  background-image: url("svg/package-duotone.svg");
}

.sub-menu-item-media > a::before {
  background-image: url("svg/images-duotone.svg");
}

.sub-menu-item-bulk-pdf-exporter > a::before {
  background-image: url("svg/file-pdf-duotone.svg");
}

.sub-menu-item-einvoice_module_bulk_export > a::before {
  background-image: url("svg/download-duotone.svg");
}

.sub-menu-item-csv-export > a::before {
  background-image: url("svg/file-csv-duotone.svg");
}

.sub-menu-item-calendar > a::before {
  background-image: url("svg/calendar-duotone.svg");
}

.sub-menu-item-announcements > a::before {
  background-image: url("svg/megaphone-duotone.svg");
}

.sub-menu-item-goals-tracking > a::before {
  background-image: url("svg/target-duotone.svg");
}

.sub-menu-item-activity-log > a::before {
  background-image: url("svg/list-duotone.svg");
}

.sub-menu-item-surveys > a::before {
  background-image: url("svg/chart-bar-horizontal-duotone.svg");
}

.sub-menu-item-utility_backup > a::before {
  background-image: url("svg/hard-drives-duotone.svg");
}

.sub-menu-item-ticket-pipe-log > a::before {
  background-image: url("svg/git-branch-duotone.svg");
}

.sub-menu-item-sales-reports > a::before {
  background-image: url("svg/chart-pie-duotone.svg");
}

.sub-menu-item-expenses-reports > a::before {
  background-image: url("svg/chart-line-duotone.svg");
}

.sub-menu-item-expenses-vs-income-reports > a::before {
  background-image: url("svg/chart-line-up-duotone.svg");
}

.sub-menu-item-leads-reports > a::before {
  background-image: url("svg/chart-pie-duotone.svg");
}

.sub-menu-item-timesheets-reports > a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}

.sub-menu-item-knowledge-base-reports > a::before {
  background-image: url("svg/chart-line-duotone.svg");
}

/*******************sous menu params********/

.sub-menu-item-customer-groups > a::before {
  background-image: url("svg/user-list-duotone.svg");
}

.sub-menu-item-departments > a::before {
  background-image: url("svg/tree-structure-duotone.svg");
}

.sub-menu-item-tickets-predefined-replies > a::before {
  background-image: url("svg/chats-duotone.svg");
}

.sub-menu-item-tickets-priorities > a::before {
  background-image: url("svg/list-numbers-duotone.svg");
}

.sub-menu-item-tickets-statuses > a::before {
  background-image: url("svg/question-duotone.svg");
}

.sub-menu-item-tickets-services > a::before {
  background-image: url("svg/users-duotone.svg");
}

.sub-menu-item-tickets-spam-filters> a::before {
  background-image: url("svg/warning-duotone.svg");
}

.sub-menu-item-leads-sources> a::before {
  background-image: url("svg/user-plus-duotone.svg");
}

.sub-menu-item-leads-statuses> a::before {
  background-image: url("svg/user-check-duotone.svg");
}

.sub-menu-item-leads-email-integration> a::before {
  background-image: url("svg/graph-duotone.svg");
}

.sub-menu-item-web-to-lead> a::before {
  background-image: url("svg/users-duotone.svg");
}

.sub-menu-item-taxes> a::before {
  background-image: url("svg/percent-duotone.svg");
}

.sub-menu-item-currencies> a::before {
  background-image: url("svg/currency-circle-dollar-duotone.svg");
}

.sub-menu-item-payment-modes> a::before {
  background-image: url("svg/credit-card-duotone.svg");
}

.sub-menu-item-expenses-categories> a::before {
  background-image: url("svg/folders-duotone.svg");
}

.sub-menu-item-contracts-types> a::before {
  background-image: url("svg/file-text-duotone.svg");
}

.sub-menu-item-estimate-request-forms> a::before {
  background-image: url("svg/table-duotone.svg");
}

.sub-menu-item-estimate-request-statuses> a::before {
  background-image: url("svg/checks-duotone.svg");
}

.sub-menu-item-main-menu-options> a::before {
  background-image: url("svg/list-duotone.svg");
}

.sub-menu-item-setup-menu-options> a::before {
  background-image: url("svg/list-bullets-duotone.svg");
}


/*******************menu config company********/
.sub-menu-item-company> a::before {
  background-image: url("svg/list-bullets-duotone.svg");
}

/*******************menu rdv********/
.menu-item-zorybook> a > .menu-icon {
  background-image: url("svg/calendar-duotone.svg");
}
.sub-menu-item-zorybook-user-dashboard> a::before {
  background-image: url("svg/calendar-blank-duotone.svg");
}
.sub-menu-item-zorybook-services> a::before {
  background-image: url("svg/briefcase-duotone.svg");
}
.sub-menu-item-zorybook-company-schedule> a::before {
  background-image: url("svg/calendar-check-duotone.svg");
}
.sub-menu-item-zorybook-staff-working-hours> a::before {
  background-image: url("svg/clock-duotone.svg");
}
.sub-menu-item-zorybook-user-history> a::before {
  background-image: url("svg/clock-counter-clockwise-duotone.svg");
}
.sub-menu-item-zorybook-reports> a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}
.sub-menu-item-zorybook-link-menu-form> a::before {
  background-image: url("svg/link-duotone.svg");
}
.sub-menu-item-zorybook-settings> a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* sous menu padding********/
#setup-menu li .nav-second-level li a {
    padding: 5px 15px 5px 48px;
}
/******************* bouton +quick********/
.tw-bg-primary-600 {

    background-color: #164d97;
}

/******************* dash icone********/

.icon-svg {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 1px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(30%) sepia(11%) saturate(5974%) hue-rotate(187deg) brightness(86%) contrast(101%);
}

.icon-facture-attente { background-image: url("svg/hourglass-duotone.svg"); }
.icon-converte-leads { background-image: url("svg/arrows-left-right-duotone.svg"); }
.icon-projet-progresse { background-image: url("svg/spinner-duotone.svg"); }
.icon-task-not-finished { background-image: url("svg/list-checks-duotone.svg"); }


/******************* fin dash icone********/

.menu-item-extra_settings> a > .menu-icon {
  background-image: url("svg/wrench-duotone.svg");
}

/******************* icone workflow automation *******/

.menu-item-zoryworkflow> a > .menu-icon {
  background-image: url("svg/magic-wand-duotone.svg");
}

.sub-menu-item-zoryworkflow-tasks-automation > a::before {
  background-image: url("svg/list-checks-duotone.svg");
}

.sub-menu-item-zoryworkflow-leads-automation > a::before {
  background-image: url("svg/user-check-duotone.svg");
}

.sub-menu-item-zoryworkflow-projects-automation > a::before {
  background-image: url("svg/graph-duotone.svg");
}

/******************* icone comptabilité *******/

.menu-item-zorycompta> a > .menu-icon {
  background-image: url("svg/calculator-duotone.svg");
}

/******************* Icônes sous-menu comptabilité *******************/
.sub-menu-item-zorycompta_dashboard > a::before {
  background-image: url("svg/gauge-duotone.svg");
}

.sub-menu-item-zorycompta_banking > a::before {
  background-image: url("svg/bank-duotone.svg");
}

.sub-menu-item-zorycompta_transaction > a::before {
  background-image: url("svg/arrows-clockwise-duotone.svg");
}

.sub-menu-item-zorycompta_registers > a::before {
  background-image: url("svg/cash-register-duotone.svg");
}

.sub-menu-item-zorycompta_bills > a::before {
  background-image: url("svg/invoice-duotone.svg");
}

.sub-menu-item-zorycompta_checks > a::before {
  background-image: url("svg/check-duotone.svg");
}

.sub-menu-item-zorycompta_journal_entry > a::before {
  background-image: url("svg/notebook-duotone.svg");
}

.sub-menu-item-zorycompta_transfer > a::before {
  background-image: url("svg/arrows-left-right-duotone.svg");
}

.sub-menu-item-zorycompta_chart_of_accounts > a::before {
  background-image: url("svg/tree-structure-duotone.svg");
}

.sub-menu-item-zorycompta_reconcile > a::before {
  background-image: url("svg/scales-duotone.svg");
}

.sub-menu-item-zorycompta_budget > a::before {
  background-image: url("svg/calculator-duotone.svg");
}

.sub-menu-item-zorycompta_report > a::before {
  background-image: url("svg/chart-line-duotone.svg");
}

.sub-menu-item-zorycompta_setting > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes sous-menu RH *******************/

.menu-item-zoryhr> a > .menu-icon {
  background-image: url("svg/users-three-duotone.svg");
}

.sub-menu-item-zoryhr_dashboard > a::before {
  background-image: url("svg/gauge-duotone.svg");
}

.sub-menu-item-zoryhr_job_position_manage > a::before {
  background-image: url("svg/file-text-duotone.svg");
}

.sub-menu-item-zoryhr_organizational_chart > a::before {
  background-image: url("svg/tree-structure-duotone.svg");
}

.sub-menu-item-zoryhr_reception_of_staff > a::before {
  background-image: url("svg/user-plus-duotone.svg");
}

.sub-menu-item-zoryhr_hr_records > a::before {
  background-image: url("svg/identification-card-duotone.svg");
}

.sub-menu-item-zoryhr_training > a::before {
  background-image: url("svg/graduation-cap-duotone.svg");
}

.sub-menu-item-zoryhr_contract > a::before {
  background-image: url("svg/file-text-duotone.svg");
}

.sub-menu-item-zoryhr_dependent_person > a::before {
  background-image: url("svg/users-duotone.svg");
}

.sub-menu-item-zoryhr_quitting_works > a::before {
  background-image: url("svg/clipboard-duotone.svg");
}

.sub-menu-item-zoryhr_q_a > a::before {
  background-image: url("svg/question-duotone.svg");
}

.sub-menu-item-zoryhr_reports > a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}

.sub-menu-item-zoryhr_setting > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes menu & sous-menu To Do *******************/
.menu-item-zorytodo_menu> a > .menu-icon {
  background-image: url("svg/list-checks-duotone.svg");
}

.sub-menu-item-si-todo-list-menu > a::before {
  background-image: url("svg/list-bullets-duotone.svg");
}

.sub-menu-item-si-todo-category-menu > a::before {
  background-image: url("svg/tag-duotone.svg");
}

.sub-menu-item-si-todo-settings-menu > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes menu & sous-menu Workflow Automation *******************/
.menu-item-flexiblewa> a > .menu-icon {
  background-image: url("svg/flow-arrow-duotone.svg");
}

.sub-menu-item-flexiblewa-tasks-automation > a::before {
  background-image: url("svg/list-checks-duotone.svg");
}

.sub-menu-item-flexiblewa-leads-automation > a::before {
  background-image: url("svg/user-gear-duotone.svg");
}

.sub-menu-item-flexiblewa-projects-automation > a::before {
  background-image: url("svg/folders-duotone.svg");
}

/******************* Icônes menu & sous-menu Gestion de paie *******************/
.menu-item-zorypaie >  a > .menu-icon {
  background-image: url("svg/money-duotone.svg");
}

.sub-menu-item-hr_manage_employees > a::before {
  background-image: url("svg/users-duotone.svg");
}

.sub-menu-item-hr_manage_attendance > a::before {
  background-image: url("svg/calendar-check-duotone.svg");
}

.sub-menu-item-hr_manage_zorycoms > a::before {
  background-image: url("svg/coins-duotone.svg");
}

.sub-menu-item-hr_manage_deductions > a::before {
  background-image: url("svg/hand-coins-duotone.svg");
}

.sub-menu-item-hr_bonus_kpi > a::before {
  background-image: url("svg/trophy-duotone.svg");
}

.sub-menu-item-hrp_insurrance > a::before {
  background-image: url("svg/shield-check-duotone.svg");
}

.sub-menu-item-hr_pay_slips > a::before {
  background-image: url("svg/invoice-duotone.svg");
}

.sub-menu-item-hrp_payslip_template > a::before {
  background-image: url("svg/files-duotone.svg");
}

.sub-menu-item-hrp_income_tax > a::before {
  background-image: url("svg/scales-duotone.svg");
}

.sub-menu-item-zorypaie_reports > a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}

.sub-menu-item-hrp_settings > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes menu & sous-menu Zorycom (Commissions commerciales) *******************/
.menu-item-zorycom >  a > .menu-icon {
  background-image: url("svg/handshake-duotone.svg");
}

.sub-menu-item-manage-zorycom > a::before {
  background-image: url("svg/chart-pie-duotone.svg");
}

.sub-menu-item-zorycom-receipt > a::before {
  background-image: url("svg/receipt-duotone.svg");
}

.sub-menu-item-zorycom-applicable-staff > a::before {
  background-image: url("svg/user-duotone.svg");
}

.sub-menu-item-zorycom-applicable-client > a::before {
  background-image: url("svg/users-duotone.svg");
}

.sub-menu-item-zorycom-policy > a::before {
  background-image: url("svg/tree-structure-duotone.svg");
}

.sub-menu-item-zorycom-setting > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes menu & sous-menu Recrutement *******************/
.menu-item-zoryrecruit >  a > .menu-icon {
  background-image: url("svg/user-focus-duotone.svg");
}

.sub-menu-item-zoryrecruit_dashboard > a::before {
  background-image: url("svg/gauge-duotone.svg");
}

.sub-menu-item-zoryrecruit-proposal > a::before {
  background-image: url("svg/clipboard-text-duotone.svg");
}

.sub-menu-item-zoryrecruit-campaign > a::before {
  background-image: url("svg/megaphone-duotone.svg");
}

.sub-menu-item-candidate-profile > a::before {
  background-image: url("svg/identification-card-duotone.svg");
}

.sub-menu-item-interview-schedule > a::before {
  background-image: url("svg/calendar-duotone.svg");
}

.sub-menu-item-zoryrecruit-channel > a::before {
  background-image: url("svg/share-network-duotone.svg");
}

.sub-menu-item-zoryrecruit-portal > a::before {
  background-image: url("svg/globe-duotone.svg");
}

.sub-menu-item-rec_settings > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes menu & sous-menu Attendance & Leave *******************/
.menu-item-zorytime >  a > .menu-icon {
  background-image: url("svg/calendar-duotone.svg");
}

.sub-menu-item-zorytime_timekeeping > a::before {
  background-image: url("svg/clock-duotone.svg");
}

.sub-menu-item-zorytime_timekeeping_mnrh > a::before {
  background-image: url("svg/calendar-minus-duotone.svg");
}

.sub-menu-item-zorytime_table_shiftwork > a::before {
  background-image: url("svg/table-duotone.svg");
}

.sub-menu-item-zorytime_shift_management > a::before {
  background-image: url("svg/arrows-clockwise-duotone.svg");
}

.sub-menu-item-zorytime_shift_type > a::before {
  background-image: url("svg/stack-duotone.svg");
}

.sub-menu-item-zorytime-report > a::before {
  background-image: url("svg/chart-bar-duotone.svg");
}

.sub-menu-item-zorytime_setting > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* Icônes menu & sous-menu Peppol Invoicing *******************/
.menu-item-zoryfacture >  a > .menu-icon {
  background-image: url("svg/invoice-duotone.svg");
}

.sub-menu-item-zoryfacture-dashboard > a::before {
  background-image: url("svg/gauge-duotone.svg");
}

.sub-menu-item-zoryfacture-sent > a::before {
  background-image: url("svg/paper-plane-tilt-duotone.svg");
}

.sub-menu-item-zoryfacture-received > a::before {
  background-image: url("svg/tray-duotone.svg");
}

.sub-menu-item-zoryfacture-lookup > a::before {
  background-image: url("svg/magnifying-glass-duotone.svg");
}

.sub-menu-item-zoryfacture-registrations > a::before {
  background-image: url("svg/identification-badge-duotone.svg");
}

.sub-menu-item-zoryfacture-settings > a::before {
  background-image: url("svg/gear-duotone.svg");
}

/******************* jauge finnance********/

.gauge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.gauge-item {
    width: 45%;
    text-align: center;
}
.gauge-circle {
    position: relative;
    width: 90px;
    height: 45px;
    margin: 0 auto 10px;
}
.gauge-bg {
    fill: none;
    stroke: #e9ecef;
    stroke-width: 6;
}
.gauge-progress {
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke 0.3s ease;
}
.gauge-text {
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    color: #84919a;
}
.gauge-label-1 {
    font-size: 13px;
}
.gauge-label-1 .gauge-count {
    font-weight: 600;
}

/* ------------------------ */

    /* Dark Mode Toggle Button */
.dark-mode-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}
.dark-mode-toggle:hover {
    background: rgba(0, 0, 0, 0.05);
}
body.dark-mode .dark-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}
.dark-mode-toggle i {
    width: 20px;
    height: 20px;
    font-size: 20px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.dark-mode-toggle .sun-icon {
    position: absolute;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
.dark-mode-toggle .moon-icon {
    position: absolute;
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}
body.dark-mode .dark-mode-toggle .sun-icon {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}
body.dark-mode .dark-mode-toggle .moon-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}
body.dark-mode-loading {
    opacity: 0.98;
}


 /* Dark Mode Toggle Button */
.menu-st-color {
        color: #363636;
}

.gauge-bg-start {
  stop-color: #f5f5f5;
}

.gauge-bg-end {
  stop-color: #d9d9d9;
}

ul.todo li {

    margin-left: -11px;

}

.bootstrap-select .dropdown-menu li a:hover {
    background: #e2e8f0;
}

.top_body_client {
    padding-top: 0;
}

/*********************icone rugular solid***********************/
.tw-shadow-sm {
    --tw-shadow: 0 0 10px 0 rgb(0 0 0 / 0.08);

}

.btn-info {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #007f9b;
    border-color: #007f9b;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

.btn-info:hover,
.btn-info:active {
    background-color: #03677c;
    border-color: #03677c;
}


/* === RECHERCHE DANS LE MENU LATÉRAL === */
.sidebar-search {
    position: relative;
}

#menu-search-input {
    background-color: #fff;
    transition: all 0.2s ease;
        padding-left: 20px;
        font-size: 12px;

}

#menu-search-input:focus {
    box-shadow: 0 0 0 3px rgba(0, 127, 155, 0.1);
}

#menu-search-clear {
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px;
}

#menu-search-clear:hover i {
    color: #007f9b;
}

/* Highlight du texte trouvé */
.menu-search-highlight {
    background-color: #fef08a;
    color: #854d0e;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 600;
}

/* Animation smooth pour le filtrage */
#side-menu > li {
    transition: opacity 0.2s ease, max-height 0.2s ease;
}

#side-menu > li:not(:visible) {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}

/* Style personnalisé pour le champ de recherche */
#menu-search-input::placeholder {
    color: #9ca3af;
    opacity: 1;
}

#menu-search-input:focus::placeholder {
    opacity: 0.6;
}


/* ******************************Headers de section menu */
.menu-section-header {
    padding: 10px 0px 5px;
    margin-top: 15px;
    list-style: none;
    border-bottom: 1px solid #d6e1e3;
}

.menu-section-header:first-of-type {
    margin-top: 5px;
    border-top: none;
}

.menu-section-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #007f9b;
    display: block;
}

/* Sidebar clair */
.sidebar:not(.sidebar-dark) .menu-section-header {
    border-bottom-color: #d6e1e3;
}

.sidebar:not(.sidebar-dark) .menu-section-title {
    color: #007f9b;
}

/* Animation subtle au hover */
.menu-section-header:hover .menu-section-title {
    color: #30adc9;
}

.sidebar:not(.sidebar-dark) .menu-section-header:hover .menu-section-title {
    color: rgba(0, 0, 0, 0.5);
}


/************************************************************ Megamenu Quick Actions */
/* Quick Actions en 3 colonnes QUAND le menu est ouvert */
.mega-quickactions {
    min-width: 650px;
    max-width: 850px;
}

/* Grid SEULEMENT quand Bootstrap ouvre le menu */
.show > .mega-quickactions,
.open > .mega-quickactions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/* Header prend toute la largeur */
.mega-quickactions > .dropdown-header {
    grid-column: 1 / -1;
}

/* Style des liens */
.mega-quickactions > li > a {
    padding: 8px 20px;
    display: block;
    font-size: 13px !important;
    font-weight: normal !important;
}

.mega-quickactions > li > a:hover {
    background-color: #f8f9fa;
}

/* Centrer le megamenu par rapport au bouton + */
.mega-quickactions {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
}

/* Animation slideInDown personnalisée */
@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Appliquer l'animation quand le menu s'ouvre */
.show > .mega-quickactions,
.open > .mega-quickactions {
    animation: slideInDown 0.4s ease-out;
}


/* Force ticket form fullwidth */
.ticket_form .container-fluid,
.ticket_form .form-col {
    max-width: 100% !important;
    width: 100% !important;
}


/* feed time line */
.activity-feed .feed-item:after {

    border: 1px solid #007f9b;
}


/* ===============================
   Phosphor Icons – Global config
   =============================== */

/* Taille + couleur principale */
.ph-duotone {
  font-size: 20px;
  color: #184d95;
  vertical-align: middle;
}

/* Couche secondaire du duotone */
.ph-duotone path:nth-child(2) {
  opacity: 0.35;
}



.mobile-navbar {
    position: absolute;
    top: 57px;
    right: 0;
    left: auto;
    background-color: #eff6f8;
    z-index: 100;
    width: 50%;
    border: 1px solid #d8dce1;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.todo-dragger {
    z-index: 99;
    
}

hr {

    border-top: 1px solid #cbd5e1;
}

/* Panneau à droite */
.screen-options-area {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    right: -400px !important;
    width: 300px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    background: #fff !important;
    box-shadow: -2px 0 8px rgba(0,0,0,0.15) !important;
    z-index: 9999 !important;
    transition: right 0.3s ease-in-out !important;
    padding: 20px !important;
}

.screen-options-area.active {
    right: 0 !important;
}

/* Style des labels de checkboxes */
.screen-options-area label {
    font-weight: 400 !important;
    color: #334155 !important;
}

.screen-options-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(35 110 130 / 50%);
    z-index: 9998 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}

.screen-options-overlay.active {
    opacity: 1;
    visibility: visible;
}






.label-tag {
    background-color: #fbfdff;
    border-radius: .25rem;
    font-weight: 500;
    padding: .25rem .5rem;
    border: 1px solid #e2e8f0;
}
.onoffswitch-checkbox:checked+.onoffswitch-label {
    background-color: #007f9b;
}

.onoffswitch-checkbox:checked+.onoffswitch-label, .onoffswitch-checkbox:checked+.onoffswitch-label:before {

    border-color: #007f9b;
}