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;
}



#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: 0px;
    border-right: 0px solid #cbd5e1;
    bottom: 0;
    left: 0;
    top: 0;
}


.sidebar>ul.nav>li.active a:first-child {
    background: #d5edf1;
    border-radius: 0.2rem 0.0rem 0.0rem 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: 0px;
}

.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;
}




/*******************metal********/


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

/*******************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********/


[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%);
}

/* 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: 0px;
  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%);
}


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

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

.menu-item-sales > a > .menu-icon {
  background-image: url("svg/cash-register.svg");
}

.menu-item-subscriptions > a > .menu-icon {
  background-image: url("svg/arrows-spin.svg");
}

.menu-item-expenses > a > .menu-icon {
  background-image: url("svg/money-from-bracket.svg");
}

.menu-item-contracts > a > .menu-icon {
  background-image: url("svg/file-signature.svg");
}

.menu-item-projects > a > .menu-icon {
  background-image: url("svg/arrow-progress.svg");
}

.menu-item-tasks > a > .menu-icon {
  background-image: url("svg/chart-diagram.svg");
}

.menu-item-support > a > .menu-icon {
  background-image: url("svg/messages-question.svg");
}

.menu-item-leads > a > .menu-icon {
  background-image: url("svg/user-group-simple.svg");
}

.menu-item-estimate_request > a > .menu-icon {
  background-image: url("svg/file-import.svg");
}

.menu-item-knowledge-base > a > .menu-icon {
  background-image: url("svg/folder-bookmark.svg");
}

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

.menu-item-reports > a > .menu-icon {
  background-image: url("svg/chart-mixed-up-circle-dollar.svg");
}

.menu-item-staff > a > .menu-icon {
  background-image: url("svg/user-group-crown.svg");
}


.menu-item-customtables > a > .menu-icon {
  background-image: url("svg/line-columns.svg");
}


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


.menu-item-finance > a > .menu-icon {
  background-image: url("svg/money-bill-trend-up.svg");
}


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


.menu-item-modules-apps > a > .menu-icon {
  background-image: url("svg/plug-circle-plus.svg");
}



.menu-item-email-templates > a > .menu-icon {
  background-image: url("svg/envelopes-bulk.svg");
}


.menu-item-custom-fields> a > .menu-icon {
  background-image: url("svg/pen-field.svg");
}


.menu-item-gdpr > a > .menu-icon {
  background-image: url("svg/file-shield.svg");
}


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


.menu-item-menu-options > a > .menu-icon {
  background-image: url("svg/square-list.svg");
}



.menu-item-theme-style > a > .menu-icon {
  background-image: url("svg/swatchbook.svg");
}


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


/**********menu achat**********/

.menu-item-zorybuy > a > .menu-icon {
  background-image: url("svg/shop.svg");
}


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


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


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


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


.sub-menu-item-zorybuy-quotation > a::before {
  background-image: url("svg/file-arrow-down.svg");
}


.sub-menu-item-zorybuy-order> a::before {
  background-image: url("svg/file-waveform.svg");
}


.sub-menu-item-return-order > a::before {
  background-image: url("svg/people-carry-box.svg");
}


.sub-menu-item-zorybuy-contract > a::before {
  background-image: url("svg/file-signature.svg");
}


.sub-menu-item-zorybuy-debit-note > a::before {
  background-image: url("svg/file-plus-minus.svg");
}


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


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


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

/**********menu inventaire**********/

.menu-item-zorytory > a > .menu-icon {
  background-image: url("svg/shelves.svg");
}


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

.sub-menu-item-wa_manage_goods_receipt > a::before {
  background-image: url("svg/file-dashed-line.svg");
}



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



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



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



.sub-menu-item-wa_manage_loss_adjustment > a::before {
  background-image: url("svg/wine-glass-crack.svg");
}



.sub-menu-item-wa_manage_order_return > a::before {
  background-image: url("svg/person-carry-box.svg");
}

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



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



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



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






/**********menu asset**********/

.menu-item-assets > a > .menu-icon {
  background-image: url("svg/apartment.svg");
}


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


.sub-menu-item-allocations > a::before {
  background-image: url("svg/arrows-up-to-line.svg");
}

.sub-menu-item-evictions > a::before {
  background-image: url("svg/arrows-down-to-line.svg");
}

.sub-menu-item-depreciations > a::before {
  background-image: url("svg/arrow-trend-down.svg");
}

.sub-menu-item-settings> a::before {
  background-image: url("svg/gears.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-export.svg");
}


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

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

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


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

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

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

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


.sub-menu-item-einvoice_module_bulk_export > a::before {
  background-image: url("svg/down-to-dotted-line.svg");
}


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



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


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


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


.sub-menu-item-activity-log > a::before {
  background-image: url("svg/arrows-down-to-people.svg");
}


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


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

.sub-menu-item-ticket-pipe-log > a::before {
  background-image: url("svg/arrows-split-up-and-left.svg");
}


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


.sub-menu-item-expenses-reports > a::before {
  background-image: url("svg/chart-mixed-up-circle-dollar.svg");
}


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


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


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


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


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

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


.sub-menu-item-departments > a::before {
  background-image: url("svg/arrows-up-to-line.svg");
}

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

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

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

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

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




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


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



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


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





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

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


.sub-menu-item-payment-modes> a::before {
  background-image: url("svg/money-check-dollar-pen.svg");
}


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


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

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

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


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

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

/*******************menu config company********/

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


/*******************menu rdv********/

.menu-item-zorybook> a > .menu-icon {
  background-image: url("svg/calendar-days.svg");
}

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

.sub-menu-item-zorybook-services> a::before {
  background-image: url("svg/user-tie-hair-long.svg");
}

.sub-menu-item-zorybook-company-schedule> a::before {
  background-image: url("svg/business-time.svg");
}

.sub-menu-item-zorybook-staff-working-hours> a::before {
  background-image: url("svg/user-clock.svg");
}

.sub-menu-item-zorybook-user-history> a::before {
  background-image: url("svg/clock-rotate-left.svg");
}


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


.sub-menu-item-zorybook-link-menu-form> a::before {
  background-image: url("svg/block-quote.svg");
}


.sub-menu-item-zorybook-settings> a::before {
  background-image: url("svg/gears.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-clock.svg"); }

.icon-converte-leads { background-image: url("svg/people-arrows.svg"); }

.icon-projet-progresse { background-image: url("svg/spinner-third.svg"); }

.icon-task-not-finished { background-image: url("svg/diagram-subtask.svg"); }



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

/******************* 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 svg {
        width: 20px;
        height: 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;
    }
    


.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 0px 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;
}