/****COMMUN***/
.kl-no-link-style {
    all: unset;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}
html{
    overflow-x: hidden;
}
html:has(body.sidebar-project-opened) {
    overflow: hidden;
}
body{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: #fff;
}
.bg-blue{
    background-color: #0F3E9B!important;
    color: #fff!important;
}

.align-center{
    text-align: center;
}
#template-customizer {
    display: none;
}
.no-padding{

    padding: 0 !important;
}
.no-margin {
    margin: 0!important;
}
.p-relative{
    position: relative!important;
}
.p-absolute{
    position: absolute!important;
    left: 0;
    top: 0;
}
.full-width{
    width: 100%!important;
}
.btn-primary,
.btn-text-primary{
    letter-spacing: 1px!important;
}
.btn-primary,
.btn-primary.show, 
.btn-primary:hover {
    background-color: #0C67C4 !important;
    color: #ECF1F4 !important;
    border-color: #0C67C4!important;
    box-shadow: none;
    font-size: 11px;
    font-weight: 700;
    box-shadow: none!important;
    text-transform: uppercase;
}
.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:active {
    background-color: transparent;
    border-color: #0C67C4;
    box-shadow: none;
    color: #0C67C4;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700 !important;
    box-shadow: none!important;
    text-transform: uppercase;
}
.btn {
    padding-left: 10px;
    padding-right: 10px;
}
.bg-none{
    background: none!important;
    background-color: transparent !important;
}
.bg-denim{
    background-color:#0C67C4!important;
}
.bg-ghost
.color-dorian{
    color: #ECF1F4!important;
}
.form-control {
    padding-block: 13px!important;
    padding-inline: 13px!important;
}
.form-control {
    padding: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #8C8CA1;
    background-color: #FAFCFE;
    border-color: #D0D5DD;
    border-radius: 8px;
}
.form-control:focus,
.form-select:focus {
    border-color: #0C67C4!important;
    outline: 0;
    box-shadow:none!important;
}
.input-group::before {
    border-radius: 8px;
}
.input-group:focus-within, .input-group:focus {
    box-shadow: 0 0 0 var(--bs-border-width) #0C67C4;
}
.input-group:focus-within::before, .input-group:focus::before{
    box-shadow: 0 0.125rem 0.375rem 0 #0c67c466;
}
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb {
    background-color: #0f3e9b;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}


/****PAGE LOGIN*****/

.login_page {
  background-color: #ECF1F4;
}
.login_page .authentication-wrapper.authentication-basic .authentication-inner::before,
.authentication-wrapper.authentication-basic .authentication-inner::after {
  display: none;
}
.login_page .authentication-wrapper.authentication-basic .authentication-inner {
    max-inline-size: 878px;
}
.login_page .authentication-wrapper.authentication-basic .authentication-inner .card {
    padding: 28px 30px;
    border-radius: 10px;
}
.login_page .authentication-inner .card {
    padding: 28px 30px;
}
.login_page .img_bg {
    width: 442px;
    height: 585px;
    background-color: beige;
    border-radius: 10px;
    overflow: hidden;
}
.login_page .gap.no-margin {
    gap: 79px!important;
}
.login_page .card-body {
    padding: 0;
}
.bloc-form{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}
.bloc-form .h2,
.revory-pw .card-body .h4{
    line-height: 26px;
    font-size: 21px;
    color: #0E0E2C;
}

#formAuthentication {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#formAuthentication label.form-label {
    font-size: 14px;
    line-height: normal;
    color: #8C8CA1;
    font-weight: 400;
}

.forget-pass-link p {
    font-size: 10px;
    color: #8C8CA1;
    letter-spacing: 1px;
    line-height: 100%;
    font-weight: 700;
}

.alert.alert-danger {
    width: 100%;
}
.login_page .authentication-wrapper.authentication-basic.verif-step .authentication-inner {
    max-inline-size: 357x;
}
.verif-step .card-body {
    gap: 30px;
    display: flex;
    flex-direction: column;
}
.verif-step .card-body p{
    font-size: 14px;
    color: #0E0E2C;
    font-weight: 400;
    margin-bottom: 0;
}
.verif-step #formAuthentication {
    gap: 30px;
}
.widget label[for="_trusted"] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400 !important;
    font-size: 12px;
}
.widget label[for="_trusted"] input#_trusted {
    width: 20px;
    height: 20px;
    margin: 0!important;
}
.login_page .authentication-wrapper.authentication-basic.revory-pw .authentication-inner {
    max-inline-size: 357px;
}
.revory-pw .card-body{
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.revory-pw .card-body p{
    line-height: 1.4;
}
.alert.alert-info{
    width: 100%;
}
.progress .progress-bar {
    background-color: #0C67C4!important;
    box-shadow: 0 1px 4px 0 #0c67c478;
}
/**--ASIDE MENU--**/

.layout-content-navbar .layout-menu {
    background: linear-gradient(180deg, #0C67C4 0%, #06315E 100%);
}
aside#layout-menu,
.layout-menu-collapsed:not(.layout-menu-hover, 
.layout-menu-offcanvas, 
.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, 
.layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, 
    .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
    inline-size: 69px;
}
.h-100vh{
    height: 100vh;
}
.sidebar {
  width: 69px;
  background: linear-gradient(180deg, #0C67C4 0%, #06315E 100%);
  background-color: transparent;
  color: white;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12px;
  padding-right: 11px;
  padding-bottom: 12px;
  padding-left: 11px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.logo-menu-section {
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.menu-item {
    cursor: poInter, sans-serif;
   /* width: 47px;
    height: 48px;*/
    width: 49px;
    height: 54px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    background-color: transparent;
    transition: all 0.4s;
    display: flex;
    align-items: center;
}
span.title_link {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    color: #ECF1F4;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;        /* empêche le retour à la ligne */
  overflow: hidden;           /* masque le texte qui dépasse */
  text-overflow: ellipsis; 
}
.menu-icons:hover .menu-item {
    background-color: #CEE6FF;
}
.menu-icons .menu-item svg path{
    fill: #CEE6FF!important;
}
.menu-icons:hover .menu-item .title_link{
    color: #0C67C4!important;
}
.menu-icons:hover .menu-item svg path{
    fill: #0C67C4!important;
}
.submenu {
    width: auto;
    background: #f9f9f9;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 68px;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 90;
    gap: 44px;
    padding-top: 26px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 16px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    display: flex;
    flex-direction: column;
}
.submenu.active {
   transform: translateX(0);
    box-shadow: 0px 4px 14px 0px #0000001C;
}
.submenu h2,
.slide-menu .submenu_items li.submenu-title a {
  font-family: Inter, sans-serif;
  font-weight: 600;
   font-size: 21px;
  line-height: 26px;
  letter-spacing: 0px;
  margin-top: 0;
  color:#0C67C4;

}
.submenu-items {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.submenu-items-list {
    width: 100%;
    border-radius: 6px;
    border-width: 1px;
    gap: 24px;
    display: flex;
}
.submenu-items-list.bordered {
    padding: 8px;
    border: 1px solid #0C67C41F;
}
.nav-list{
    display: flex;
    width: 100%;
    gap: 8px;
    flex-direction: column;
}
.nav-list-title{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #8C8CA1;

}
.list-action {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-action li a{
    display: flex;
    border-radius: 6px;
    gap: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    width: max-content;
    color: #4A4A68!important;
    align-items: center;
}
.list-action li a:hover{
    color: #0C67C4!important;
}
.list-action li a:hover svg path{
    fill: #0C67C4!important;
}
.list-action li hr{
    margin: 8px 0;
    color: #ECF1F4;
}
.picto-action {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.user-section {
    margin-top: auto;
    text-align: center;
    padding: 0 10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}
.user-section .profil{
    display: flex;
    gap: 1px;
    flex-direction: column;
}
.user-section .profil .profil-name{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #FAFCFE;
    margin-bottom: 1px;
}
.user-section .profil .profil-group{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    line-height: normal;
}
.logout-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: #E4E4E4;
}
.logout-btn:hover svg rect{
    fill: #CEE6FF!important;
}
.logout-btn svg path{
    fill: #0C67C4;
}


/**-- Layout container --*/

/**-- HEADER--*/
#layout-navbar {
    margin: 0;
    inline-size: auto;
    border-radius: 0;
    padding: 0 24px;
    box-shadow: none;
    border-bottom: 1px solid #ECF1F4;
    height: 64px;
}
.header-content{
    padding: 10px 0;
    height: 44px;
}
.page-title{
    gap:8px;
    height: 44px;
    flex-direction: row;
}
.page-title .h1 {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    color: #4A4A68;
    min-height: 0;
    background: none;
    border: none;
}
.btn-action{
    border-radius: 8px;
    border-width: 1px;
    gap: 6px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 16px;
    border: 1px solid #D0D5DD;

    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #344054;
}
.btn-action.home-customizer-open-btn {
    height: 44px;
}
.btn-action svg{
    fill: #344054;
}
.btn-action:hover{
    border: 1px solid #0C67C4;
    color: #0C67C4;
}
.btn-action:hover svg{
    fill: #0C67C4;
    /*transform: scaleY(-1);*/
}


/*- PERSONNALISER MON ACCUEIL -*/
.home-customizer {
    position: fixed;
    z-index: 99999999;
    display: flex;
    flex-direction: column;
    block-size: 100%;
    transition: transform 0.2s ease-in;
}
.home-customizer .card{
    position: fixed;
    z-index: 99999999;
    display: flex;
    flex-direction: column;
    block-size: 100%;
    box-shadow: 0 0.3125rem 1.375rem 0 rgba(34, 48, 62, 0.18);
    inline-size: 400px;
    inset-block-start: 0;
    inset-inline-end: 0;
    /*transform: translateX(570px);*/
    transform: translateX(100%);
    width: 547px;
    border-radius: 6px;
    gap: 19px;
    padding: 20px;
    transition: transform 0.2s ease-in;
    overflow-y: auto;
}
.home-customizer .header-content{
    height: 24px;
    gap: 6px;
    display: flex;
    justify-content: flex-end;
    padding: 0;
}
.close-btn,
.home-customizer-close-btn {
    width: 24px;
    height: 24px;
    border: none!important;
    display: flex;
    padding: 0;
    margin: 0;
    background: no-repeat;
}
.close-btn svg,
.home-customizer-close-btn svg{
    fill:#323232;
}
.close-btn:hover svg,
.home-customizer-close-btn:hover svg{
    fill: #0C67C4;
}
.home-customizer.opened .card{
    transform: translate(0);
}
.bg-overlay,
.layout-overlay {
    position: fixed;
    z-index: 999999;
    backdrop-filter: blur(3px);
    background: rgba(0, 0, 0, .35);
    block-size: 100vh;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    visibility: hidden;
    transition: transform 0.2s ease-in;
}
.sidebar-project-opened {
    overflow: hidden;
}
.sidebar-project-opened .bg-overlay,
.home-customizer.opened .bg-overlay {
    visibility: visible;
}
.title-container{
    gap: 10px;
    display: flex;
}
.title-container h3{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -2%;
    margin: 0;
    padding: 0;
    color: #4A4A68;
}
.sub-title{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
.choice-icon{
    display: flex;
    border-radius: 8px;
    border-width: 1px;
    gap: 15px;
    padding-top: 15px;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-left: 12px;
    border: 1px solid #ECF1F4
}
.choice-icon .switch {
    width: 100vw;
    margin: 0;
    display: flex;
    padding: 0;
    justify-content: space-between;
}
.switch-input-wrap {
    width: 36px;
}
.switch-label{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;

}
.switch .switch-toggle-slider {
    block-size: 20px;
    inline-size: 36px;
    line-height: 20px;
    box-shadow: none;
    border-radius: 12px;
    background-color: #8C8CA1;
    height: 20px !important;
    width: 36px !important;
}
.switch .switch-toggle-slider::after {
    block-size: 16px;
    inline-size: 16px;
    inset-inline: 1px auto;
}
.switch .switch-toggle-slider::after {
    block-size: 16px;
    inline-size: 16px;
}
.switch-input:checked ~ .switch-toggle-slider .switch-on {
    /*inset-inline-start: 0;
    background-color: #0C67C4;*/
}
.switch .switch-off {
    background-color: #8C8CA1;
}
.switch .switch-on {
    background-color: #0C67C4;
}
.home-customizer form{
    display: flex;
    flex-direction: column;
    gap: 19px;
}
html:has(.sidebar-home-customizer-opened){
    overflow: hidden;
}
.main-content.d-flex {
    flex-direction: column;
}
.panneau-filter{
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-bottom-width: 1px;
    background: #FAFCFE;
    /*border-bottom: 1px solid #ECF1F4;*/
    border-left: 1px solid #ECF1F4;
    border-right: 1px solid #ECF1F4;
}
.panneau-filter ul {
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.panneau-filter ul li{
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-width: 2px;
}
.panneau-filter ul li.active-li{
    border-bottom: 2px solid #0C67C4;
}
.panneau-filter ul li a{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.main-content a:hover {
   color: #0C67C4;
}
.wrappe-content {
    padding: 30px 20px;
    gap: 20px;
    flex-wrap: wrap;
}
.card-item {
    border-radius: 6px;
    border-width: 1px;
    padding-top: 5px;
    padding-right: 23px;
    padding-bottom: 20px;
    padding-left: 23px;
    border: 1px solid #ECF1F4;
    width: 100%;
    box-shadow: none;
}
.card-item .card-item-top{
    justify-content: space-between;
    padding-top: 16px;
    padding-right: 21px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom: 1px solid #ECF1F4;
    align-items: center;
}
.card-item .card-item-top .title{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -2%;
    padding: 0;
    margin: 0;
    text-transform: none;
}
.link-action ul{
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.wrappe-content .panneau-filter{
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #ECF1F4;
    gap: 20px;
    padding:18px;
}
.the-filter .input-group {
    max-width: 252px;
    width: 100%;
    background: #fff;
}
.the-filter input{
    border-radius: 6px;
    border-width: 1px;
    gap: 80px;
    padding-block: 6px !important;
   /* padding-inline: 14px !important;*/
   padding-inline: 8px !important;
    background-color: #fff;
}
.the-filter input{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height:normal;
    letter-spacing: 0px;
    color: #8C8CA1;
}
.card-item .content {
    /*border: 1px solid #E4E7EC;
    border-width:0 1px;
    overflow-x: auto;*/
}
.card-item .content .table-responsive.text-nowrap {
    border: 1px solid #E4E7EC;
    border-top: none;
    border-bottom: none;
}
.card-item .content .table thead th,
.card-item .content .table tr td {
    padding: 0 20px;
    text-transform: none;
    vertical-align: middle;
}
.card-item .content .table thead th {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #475467;
    height: 50px;
}
.card-item .content .table tr td {
    height: 56px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #475467;
}
.settingd-icon{
    width: 32;
    height: 32;
    border-radius: 6px;
    border-width: 1px;
    gap: 10px;
    padding: 4px;
    border:1px solid #4A4A68;
    background-color: transparent;
}
.badge {
    border-radius: 6px;
    gap: 5px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    border-width: 1px;
    border-style: solid;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0px;
    vertical-align: middle;
    height: 21px;
    margin-inline-end: 0 !important;
}
.statut-exploitation{
    border: 1px solid #B1C40C!important;
    color:#B1C40C!important;
    background-color: #FAFCFE!important;
}
.statut-commissioned,
.statut-compense-hors-erp{
    border: 1px solid #FFA733!important;
    color:#FFA733!important;
    background-color: #FC653308!important;
}
.statut-construction{
    border: 1px solid #FC6533!important;
    color:#FC6533!important;
    background-color: #FAFCFE!important;
}
.statut-operating,
.statut-paid{
    border: 1px solid #3FAC57!important;
    color:#3FAC57!important;
    background-color: #EEFFF5!important;
}
.statut-paid{
    background-color: #F8FDFB!important;
}
.statut-validee,
.statut-a-verfier,
.statut-en-cours{
    border: 1px solid #2476CA!important;
    color:#2476CA!important;
    background-color: #FAFBFF!important;
}
.statut-regularise,
.statut-termine{
    border: 1px solid #3FAC57!important;
    color:#3FAC57!important;
    background-color: #F8FDFB!important;
}
.statut-paye-partiellement{
    border: 1px solid #FC6533!important;
    color:#FC6533!important;
    background: #FC653308!important;
}
.statut-en-attente-de-validation{
    border: 1px solid #FFA733!important;
    color:#FFA733!important;
    background: #FAFBFF!important;
}
.statut-annule{
    border: 1px solid #FC3333!important;
    color:#FC3333!important;
    background: #FC333308!important;
}
.statut-facture-a-verifier{
    border: 1px solid #FC6533!important;
    color:#FC6533!important;
    background: #FC653308!important;
}
.statut-under-instruction{
    border: 1px solid #f0c827!important;
    color:#f0c827!important;
    background: #f0c82708!important;
}
.statut-accepted{
    border: 1px solid #f0c827!important;
    color:#f0c827!important;
    background: #f0c82708!important;
}
.statut-received{
    border: 1px solid #FBC23A!important;
    color:#FBC23A!important;
    background: #FBC23A08!important;
}
.statut-full-permission{
    border: 1px solid #f0c827!important;
    color:#f0c827!important;
    background: #f0c82708!important;
}
.statut-full-permission{
    border: 1px solid #f2b84b!important;
    color:#f2b84b!important;
    background: #f2b84b08!important;
}
.statut-construction-complete{
    border: 1px solid #f2b84b!important;
    color:#f2b84b!important;
    background: #f2b84b08!important;
}
.statut-refus {
    border: 1px solid #FF444D !important;
    color: #FF444D !important;
    background-color: #ff444d02 !important;
}
.statut-regularise-partiellement{
    border: 1px solid #FAB25E!important;
    color:#FAB25E!important;
    background-color: #FAB25E08!important;
}
.statut-demande-de-modification{
    background: #009DCA02;
    border: 1.5px solid #009DCA;
    color: #009DCA;
}
.statut-en-attente-de-regularisation{
    background: #FBC23A02;
    border: 1.5px solid #FBC23A;
    color: #FBC23A;
}
.noVis {
    text-align: center;
}
table .align-center{
  text-align: center;
  vertical-align: middle; /* optionnel : centre aussi verticalement */
}
.progress-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 12px;
    align-items: center;
    margin-top: 2px;
}
.progress-wrapper .progress{
    height: 8px;
   /* width: calc(100% - 40px);**/
   width: 160px;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: transparent;
    --bs-table-bg-type: transparent;
    background-color: #FAFCFE;
}
.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-color-type: transparent;
    --bs-table-bg-type: transparent;
    background-color: transparent;
}
.progress-value{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #344054;
}
.same-height{
    gap: 20px;
    width: 100%;
}

.space-between-bloc {
    gap: 20px;
    justify-content: space-between;
}
.top-part.d-flex {
    flex-direction: column;
    gap: 15px;
}
.notification-bloc .content {
    gap: 10px;
    flex-direction: column;
}
.alert-item {
    border-radius: 6px;
    border-width: 2px;
    padding-top: 12px;
    padding-right: 19px;
    padding-bottom: 12px;
    padding-left: 10px;
    /*gap: 16px;*/
    border: 1px solid transparent;
    /*inline-size: 100vw;*/
    flex-direction: column;
}
.notification-bloc .content .detail,
.notifications .content .detail  {
    gap: 16px;
}
.alert-details .title,
.notification-details .title{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height:normal;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #0E0E2C;
    text-transform: none;
}
.alert-details.d-flex,
.notification-details.d-flex {
    flex-direction: column;
    gap: 6px;
}
.alert-item.alert-primary{
    background: #FAFCFE;
    border-color: #0C67C4;
    border-width: 2px;
}
.alert-icon svg path{
    fill: #fff!important;
}
.alert-primary .alert-icon svg rect{
    fill: #000!important;
}
.alert-item.alert-warning{
    background: #FFFBE3;
    border-color: #FFC850;
    border-width: 1px;
}
.alert-warning .alert-icon svg rect{
    fill: #FFA733;
}
.alert-item.alert-danger{
    background: #FFE9E3;
    border-color: #FF5050;
    border-width: 1px;
}
.alert-danger .alert-icon svg rect{
    fill: #FF3333;
}
.date-time{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height:normal;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #4A4A68;
}
.alert-item ul {
    list-style: none;
    display: flex;
    gap: 10px;
    padding-left: 50px;
    margin: 0;
}
.kpi-bloc .nav-pills{
    border-width: 1px;
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    padding-left: 16px;
    gap: 32px;
    background-color: #FAFCFE;
    border: 1px solid #ECF1F4;
    margin: 0 !important;
}
.kpi-bloc .top-part.d-flex,
.spv-bloc .top-part.d-flex {
    gap: 0;
}
.kpi-bloc.card-item .card-item-top,
.spv-bloc.card-item .card-item-top  {
    border-bottom: none;
}
.card-item .nav-align-top .nav-pills ~ .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: none;
    box-shadow: none;
    padding: 0;
}
.card-item .nav-pills .nav-item{
line-height: normal;
}
.card-item .nav-pills .nav-link {
    padding-block: 0;
    padding-inline: 0;
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 8px;
    border-bottom-width: 3px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color:#8C8CA1 ;
    background-color: transparent!important;
}
.card-item .nav-pills .nav-link.active {
    box-shadow: none;
    color: #0C67C4;
    border-bottom: 3px solid #0C67C4;
    background-color: transparent;
}
.card-item .nav-pills .nav-link:hover {
    color: #0C67C4;
}
.card-item  .nav-align-top > .nav.nav-pills .nav-item:not(:last-child), 
.card-item .nav-align-bottom > .nav.nav-pills .nav-item:not(:last-child), 
.card > .nav.nav-pills .nav-item:not(:last-child),
.card-item .nav-pills:not(.nav-fill):not(.nav-justified) .nav-link {
    margin-inline-end: 0;
}
.tabs .nav-pills ~ .tab-content {
    border: 0;
    box-shadow: none;
}
.filter .btn-group {
    gap: 12px;
}
.filter .btn-group:not(.btn-group-vertical) > .btn:not(:last-child):not(.dropdown-toggle), 
.filter .btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child, 
.filter .btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn, 
.filter .btn-group:not(.btn-group-vertical) > .btn:nth-child(n+3), 
.filter .btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn, 
.filter .btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn {
    border-radius: 8px;
}
.filter .btn-group:not(.btn-group-vertical) > .btn:not(:last-child):not(.dropdown-toggle), 
.filter .btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child, 
.filter .btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn {
    border-end-end-radius: 8px !important;
    border-start-end-radius: 8px !important;
}
.filter .btn-group:not(.btn-group-vertical) > .btn:nth-child(n+3), 
.filter .btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn, 
.filter .btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn {
    border-end-start-radius: 8px !important;
    border-start-start-radius: 8px !important;
}
.filter label.btn.btn-outline-primary.waves-effect {
    padding: 6px 10px;
    border: 1px solid #0E0E2C;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.listCarteSpanA.active,
.filter .btn-check:checked + .btn, 
.filter :not(.btn-check) + .btn:active, 
.filter .btn:first-child:active, 
.filter .btn.active, 
.filter .btn:focus-visible,
.filter .btn:hover,
.btn-icon.btn-outline-secondary:hover,
.btn-check:checked + .btn-icon {
    background: #0C67C4!important;
    color: #fff !important;
    border-color: #0C67C4 !important;
    transition: all 0.3s;
}
.listCarteSpanA:hover svg path,
.listCarteSpanA.active svg path,
.filter .btn:hover svg path,
.btn-icon.btn-outline-secondary:hover svg path,
.filter .btn-check:checked + .btn svg path,
.btn-check:checked + .btn-icon svg path{
    fill: #fff !important;
}

.table-header {
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #E4E7EC;

    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0C67C4;
}
.card-item .content .table tr td.total{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #475467;
}
.card-item .content .table tr td.total span{
    color: #4A4A68;
}
.card.card-item.custom-home {
    display: flex;
    gap: 17px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.custom-home h3{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    color: #0E0E2C;
    margin: 20px 0 0 0;
    text-transform: none;
}
.custom-home p{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.btn.btn-black, .btn.btn-black:hover{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ECF1F4;
    border-radius: 8px;
    gap: 6px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    background: #0E0E2C;
    width: 169px;
    margin: 0 auto;
}
.btn.btn-lg {
    padding-top: 14px;
    padding-bottom: 14px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.notifications .title{
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.notification-item{
    gap: 16px;
    padding-top: 20px;
    padding-right: 19px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-bottom-width: 1px;
    background: #FAFCFE;
    border-bottom: 1px solid #ECF1F4;
}
.notification-details p{
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
    margin: 0;
    padding: 0;
}
.card-item .bottom-part {
    margin-top: 50px;
}
.notifications.card-item .content{
    flex-direction: column;
}
.card-item .content .notification-item:last-of-type{
    border-bottom:none;
}
.link-action-expand {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}
.card-item .tabs {
    /*width: 100%;*/
}
.bordered-left{
    border-left: 1px solid #e6e6e8;
}
.bordered-right{
    border-right: 1px solid #e6e6e8;
}
.bg-orange{
    background: #FFA733B2!important;
}
.bg-orange-2{
    background: #FC6533B2!important;
}
.bg-vert{
   background: #B1C40CB2!important;
}
.sidebar-home-customizer-opened {
    overflow: hidden;
}
.top-tabs,
.affichage-action{
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-bottom-width: 1px;
}
.nav-align-top .nav-tabs.top-tabs {
    border-block-end: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    gap: 16px;
    background-color: #FAFCFE;
   /* border-bottom: 1px solid #ECF1F4;*/
}
.top-tabs .nav-link:hover{
    color: #0C67C4;
}
.nav-align-top .nav-tabs.top-tabs .nav-link.active, 
.nav-align-top .nav-tabs.top-tabs .nav-link.active:hover, 
.nav-align-top .nav-tabs.top-tabs .nav-link.active:focus, 
.nav-align-top .nav-tabs.top-tabs .nav-item.show .nav-link, 
.nav-align-top .nav-tabs.top-tabs .nav-item.show .nav-link:hover, 
.nav-align-top .nav-tabs.top-tabs .nav-item.show .nav-link:focus,
.nav-align-top .nav-tabs.top-tabs .nav-link:not(.active):hover {
    box-shadow: none;
    border-bottom: 2px solid #0C67C4!important;
    color: #0C67C4!important;
}
.main-content-page.tab-content:not(.doc-example-content) {
    z-index: 1;
    padding: 0;
}
#navs-top-rapport-hebdo .the-filter input{
    height: 31px;
    padding-block: 6px!important;
    padding-inline: 14px!important;
    border-radius: 4px;
    border-width: 1px;
    background: #ECF1F4;
    border: 1px solid #0C67C4;
}
#navs-top-rapport-hebdo .the-filter input::placeholder{
   color: #4A4A68; 
   opacity: 1;
   font-size: 12px;
   font-weight: 400;
}
.to-group {
    display: flex;
    align-items: center;
    gap: 12px;
}
label.btn {
    gap: 6px;
    font-weight: 300 !important;
    padding-left: 10px;
    padding-right: 10px;
}
#navs-top-rapport-hebdo .panneau-filter{
    padding-top: 18px;
    padding-bottom: 18px;
    border: none;
}
.btn-sm {
    padding: 6px 14px;
    border-radius: 8px;
    font-weight: 600;
    height: 28px;
    line-height: normal;
    text-transform: uppercase;
}
.btn-xs{
    height: 24px;
    gap: 4px;
    border-radius: 6px;
    border-width: 1px;
    padding: 8px;
    border: 1px solid #4A4A68;
    font-weight: 300;
    font-size: 11px;
    line-height: 140%;
    letter-spacing: 0px;
}
.bordered-bottom-no{
    border-bottom: none!important;
}
.card-item .content .table.th-blue thead th{
    color: #0C67C4;
}
.card-item .content .table .bolder{
    color: #0E0E2C;
    font-weight: 700;
}
.bg-ghost {
    background: #FAFCFE!important;
}
.to-collapsed svg{
  transform: scaleY(1);
}
.to-collapsed.collapsed svg{
  transform: scaleY(-1);
}
.all-blocs-rapports-hebdo {
    flex-direction: column;
    gap: 29px;
    padding-right: 24px;
    padding-left: 24px;
    margin-top: 30px;
}
.bloc-collapsed .head-tite-link {
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-width: 1px;
    background: #FFFFFF;
    border: 1px solid #ECF1F4
}
.head-tite-link span{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0C67C4;
}
.all-suivi{
    flex-direction: column;
    gap: 15px;
}
.tooltip .red-text {
  color: red !important;
  font-weight: bold;
}
.cell {
    align-items: center;
    padding: 5px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color:#4A4A68;
}
.cell.date {
    border-right: 1.5px solid #DEDEE9;
    min-width: 125px;
    justify-content: end;
    padding-right: 20px;
    flex-direction: column;
    justify-content: space-between;
}
.cell.date .dateSuiviProjectGraphique {
    height: 44px;
    display: flex;
    align-items: center;
}
.tooltipP{
    font-family: Inter, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
    margin-bottom: 4px;
    color: #FFFFFF;
}
.btn-charte {
    gap: 6px;
    align-items: flex-end;
    width: 850px;
}
.btn-charte .btn {
    height: 44px;
    width: 100px;
    border-radius: 4px;
    padding: 0;
}
.btn-charte .btn.meltd{
    background-color: #C6DAED!important;
}
.btn-charte .voltaica{
    background-color: #FBE4AE!important;
}
.btn-charte .silversun{
    background-color: #FFB0B0!important;
}
.btn-charte .silversun2{
    background-color: #86D687!important;
}
.btn-charte .exdev{
    background-color: #FFE3AC!important;
}
.Chart {
    padding: 30px 20px;
    display: table;
    margin: 0 auto;
}
.name-dev,
.value-dev{
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
}
.value-dev{
    margin-left: 10px;
}
.btn-charte .projet-entrant{
    background-color: #BDF898;
}
.btn-charte .projet-sortant{
    background-color: #ea545533;
}
.Chart .row-chart:last-of-type .btn-charte {
    border-bottom:1.5px solid #DEDEE9;
}
.Chart .row-chart:last-of-type .date,
.Chart .row-chart:last-of-type .btn-charte {
    padding-bottom: 10px;
}
.max-h200 {
    max-height: 219px;
    overflow-y: auto;
    border-bottom: 1px solid #E4E7EC !important;
}
.max-h200  table tbody tr:last-child td {
    border-bottom: none!important;
}
.no-shadow {
    box-shadow: none!important;
}
tr:has(input:checked) td, 
.table-striped > tbody > tr:nth-of-type(odd):has(input:checked) > * {
    background-color: #CEE6FF !important;
    border-color: #fff;
}
#listExportModalContent table tr:has(input:checked) td{
    background-color: transparent !important;
}

/*-- PAGE PROJET ---*/
.pref-h1 {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    Color: #8C8CA1;
}
.avoir-number,
.projets-nomber {
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
    border-radius: 16px;
    border-width: 1px;
    background: #ECF1F4;
    border: 1px solid #8C8CA1;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0%;
    text-align: center;
    color: #4A4A68;
}
.align-ul-right{
    left: initial!important;
    right: 0!important;
}
.btn-action.dropdown-toggle {
    gap: 4px;
    padding-top: 5px;
    padding-right: 14px;
    padding-bottom: 5px;
    padding-left: 14px;
    border-radius: 8px;
    border-width: 1px;
    background: #FFFFFF;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px !important;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    box-shadow: none;
    border: 1px solid #D0D5DD;
}
.dropdown-toggle::after{
    display: none;
}
.btn-outline-primary,
.btn-outline-primary:hover,
.btn.btn-outline-primary:first-child:active{
    border: 1px solid #0C67C4!important;
    color: #0C67C4!important;
   /* background-color: #fff!important;**/
}
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:first-child:active{
    border: 1px solid #8C8CA1!important;
    color: #4A4A68!important;
    background-color:transparent;!important;
}
/*
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:first-child:active{
    border: 1px solid #8C8CA1!important;
    color: #4A4A68!important;
    background-color: #fff!important;
}
*/
.btn-action.dropdown-toggle.show svg{
    transform: scaleY(-1);
    fill:#0C67C4!important;
}
.btn-outline-primary svg,
.btn-outline-primary svg path,
.btn-outline-primary:hover svg,
.btn-outline-primary:hover svg path,
.btn-outline-none:hover svg,
.btn-outline-none:hover svg path{
    fill: #0C67C4!important;
}
.project-card-header .dropdown-menu,
.dropdown-menu{
    padding: 4px 15px 4px 0px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E4E7EC;
    box-shadow: none;
    margin: 0 !important;
}

.project-card-header .dropdown-menu{
    top: 40px !important;
}
.dropdown-menu .nav-list-title {
    line-height: 100%;
    letter-spacing:0.35px;
    text-transform: uppercase;
    color:#0E0E2C;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
}
.dropdown-menu .list-action li a { 
    padding-top: 8.5px;
    padding-bottom: 8px;
    gap: 8px;
    white-space: nowrap;
    padding-right: 12px;
    padding-left: 12px;
    font-weight: 300;
}
.dropdown-menu .picto-action {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    display: flex;
}
.gap-16{
    gap: 16px!important;
}
.gap-15{
    gap: 15px!important;
}
.gap-20{
    gap: 20px!important;
}
.gap-24{
    gap: 24px!important;
}
.gap-27{
    gap: 27px!important;
}
.gap-38{
    gap: 38px!important;
}
.gap-40{
    gap: 40px!important;
}
.gap-10{
    gap: 10px!important;
}
a.btn-href {
    display: flex;
    height: 100%;
    align-items: center;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0C67C4;
    margin: 0 5px;
}
.filter .input-field-search {
    max-width: 198px;
}
.nav-align-top .panneau-filter {
    padding-top: 17.5px;
   padding-bottom: 17.5px;
  /* padding-bottom: 0;*/
}
.the-filter {
    /*height: 32px;*/
}
.btn-icon {
    width: 32px;
    height: 32px;
    gap: 10px;
    border-radius: 6px;
    border-width: 1px;
    padding: 4px;
    border: 1px solid #4A4A68;
}
.affichage-action {
    gap: 12px;
    align-items: center;
}
.affichage-action span {
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
}
.affichage-action .bg-grey {
    gap: 4px;
    border-radius: 7px;
    padding: 2px;
    background: #ECF1F4;
}
.border-0,
.btn-outline-none {
    border: none!important;
}
.shadow-none {
    box-shadow: none!important;
}
.pt-4 {
    padding-block-start:4.35px!important;
}
.pb-4{
     padding-block-end: 4.35px!important;
}
.border-bottom-dorian{
    border-bottom: 1px solid #ECF1F4
}
.h-64{
    height: 64px!important;
}
.h-65{
    height: 65px!important;
}
.h-68{
    height: 68px!important;
}
.h-74{
    height: 74px!important;
}
.dt-select {
    width: 20px !important;
    padding-inline-end: 0 !important;
    padding-inline-start: 24px !important;
}
.dt-select input {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid #D0D5DD;
}
.datatable-project.table thead tr th {
    padding-inline-start: 24px;
    padding-block: 12px;
    padding-inline-end: 24px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
    text-transform: none;
    height: 50px;
    vertical-align: middle;
}
.dt-name-project{
    padding-inline-start: 15px!important;
}
.txt-thin{
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #475467;
}
.dt-cell-title{
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #475467;
}
.dt-action{
    width: 68px;
}
ul.dropdown-menu-editing {
    position: absolute;
}
.overflow-x-0{
    overflow-x: initial!important;
}
.table-pagination {
    border-top: 1px solid #ECF1F4;
    margin-top: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #fff;
}
.pagination {
    margin-bottom: 0;
}
.pagination span{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.page-item .page-link {
    border-radius: 8px;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    background-color: #fff;
}
.page-item.disabled .page-link, 
.page-item[disabled] .page-link {
    opacity: 0.45;
    pointer-events: none;
    border-color: #D0D5DD;
}
.page-item.disabled.link-more .page-link, 
.page-item.link-more[disabled] .page-link {
    border-color:transparent;
}
.page-link{
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
}
.page-link:hover,
.pagination .page-item.active .page-link, 
.pagination li.active > a:not(.page-link) {
    box-shadow: none;
    color: #fff;
    border-color: #0C67C4!important;
    background-color: #0C67C4;
}
.pagination .page-link.last,
.pagination .page-link.first{
   border-color: #0E0E2C;
}
.form-fields-container {
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.card-head{
    gap: 14px;
    flex-direction: column;
}
.card-head h5{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.card-head p{
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.form-control,
.form-select,
.form-select option{
    box-shadow: 0px 1px 2px 0px #1018280D;
    height: 44px;
    border-radius: 8px;
    border-width: 1px;
    padding: 0 12px;

}
.form-control::placeholder,
.form-select,
.form-select option,
.date-placeholder,
.form-label {
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px!important;
    line-height: normal;
    letter-spacing: 0px;
    color: #8C8CA1!important;
}
.txt-undeline{
    text-decoration: underline;
}
.label-secondary,
.label-primary,
.btn-text-primary{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 11px!important;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    cursor: poInter, sans-serif;
}
.label-primary,
.btn-text-primary{
    color: #0C67C4!important;
}
.label-secondary{
    color: #0E0E2C!important;
}
label.gps{
     font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
form.card-body .btn-group-vertical{
    justify-content: flex-start;
   /* width: calc(50% - 30px);*/
}
.two-col {
    justify-content: space-between;
    max-width: 1220px;
    margin: 0 auto;
}
.gestion-doc {
    padding-left: 80px;
}
.mes-fichiers{
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: column;
}
.fichier-item {
    height: auto;
    justify-content: space-between;
    border-radius: 8px;
    border-width: 1px;
    padding: 13px 14px;
    border: 1px solid #8C8CA1;
}
.file-icons {
    display: flex;
    gap: 10px;
}
.file-name{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.file-size {
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
    display: flex;
    margin-top: 4px;
}
.file-uploaded{
    border: 1px solid #43C40C;
    box-shadow: 0px 0px 1px 2px #2476CA24;
}
.modal-simple .modal-content{
    gap: 20px;
    border-radius: 6px;
    padding: 20px;
}
.modal-title{
    width: 100%;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.messages {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.messages  p{
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    color: #4A4A68;
    padding: 0 15px;
}
.msg-success {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    color: #3FAC57;
    display: block;
}
#created-project-confirmed .modal-dialog {
    width: 514px;
}
.link-to-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.modal-content .btn{
    height: 42px;
    gap: 10px;
    border-radius: 8px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.btn-outline-secondary{
    border: 1px solid #0E0E2C;
}
.btn-outline-secondary,
input.btn-outline-secondary::placeholder
{
    color: #0E0E2C!important;
}
.btn-outline-secondary:hover{
    color: #0C67C4!important;
    border: 1px solid #0C67C4!important
}
#add-doc {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    visibility: hidden;
}
.sidebar-project-opened #add-doc {
    visibility: visible;
    transition: all 0.4s ease;
}
#add-doc .bg-overlay{
    z-index: 90;
    transition: all 0.4s ease;
}
.panneau-lateral {
    width: 588px;
    gap: 24px;
    padding-top: 24px;
    padding-right: 32px;
    padding-bottom: 24px;
    padding-left: 32px;
    background-color: #FAFCFE;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 991;
    left: initial;
    flex-direction: column;
    overflow-y: auto;
    transform: translateX(100%);
    transition: all 0.4s ease;
}
.sidebar-project-opened .panneau-lateral {
    transform: translateX(0px);
}
.panneau-lateral .title-container {
    justify-content: space-between;
}
.panneau-lateral  h4{
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0px;
}
.panneau-lateral .content{
    gap: 34px;
    flex-direction: column;
}
.panneau-lateral .content .titre{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color:#4A4A68;
}
.zone-upload{
    gap: 16px;
    flex-direction: column;
}
.border-dashed {
    gap: 10px;
    border-radius: 8px;
    border-width: 1px;
    padding-top: 40px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
    border: 1px solid #8C8CA1;
}
.dropzone {
    --bs-dz-icon-bg: transparent;
    position: relative;
    border: 2px dashed #8C8CA1;
    border-radius: 0.5rem;
    cursor: poInter, sans-serif;
    inline-size: 100%;
}
.dropzone .dz-message,
.dropzone .dz-message .note{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    color: #4A4A68;
}
.dropzone .dz-message {
    margin-block: 0;
    gap: 10px;
    border-radius: 8px;
    border-width: 1px;
    padding-top: 40px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dropzone .dz-message .note {
    margin-block-start: 12px;
}
.dropzone .dz-message::before{
    visibility: hidden;
}
.all-files{
    gap: 11px;
    flex-direction: column;
}
.btn-classifier{
    width: auto;
    height: 30px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    gap: 6px;
    border-radius: 8px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.depliant{
    padding-top: 8px;
    border-radius: 4px;
    border-width: 1px;
    background: #FFFFFF;
    border: 1px solid #E4E7EC;
    box-shadow: none;
}
.depliant .dt-search {
    height: 32px;
}
.depliant .dt-search input {
    gap: 6px;
    border-radius: 4px;
    border-width: 1px;
    background: #FAFCFE;
    border: 1px solid #ECF1F4;
    height: 32px;
    box-shadow: none;
    padding: 0 7px !important;
}
.depliant .dt-search input:placeholder{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
}
.depliant .card{
    box-shadow: none;
    border-radius: 0;
    border: none;
}
.depliant .sub-title{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #0E0E2C;
    padding-top: 8px;
    height: 28px;
    padding-right: 12px;
    padding-bottom: 8px;
}
.liste-fichier{
    margin-top: 10px;
}
.liste-fichier .form-check,
.filtre-colonne .form-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
    margin: 0;
}
.liste-fichier .form-check {
    height: 54px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    border-bottom-width: 1px;
    border-bottom: 1px solid #ECF1F4;
    gap: 12px;
    padding-left: 10px;
    justify-content: space-between;
}
.table .form-check-input,
.liste-fichier .form-check input{
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border-width: 1px;
}
.liste-fichier .form-check:has(.with-bg:checked) {
    background: #0C67C40D;
}
.filtre-colonne .form-check {
    height: 36px;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
    gap: 8px;
}
.filtre-colonne .form-check input{
    width: 16px;
    height: 16px;
    border-radius: 4.8px;
    border-width: 0.8px;
}
.liste-fichier .form-check input,
.filtre-colonne .form-check input{
    margin: 0;
}
.table .form-check-input:checked,
.liste-fichier .form-check .form-check-input:checked,
.filtre-colonne .form-check .form-check-input:checked {
    border-color:#4A4A68;
    background-color:#0C67C4;
    box-shadow:none;
}
.liste-fichier  .form-check label,
.filtre-colonne .form-check label{
    font-family: Inter, sans-serif;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.liste-fichier  .form-check label{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.filtre-colonne .form-check label{
    font-weight: 300;
    font-size: 14px;
}
.inline-group,
.inline-group .btn {
    position: relative;
    flex:1 1 auto;
    display: inline-flex;
}
.datatable-project .dropdown-menu.show {
    box-shadow: none;
}
.datatable-project .dropdown-menu .dropdown-item{
    color:#475467;
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
}
.datatable-project .dropdown-menu .dropdown-item:hover, 
.datatable-project .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
}
.modal .modal-header .close,
.modal .modal-header .close, .modal .modal-header .btn-close {
    position: relative;
    inset-block-start: 0;
    inset-inline-end: 0;
    box-shadow: none;
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 0;
    transform: none;
    background: none;
    border: none;
}
.modal .btn-close::before{
    visibility: hidden;
    display: none;
}
.input-label {
    display: flex;
    gap: 12px;
    align-items: center;
}

.btn-doc-pc{
    background-color: #B9CA2440!important;
    border-color: #B9CA2440!important;
    color: #7A860A!important;
}
.btn-text-primary {
    border: none !important;
    background-color: transparent !important;
    display: table;
    width: auto;
    max-width: fit-content;
    padding: 0;
}
.img-wrappe {
    max-height: 524px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #2C2C2C;
}
#project-clavus .modal-dialog {
    max-width: fit-content;
}
.modal .bg-ghost .btn-close,
.table-striped.bg-white > tbody > tr:nth-of-type(odd) > * {
    background-color: transparent;
}
#project-clavus .modal-simple .modal-content {
    gap: 24px;
}
#project-clavus .table:not(.table-borderless):not(.dataTable) thead th {
    border-block-start-width: 0;
}
#project-clavus .datatable-project.table thead tr th {
    padding-inline-start: 10px;
}
#project-clavus .dt-select {
    padding-left: 10px;
}
tr:has(.form-check-input:checked) td,
.table-striped > tbody > tr:has(.form-check-input:checked):nth-of-type(odd) > *td {
    background: #BED9F6!important;
}
tr:has(input#select-all:checked),
.table-striped > tbody > tr:has(input#select-all:checked):nth-of-type(odd) > * td{
    background: #fff!important;
}
.modal .inline-group {
    width: 100%;
}
.modal .btn-lg {
    height: 49px;
    font-size: 14px;
}
.filter .form-control,
.filter #search-filter {
    height: 32px;
}
.blue{
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color:#0C67C4;
}
.leaflet-popup-content span.d-flex {
    gap: 5px;
    height: 17px;
    align-items: flex-start;
}
.tags {
    gap: 10px;
    padding-left: 5px;
}
.content-section {
    padding: 20px;
    gap: 10px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ECF1F4;
}
.content-section .card{
    padding-top: 16px;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-left: 12px;
    gap: 15px;
    border-radius: 8px;
    border-width: 1px;
}
.card-comment{
    background: #ECF1F4;
    border: 1px solid #FAFCFE;
}
.comment-project{
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
    position: relative;
}
.comment-project .date{
    font-weight: 700;
}
.comment-project .detail{
    font-weight: 400;
}
.comment-project .tooltip-content {
    position: absolute;
    top: -24px;
    left: initial;
    background-color: #4A4A68;
    color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 10;
    right: 70px;
    line-height: normal;
}
.comment-project .tooltip-content::before {
    content: "";
    position: absolute;
    top: 9px;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    border-color: transparent #4A4A68 transparent transparent;
}
textarea.form-control{
    min-height: 60px!important;
    margin-bottom: 6px;
    box-shadow: none;
}
.card-notifications {
    background: #FC65331A;
}
.card-notifications .btn{
    color: #FC6533!important;
}
.border-r-0{
    border-radius: 0!important;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus-visible,
.btn-secondary:first-child:active{
    box-shadow: none!important;
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #0E0E2C;
}
.btn-secondary svg {
    /*transform: scaleY(-1);*/
}
.btn-secondary.collapsed svg {
    transform: scaleY(1);
}
.collapse-title{
    font-weight: 600;
    font-size: 21px;
    height: 42px;
    letter-spacing: 0px;
    line-height: normal;
    padding: 0;
}
#collapseDetailsProject .content {
    gap: 24px;
    flex-flow: column;
    padding-top: 10px!important;
}
.create-date-by{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
}
#collapseDetailsProject .txt-sm{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
.project-img {
    border-radius: 6px;
    overflow: hidden;
}
.show-img {
    position: absolute;
    bottom: 5px;
    right: 54px;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page::before{
    display: none;
}
.addimg {
    padding: 10px 0 0;
}
.content-section .collapse{
    margin-top: 10px;
}
.dropzone .txt-infos{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    color: #4A4A68;
}
.fields-details {
    gap: 12px;
    flex-flow: column;
    width: 100%;
}
.field-item {
    justify-content: space-between;
    width: 100%;
}
.fields-details .field-label{
font-weight: 700;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0px;
    color: #0E0E2C;
    display: flex;
}
.fields-details .field-value{
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: right;
    color: #8C8CA1;
    display: flex;
}
.fields-details .field-value .btn-text-primary {
    letter-spacing: 1px;
}
.modal input.form-control,
.input-group-text {
    height: 44px !important;
    line-height: normal;
    font-size: 12px;
    max-height: 44px !important;
    min-height: 44px !important;
}
.input-group:focus-within, 
.input-group:focus {
    box-shadow: none;
}
.input-group .form-control:focus, 
.input-group .form-select:focus,
.input-group:focus-within .input-group-text{
    outline: none;
    border-width: 2px;
    border-color: #0C67C4!important;
}
.modal form{
    flex-flow: column;
    gap: 20px;
}
.item-question,
.respProjet-item{
    padding-top: 16px;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-left: 12px;
    gap: 15px;
    border-radius: 8px;
    border-width: 1px;
    border: 1px solid #ECF1F4;
}
.collapse .content{
    width: 100%;
}
.input-group:focus-within::before, 
.input-group:focus::before {
    box-shadow: none;
}
.bagde-responsable {
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    border-radius: 6px;
    border-width: 1px;
    border: 1px solid #4A4A68;
    font-weight: 700;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 3%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4A4A68;
}
.name {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
    display: flex;
    gap: 12px;
    align-items: center;
}
.titreBarProgress{
    display: flex;
    gap: 6px;
    align-items: center;
    line-height: normal;
    color: #0E0E2C;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}
.fields-details  .picto-action{
    display: flex;
    gap: 10px;
    align-items: center;
    width: auto;
    height: auto;
}
.porcentageBarProgress .progress{
    height: 17px;
}
.porcentageBarProgress .progress-value{
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: right;
    color: #4A4A68;
    width: 54px;
}
.progress .green-bar{
    background-color: #B1C40C!important;
    box-shadow: none!important;
}
.progress .sky-bar{
    background-color: #0CA3C4!important;
    box-shadow: none!important;
}
.progress .purple-bar{
    background-color: #520CC4!important;
    box-shadow: none!important;
}
.progress .dark-orange-bar{
    background-color: #C47A0C!important;
    box-shadow: none!important;
}
.doc-completude span{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    gap: 6px;
    align-items: center;
}

.collapse-sm {
    padding-top: 9px;
    padding-bottom: 9px;
}
.btn[aria-expanded="false"] svg{
    transform: scaleY(1);
}
.btn[aria-expanded="true"] svg{
    transform: scaleY(-1);
}
.doc-completude{
    gap: 8px;
}
.doc-completude .btn[aria-expanded="false"] span svg,
.doc-completude .btn[aria-expanded="true"] span svg{
    transform: scaleY(1)!important;
}
.file-name{
    font-weight: 500;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.w-16{
    width: 16px;
}
.h-16{
    height: 16px;
}
.b-t-1{
    border-top: 1px solid #ECF1F4;
}
.list-doc{
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #ECF1F4;
}
.list-doc .dropdown-item {
    padding: 8px 12px;
    font-size: 12px;
    line-height: normal;
    min-width: initial;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: transparent!important;
}
.list-doc .dropdown-item:hover svg ,
.list-doc .dropdown-item:focus svg,
.list-doc .dropdown-item:hover svg path,
.list-doc .dropdown-item:focus svg path{
    fill: #0C67C4!important;
}
.doc-completude .list-doc:last-child {
    border: none;
}
.invoice-item{
    padding-left: 0;
    padding-right: 0;
    border-width: 0 0 1px 0;
}
#collapseblockDocumentsFacture .fields-details {
    gap: 0;
}
#collapseblockDocumentsFacture .titreBarProgress{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
    gap: 12px;
}
.label{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
#collapseblocSuiviFacture .edit{
    gap: 10px!important;
}
.edit .value{
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
}
.edit .field{
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-left: 12px;
    border-radius: 4px;
}
.budget-details span{
    white-space: nowrap!important;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.align-txt-right {
    text-align: right;
}
.budget-details.progress-wrapper{
    align-items: flex-end;
    ga
}
.budget-details .progress {
    margin-bottom: 5px;
}
.collapse.b-t-1{
    border-color:#ECF1F4;
}
.content-section.p-0 .collapse-head {
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 18px;
    padding-left: 24px;
    gap: 24px;
}
#collapseTimelineProject .content{
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 12px;
}
#collapseTimelineProject .timeline-item {
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 52px;
    gap: 15px;
}
.fields-details .timeline-item  .field-label,
#collapseEtap1Project .fields-details .field-label {
    font-size: 16px;
}
.progress.alerte .progress-bar,
.en-progresse .progress-bar {
    box-shadow:none;
    border-radius: ;
}
.progress.alerte .progress-bar {
    background-color: #FF5050 !important;
}
.en-progresse .progress-bar{
    background: #B1C40C!important;
}
.en-progresse .progress-bar:last-child,
.alerte .progress-bar:last-child {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
}
.alerte {
background: linear-gradient(0deg, #4A4A68, #4A4A68),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));

}
.progressBarDetailText {
    margin-bottom: 4px;
}
.progressBarDetailTextDateDebut,
.progressBarDetailTextDateFin{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.progressBarDetailTextDateFin {
    align-items: flex-end;
}
.DateTex{
font-weight: 600;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
.DateValue{
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.date-badge {
  display: inline-block;
    position: relative;
    background-color:#0C67C4 ; 
    color: white;
    padding: 4px 6px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    height: 21px;
}
.date-badge::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 4px; /* distance du bord droit */
  transform: translateY(100%);
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #0C67C4 transparent transparent transparent;
}
 .date-tooltip{
    position: absolute;
    text-align: right;
    left: 0;
    right: 0;
}
.allcatbtn .project-details{
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 18px;
    padding-left: 52px;
    gap: 16px;
    display: flex;
}
.btnCat{
    height: 34px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    gap: 6px;
    border-radius: 8px;
    border-width: 1px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}
#catUrbanisme{
    color: #B1C40C !important;
    border: 1px solid #B1C40C;
    background: rgba(185, 202, 36, 0.12);
}
#catUrbanisme svg g path {
 fill: #B1C40C;
}
#catUrbanisme:hover{
    box-shadow: 0px 4px 7px 0px #c47a0c4a;
}
#catFoncier{
    color: #2678CB!important;
    border: 1px solid #5B98D7;
    background: #DAF1FE;
}
#catFoncier:hover{
    box-shadow: 0px 4px 7px 0px #5B98D726;
}
#catRaccordement{
    color: #5B2466;
    border: 1px solid #5B2466;
    background: #ECDBF6;
}
#catRaccordement svg g path {
    fill: #5B2466;
}
#catRaccordement:hover{
    box-shadow: 0px 4px 7px 0px #2E662426;
}
#catConstruction{
    color: #FC6533!important;
    border: 1px solid #DA7A5B;
    background: #FFEBCF;
}
#catConstruction:hover{
    box-shadow: 0px 4px 7px 0px #FC653326;
}
#catValorisation{
    color: #ED4B9E!important;
    border: 1px solid #ED4B9E;
    background: #FFF3F9;
}
#catValorisation svg path {
    fill: #ED4B9E;
}
#catValorisation:hover{
    box-shadow: 0px 4px 7px 0px #FC653326;
}
.etape-1 .btn{
    gap: 7px;
}
.resp-user{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
#collapseEtap1Project .list-doc{
    padding-top: 20px;
    padding-right: 54px;
    padding-bottom: 20px;
    padding-left: 54px;
    gap: 21px;
    background: #FAFCFE;
   /* border-color: transparent;*/
}
#collapseEtap1Project .fields-details{
    gap: 0;
}
.items-doc {
    gap: 12px;
}
.item-doc{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    gap: 6px;
    border-radius: 8px;
    background: #FAFCFE;
    border: 1px solid #8C8CA1;
}
.upload-filename .file-name{
    gap: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.list-doc .upload-filename .dropdown-item {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 143%;
    margin-block-start: 0 !important;
}
.createdDocSpan{
    gap: 12px;
}
.createdDocSpan .nameDoc{
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.createdDocSpan .byDoc{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
}
.upload-progress .progress-value{
    font-weight: 500;
    font-size: 10px;
    line-height: 140%;
    letter-spacing: 0px;
}
.upload-progress .progress-wrapper .progress {
    height: 10px;
}
.item-doc:has(.dropdown-toggle.show){
    border: 2px solid #0C67C4;
}
.btn-add-photos{
    font-weight: 700;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
.btn-add-photos:hover svg path{
    fill: #0C67C4!important;
}
.group-form {
    gap: 47px;
}
.form-ligne{
    gap: 44px;
}
.custom-field{
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 12px;
    border-radius: 8px;
    border-width: 1px;
    background: #FAFCFE;
    border: 1px solid #8C8CA1;
    height: 44px;
    justify-content: center;
}
.wrappe-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.infos {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 10px;
    justify-content: center;
    position: relative;
}
.custom-field  .default{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
}
.container.container-fluid {
    max-width: 100%;
}
.details-column{
    max-width: 480px;
}
.details-content{
    width: calc(100% - 480px);
}
.title{
font-weight: 600;
font-size: 9px;
line-height: 100%;
letter-spacing: 3%;
text-transform: uppercase;
}
.wrappe-form .form-control {
    padding: 0 !important;
    height: initial !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 18px;
    margin-top: 4px;
}
.wrappe-form .form-control,
.wrappe-form .form-control::placeholder{
    font-weight: 400;
    font-size: 14px!important;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.wrappe-form .picto {
    display: flex;
    height: 100%;
    align-content: center;
    flex-wrap: wrap;
    margin-left: -4px;
}
.invalid-form{
    border: 1px solid #C40C0C!important;
    box-shadow: 0px 0px 1px 2px #FC33332B!important;
}
.invalid-form .title{
    color: #C40C0C!important;
}
.normal-form{
    border: 1px solid #0C67C4!important;
    box-shadow: 0px 0px 1px 2px #0C67C424!important;
}
.normal-form .title{
    color: #0C67C4!important;
}
.valid-form{
    border: 1px solid #43C40C!important;
    box-shadow: 0px 0px 1px 2px #43C40C14!important;
}
.valid-form .title{
    color: #43C40C!important;
}
.valid-form input,.valid-form select,.valid-form .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #4A4A68!important;
    font-size: 14px!important;
    font-weight: 400!important;
}
.date-comment,
.content-comment{
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.date-comment{
    font-weight: 700;
}
.content-comment{
    font-weight: 300;
}
.item-comment {
    gap: 5px;
}
.group-btn-validation {
    gap: 18px;
}
.fields-details  .field-item:last-child {
    border-bottom: 0;
}
.firstPointTimeline .timeline-point svg,
.collapse-title svg:last-child,
.collapse-head .collapse-title svg:nth-child(2){
    margin-left: 15px;
}
.panneau-filter #search-filter {
    height: 32px;
    max-height: 32px!important;
    min-height: 32px!important;
}
.list-group-flush .list-group-item{
    justify-content: space-between;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    gap: 10px;
    border-color: transparent;
}
.list-group-flush .list-group-item span{
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.list-group-flush .list-group-item label{
    width: 40px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.link-setting .dropdown-menu.show {
    width: max-content;
}
.letter-spacing-0{
    letter-spacing: normal!important;
}
.list-group-flush .switch .switch-toggle-slider {
    height: 16px !important;
    width: 28px !important;
}
.list-group-flush .switch .switch-toggle-slider::after {
    block-size: 12px;
    inline-size: 12px;
}
.link-setting .dropdown-menu{
    width: max-content;
    right: 0;
    top: 5px!important;
}
.table-invoice.table thead tr th {
    font-weight: 700;
    padding-right: 0;
    vertical-align: middle;
}
/* Flèches tri visibles (optionnel si le CSS charge bien) */
    th.dt-column::after,
    th.dt-ordering_asc::after,
    th.dt-ordering_desc::after {
      font-family: 'Font Awesome 5 Free', Arial, sans-serif;
      font-weight: bold;
      content: ' ⇅';
      padding-left: 4px;
      color: #999;
    }
    th.dt-ordering_asc::after {
      content: ' ↑';
    }
    th.dt-ordering_desc::after {
      content: ' ↓';
    }
.btn-edit-invoice {
    height: 44px;
    padding-left: 14px;
    padding-right: 14px;
}
.invoice-infos{
    width: 53%!important;
}
.invoice-history{
    width: 47%!important;
}
.facture-finance-block .card{
   /* gap: 19px;
    padding-top: 25px;
    padding-right: 32px;
    padding-bottom: 25px;
    padding-left: 32px;*/
    gap: 11px;
    padding: 20px;
    border-width: 1px;
    background: #FAFCFE;
    border: 1px solid #ECF1F4;
}
.facture-finance-block .invoice-history .card{
    border-width: 0 0 1px 0;
}
.facture-finance-block .card:not(last-of-type){
    border-top: none;
}
.facture-finance-block .card-head{
    display: flex;
    gap: 10px;
}
.invoice-history .table-striped.bg-white > tbody > tr:nth-of-type(odd) > * {
    background-color: #FAFCFE;
}
.invoice-history .table-striped th,
.invoice-history .table-striped td{
    border-color: #ECF1F4;
}
.invoice-history .table-striped th:first-child,
.invoice-history .table-striped td:first-child{
    border-left-width:1px;
}
.invoice-history .table-striped th:last-child,
.invoice-history .table-striped td:last-child{
    border-right-width:1px;
}
.invoice-history .table-striped th{
    height: 50px;
}
.invoice-history .table-striped td{
    height: 60px;
}
.facture-finance-block .title{
    gap: 10px;
    text-transform: none;
}
.facture-finance-block .title h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: normal;
    color: #0E0E2C;
    margin: 0;
    padding: 0;
}
.facture-finance-block .title + span{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.card-body .data{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    border-bottom-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECF1F4;
    min-height: 45px;
}
.card-body .data:last-of-type{
    border-bottom-color: transparent ;
}
.card-body .data .titled{
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #0E0E2C;
    gap: 6px;
    display: flex;
     align-items: center;
}
.card-body .data .value{
    font-weight: 400;
    font-size: 16px!important;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #4A4A68!important;
}
.steps{
    padding-top: 6px;
    border-radius: 6px;
    border-width: 1px;
    border: 1px solid #0C67C4;
    width: 100%;
}
.steps .head {
    display: flex
;
    justify-content: space-between;
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    align-items: center;
}
.steps .head .title{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #5B98D7;
}
.step-item {
    display: flex;
    justify-content: center;
    border-bottom-width: 1px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    flex-direction: column;
}
.step-item .doc-title{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.date-author{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #4A4A68;
}
.date-author{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #4A4A68;
}
.data.with-project {
    /*border-bottom-color: transparent;*/
}
.fileFactureFinanceBtn {
    gap: 16px;
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 8px;
    padding-left: 14px;
    border-radius: 8px;
    border-width: 1px;
    background: #FAFCFE;
    border: 1px solid #8C8CA1;
    display: flex;
    width: fit-content;
    align-items: center;
}
.fileBtnvalid,
.infos-valid input,
.input-verified,
.input-checking,
form .field.with-label input[aria-invalid=false],
form .field.with-label select[aria-invalid=false],
/*form .select2.select2-container.select2-container--default.select2-container--below:not(.select2-container--open) .select2-selection,*/
{
    border: 1px solid #43C40C!important;
    box-shadow: 0px 0px 1px 2px #2476CA24!important;
}
.fileFactureFinanceBtn .file-details{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.file-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    width: auto;
    height: auto;
}
.data .notifications {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.downloadStrIcon{
    gap: 10px;
    padding-top: 9px;
    padding-right: 13px;
    padding-bottom: 9px;
    padding-left: 13px;
    border-radius: 8px;
}
.blocComment {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 16px;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-left: 12px;
    border-radius: 8px;
    border: 1px solid #ECF1F4
}
.superadmin {
    height: 17px;
    border-radius: 6px;
    border-width: 1px;
    border: 1px solid;
    color: #4A4A68;
    border-color: #4A4A68;
    background-color: transparent;
    font-weight: 500;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 3%;
    vertical-align: middle;
    text-transform: uppercase;
}
.blocComment .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}
.blocComment .datetime{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0px;
}
.blocComment .content{
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.blocComment .content p{
    padding: 0;
    margin: 0;
}
.blocComment .link-reply {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.link-reply .collapse.{
}
.statut-awaiting{
    color: #E1B148;
    border: 1px solid #E1B148;
    background: #FFFCF5;
}
.add-comment textarea.form-control {
    min-height: 52px !important;
    margin-bottom: 10px;
    box-shadow: none;
    color: #4A4A68!important;
}
.add-comment textarea.form-control::placeholder {
    color: #4A4A68!important;
}
.blocComment .form-control,
.add-comment .form-control {
    border-color: #ECF1F4;
}
.btn-valid,
.btn-awaiting,
.btn-refuse{
    height: 42px;
    border-radius: 8px;
    padding-top: 3px;
    padding-right: 30px;
    padding-bottom: 3px;
    padding-left: 30px;
    border-width: 0!important;
    box-shadow: none!important;
    font-weight: 500;
    font-style: Bold;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ECF1F4!important;
}
.btn-valid,
.btn-valid:hover{
    background: #B1C40C!important;
}
.btn-awaiting,
.btn-awaiting:hover{
    background: #DE8846!important;
}
.btn-refuse,
.btn-refuse:hover{
    background: #FF5050!important;
}
.btn-valid:hover,
.btn-awaiting:hover,
.btn-refuse:hover {
    letter-spacing: 1px;
    font-weight: 500;
}
.invoice-infos.edit-mode {
    width: 63% !important;
}
.btn-action.dropdown-toggle.btn-arrow{
    width: 32px;
    height: 21px;
    border-radius: 6px;
    border-width: 1px;
    padding: 0px;
    background-color: #0C67C41F!important;
    border: 1px solid #0C67C4!important;
}
.dropdown-menu .filtre-checkbox{
    padding: 0px 12px;
}
.dropdown-menu .filtre-checkbox .form-check-label {
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.dropdown-menu .filtre-checkbox .form-check-input:checked[type=checkbox],
.dropdown-menu .filtre-checkbox .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain !important;
}
.card-body .data .value.btn-text-primary {
    font-weight: 600;
    line-height: 140%;
    font-size: 16px !important;
    text-align: right;
    vertical-align: middle;
    color: #0C67C4 !important;
    text-transform: none;
    letter-spacing: 0 !important;
}
.step-item-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.liste-des-doc{
    display: flex;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    gap: 21px;
}
.step-item-head .doc-title[aria-expanded="true"] svg:first-child{
    transform: rotate(90deg);
}
.projet-fields {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    gap: 21px;
}
.projet-fields .field {
    position: relative;
}
.projet-fields .form-select,
.projet-fields .form-control {
    justify-content: space-between;
    border-width: 1px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px #1018280D;
    padding-block: 12px !important;
    padding-inline: 12px !important;
}
.projet-fields.with-label .form-select,
.projet-fields.with-label  .form-control,
.field.with-label  .form-control {
    padding: 15px 35px 5px 12px!important;
}
.projet-fields .field .label-field,
.field.with-label .label-field{
    font-weight: 600;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #0E0E2C;
    position: absolute;
    top: 6px;
    left: 12px;
    z-index: 2;
}
.projet-fields .col-md-4 {
    width: calc(33.33% - 8px);
}
.projet-fields .dropdown-menu.show {
  max-height: 200px;
  overflow-y: auto;
}
.projet-fields .dropdown-item.hidden {
  display: none;
}
.field-dropdown svg{
    position: absolute;
    right: 10px;
    bottom: 9px;
    z-index: 1;
}
.field-dropdown .form-control{
    background-color: transparent;
    font-weight: 300;
}
.projet-fields .dropdown-item {
    cursor: poInter, sans-serif;
    font-size: 14px;
    color: #4A4A68;
}
.projet-fields .dropdown-item:hover,
.field-dropdown li .dropdown-item:hover{
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.data .form-select,
.field .form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggZmlsbD0iIzhDOENCMSIgZD0iTTAgMGw1IDYgNS02eiIvPjwvc3ZnPg==);
    background-size: 10px 6px;
}
.projet-fields .pre-title{
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4A4A68;
}
.form-control.fileBtnvalid::placeholder{
    color: #4A4A68!important;
}
.infos-valid .label-field,
.field.with-label:has(input.input-verified) .label-field,
.field.with-label:has(input[aria-invalid=false]) .label-field,
.field.with-label:has(select[aria-invalid=false]) .label-field
/*.field.with-label:has(.select2-container--below:not(.select2-container--open)) .label-field*/
{
    color:#43C40C!important;
}
.icon-svg-input.input-verified {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
.icon-svg-input.input-verified {
    display:block;
}
.data .form-select-custom,
#devSearch {
    background-size: 36px 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAzNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNSIgaGVpZ2h0PSIyMyIgcng9IjcuNSIgZmlsbD0iI0ZBRkNGRSIvPgo8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjM1IiBoZWlnaHQ9IjIzIiByeD0iNy41IiBzdHJva2U9IiMwRTBFMkMiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM1M18yMjcyOCkiPgo8cGF0aCBkPSJNMTQuNjY2NSAxMEwxNy45OTk4IDEzLjMzMzNMMjEuMzMzMiAxMEgxNC42NjY1WiIgZmlsbD0iIzBFMEUyQyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM1M18yMjcyOCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+) !important;
    background-position: right;
    padding: 0 45px 0 0 !important;
    height: 24px;
    line-height: normal;
    border: none !important;
    box-shadow: none !important;
    font-weight: 400;
    font-size: 16px !important;
    letter-spacing: 0px;
    text-align: right;
    vertical-align: middle;
    background-repeat: no-repeat;
    color: #4A4A68 !important;
    cursor: poInter, sans-serif;
}
#filterInput,
.filter-input {
    margin: 5px 0px;
    padding: 0 7px!important;
    height: 32px;
    border-radius: 4px!important;
    width: 100% !important;
    font-weight: 300!important;
}
.field-dropdown li{
    padding: 0 15px;
}
.field-dropdown li span,
.field-dropdown li .dropdown-item{
    padding-left: 0!important;
    padding-right: 0!important;
}
.field-dropdown .dropdown-menu.show {
    display: block;
    margin-top: 5px !important;
}
.dropdown-item.no-result {
  color: #4A4A68;
  pointer-events: none;
  font-style: italic;
  font-weight: 400;
font-size: 12px;
}
.dropdown-menu a.dropdown-item {
    font-weight: 300;
    padding: 7px 0 !important;
    font-size: 12px;
}
.modal textarea.form-control {
    min-height: 60px !important;
    margin-bottom: 6px;
    box-shadow: none;
    height: auto;
}
.inputMontant {
    width: 100px;
    text-align: right;
    padding: 0px 3px;
    margin-right: 2px;
}
.input-readonly{
    border: none!important;
    background-color: #ECF1F4!important;
    box-shadow: none;
}
.facture_intitule-line{
    width: calc(100% - 100px);
    justify-content: flex-end;
}
.facture_intitule-line>div {
    width: calc(100% - 40px);
}
.facture_intitule-line>div .value{
    width: 100%!important;
}
.data #facture_finance_dateFacture, 
.data #facture_finance_datePaiement {
    padding: 0 !important;
    width: 135px;
    height: 24px;
}
.btn.txt-normal{
    font-weight: 500!important;
    font-style: Bold;
    font-size: 11px!important;
    line-height: 110%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.add-new-facture-finance .title  h3{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 21px;
    line-height: 110%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.add-new-facture-finance .card{
    padding:20px!important;
    gap: 11px;
}
.add-new-facture-finance .form-control,
.add-new-facture-finance .form-control::placeholder,
.field.with-label .form-control,
.field.with-label .form-control::placeholder{
    font-weight: 300!important;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1!important;
}

.dropdown-items.dropdownItems {
    list-style: none;
    padding: 0;
    margin: 5px 0;
}
.add-new-facture-finance .row{
    gap: 20px 20px !important;
}
.add-new-facture-finance .projet-fields .col-md-4 {
    width: calc(33.33% - 14px);
}
.card.blockviewProjectCard {
    gap: 22px;
}
.blockviewProjectCard h4{
font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    vertical-align: middle;
    margin: 0;
    padding: 0;

}
.blockviewProjectCard .btn-xs {
    font-size: 9px!important;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase!important;
}
.dropdown-items.dropdownItems strong {
    font-weight: 600;
    font-size: 12px;
    padding: 13px 0 5px !important;
    display: block;
}
.dropdown-items.dropdownItems ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dropdown-items.dropdownItems ul li {
    padding: 0 15px 0 10px!important;
    margin: 0!important;
}
.min-h-44{
    min-height: 44px!important;
}
.blockviewProjectCard .btn-text-secondary {
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #0E0E2C;
}
.blockviewProjectCard .btn-outline-secondary{
    color: #0E0E2C!important;
    font-weight: 600!important;
    font-size: 11px!important;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 8px;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    border: 1px solid #0E0E2C!important;
    min-height: 36px;
}
.p-l-0{
    padding-left: 0!important;
}
.p-r-0{
    padding-right: 0!important;
}
.p-b-0{
    padding-bottom: 0!important;
}
.p-t-0{
    padding-top: 0!important;
}
#facture_finance_note {
    padding: 10px 12px !important;
}
#facture_finance_note::placeholder{
    font-weight: 500!important;
    font-size: 9px!important;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #8C8CA1;
}
.field.with-label .input-readonly,
.input-readonly {
    background-color: #ECF1F4 !important;
    border: none !important;
    box-shadow: none !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgc3R5bGU9ImZpbGw6bm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTkwOF8xNjE4MCkiPjxwYXRoIGQ9Ik05IDFDNC42IDEgMSA0LjYgMSA5QzEgMTMuNCA0LjYgMTcgOSAxN0MxMy40IDE3IDE3IDEzLjQgMTcgOUMxNyA0LjYgMTMuNCAxIDkgMVpNMi42IDlDMi42IDUuNDggNS40OCAyLjYgOSAyLjZDMTAuNDQgMi42IDExLjggMy4wOCAxMi45MiAzLjk2TDMuOTYgMTIuOTJDMy4wOCAxMS44IDIuNiAxMC40NCAyLjYgOVpNOSAxNS40QzcgMTUuNCA2LjIgMTQuOTIgNS4wOCAxNC4wNEwxNC4wNCA1LjA4QzE0LjkyIDYuMiAxNS40IDcuNTYgMTUuNCA5QzE1LjQgMTIuNTIgMTIuNTIgMTUuNCA5IDE1LjRaIiBmaWxsPSIjOEM4Q0EyIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTkwOF8xNjE4MCI+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 18px 18px;
    padding-right: 2rem;
  }

.field.with-label:has(input.input-readonly) .label-field,
.field.with-label:has(input.input-verified) .label-field,
form .field.with-label:has(input[aria-invalid=false]) .label-field{
    font-weight: 600;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
}
.add-new-facture-finance .row.montants{
    gap: 15px 20px !important;
}
form .field.with-label select[aria-invalid=false],
form .field.with-label input[aria-invalid=false],
form .input-with-state[aria-invalid=false],
.field.with-label .input-verified 
/*form .select2.select2-container.select2-container--default.select2-container--below:not(.select2-container--open) .select2-selection*/{
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNNi40NDI1IDExLjY4NUwzLjMxNSA4LjU1NzUgMi4yNSA5LjYxNUw2LjQ0MjUgMTMuODA3NSAxNS40NDI1IDQuODA3NSAxNC4zODUgMy43NUw2LjQ0MjUgMTEuNjg1WiIgZmlsbD0iIzQzQzQwQyIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 18px 18px;
    padding-right: 2rem;
}
.field.with-label .input-dropdown {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNNyA5TDEyIDE0TDE3IDlIN1oiIGZpbGw9IiM4QzhDQTIiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 24px 24px;
    padding-right: 2.5rem;
}
.blockviewProjectCard .row:last-child{
    /*margin-bottom: 3rem!important;*/
}
.field .input-checking {
    border: 1px solid #0C67C4!important;
    box-shadow: 0px 1px 2px 0px #1018280D;
    box-shadow: 0px 0px 1px 2px #0C67C424;
}
.field.with-label:has(input.input-checking) .label-field {
    color: #0C67C4!important;
}
.field.with-label .form-control,
.field.with-label .form-select {
    padding: 18px 35px 5px 12px !important;
}
.field.with-label .form-control.filter-input {
    padding-top: 4px!important;
    outline: none;
}
.blockviewProjectCard .projet-fields {
    padding-bottom: 10px!important;
    border-bottom: 1px solid #ECF1F4;
    margin-bottom: 20px !important;
}
.notifs{
    font-weight: 300;
    font-style: Bold;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.table-responsive {
    /*overflow-x: initial;*/
}
table.dataTable thead>tr>th.dt-column {
    position: relative;
    padding-right: 30px;
}
table.dataTable thead>tr>th.dt-column:before, 
table.dataTable thead>tr>th.dt-column:after, 
table.dataTable thead>tr>th.dt-ordering_asc:before, 
table.dataTable thead>tr>th.dt-ordering_asc:after, 
table.dataTable thead>tr>th.dt-ordering_desc:before, 
table.dataTable thead>tr>th.dt-ordering_desc:after, 
table.dataTable thead>tr>th.dt-ordering_asc_disabled:before, 
table.dataTable thead>tr>th.dt-ordering_asc_disabled:after, 
table.dataTable thead>tr>th.dt-ordering_desc_disabled:before, 
table.dataTable thead>tr>th.dt-ordering_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.dt-ordering_asc:before, 
table.dataTable thead>tr>td.dt-ordering_asc:after, 
table.dataTable thead>tr>td.dt-ordering_desc:before, 
table.dataTable thead>tr>td.dt-ordering_desc:after, 
table.dataTable thead>tr>td.dt-ordering_asc_disabled:before, 
table.dataTable thead>tr>td.dt-ordering_asc_disabled:after, 
table.dataTable thead>tr>td.dt-ordering_desc_disabled:before, 
table.dataTable thead>tr>td.dt-ordering_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .8em;
}
table.dataTable thead>tr>th.dt-column:before, 
table.dataTable thead>tr>th.dt-ordering_asc:before, 
table.dataTable thead>tr>th.dt-ordering_desc:before, 
table.dataTable thead>tr>th.dt-ordering_asc_disabled:before, 
table.dataTable thead>tr>th.dt-ordering_desc_disabled:before, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.dt-ordering_asc:before, 
table.dataTable thead>tr>td.dt-ordering_desc:before, 
table.dataTable thead>tr>td.dt-ordering_asc_disabled:before, 
table.dataTable thead>tr>td.dt-ordering_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    content: "▲" / "";

}
table.dataTable thead>tr>th.dt-column:after, 
table.dataTable thead>tr>th.dt-ordering_asc:after, 
table.dataTable thead>tr>th.dt-ordering_desc:after, 
table.dataTable thead>tr>th.dt-ordering_asc_disabled:after, 
table.dataTable thead>tr>th.dt-ordering_desc_disabled:after, 
table.dataTable thead>tr>td.sorting:after, 
table.dataTable thead>tr>td.dt-ordering_asc:after, 
table.dataTable thead>tr>td.dt-ordering_desc:after, 
table.dataTable thead>tr>td.dt-ordering_asc_disabled:after, 
table.dataTable thead>tr>td.dt-ordering_desc_disabled:after {
    top: 50%;
    content: "▼";
    content: "▼" / "";

}
th[aria-sort="ascending"]:before{
    color:#0C67C4!important;
    opacity: 1!important;
}
th[aria-sort="descending"]:after{
    color:#0C67C4!important;
    opacity: 1!important;
}
th.dt-column.sorting_disabled.dt-orderable-none:before,
th.dt-column.sorting_disabled:before,
th.dt-column.sorting_disabled.dt-orderable-none:after,
th.dt-column.sorting_disabled:after{
    display: none!important;
    opacity: 0!important;
}

.dataTables_wrapper .dataTables_filter {
  float: left;
}
.dataTables_wrapper .dataTables_length {
  float: right;
}
.dataTables_wrapper .dataTables_paginate {
  float: left;
}
.dataTables_length,
.customfilter label,
button.page-link.previous,
button.page-link.next {
  display: none!important;
}
.customfilter .search-input {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_238_16337)'%3E%3Cpath d='M12.9167 11.6667H12.2583L12.025 11.4417C12.8417 10.4917 13.3333 9.25833 13.3333 7.91667C13.3333 4.925 10.9083 2.5 7.91667 2.5C4.925 2.5 2.5 4.925 2.5 7.91667C2.5 10.9083 4.925 13.3333 7.91667 13.3333C9.25833 13.3333 10.4917 12.8417 11.4417 12.025L11.6667 12.2583V12.9167L15.8333 17.075L17.075 15.8333L12.9167 11.6667ZM7.91667 11.6667C5.84167 11.6667 4.16667 9.99167 4.16667 7.91667C4.16667 5.84167 5.84167 4.16667 7.91667 4.16667C9.99167 4.16667 11.6667 5.84167 11.6667 7.91667C11.6667 9.99167 9.99167 11.6667 7.91667 11.6667Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_16337'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px 16px;
  padding-right: 30px;
}
.customfilter .search-input:focus ,
#dt-search-0:focus{
    background-image: none!important;
}
#usersTable_wrapper .bottom {
    padding: 0 25px;
}
.filter-length {
    display: flex;
    align-items: center;
    gap: 5px;
}
.custom-length {
    padding: 0px 25px 0px 10px;
    width: auto;
    height: auto;
    background-position: right 5px center;
}
table.dataTable thead>tr>th:last-child:before,
table.dataTable thead>tr>th:last-child:after,
table.dataTable .dt-orderable-desc:last-child:before,
table.dataTable .dt-orderable-desc:last-child:after  {
    display: none!important;
}
table.dataTable tbody>tr>td.dt-cell:last-child{
    text-align: right;
    padding-right: 35px;
}
#usersTable_wrapper .bottom,
table + .bottom
 {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    border-width: 1px;
    border: 1px solid #ECF1F4;
    width: calc(100% - 69px);
}
.btn-action-avoir {
    padding: 0 25px;
}
.btn-action-avoir .btn-action.dropdown-toggle.show span svg {
    transform: scaleY(1);
}
.btn-action-avoir .btn-action{
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 16px;
    height: 38px;
    gap: 10px;
}
.btn-avoir .dropdown-menu {
    border-radius: 0;
    border-top: 2px solid #0C67C4;
    margin-left: 15px !important;
    min-width: calc(100% - 35px);
}
.select-action-notif {
    border-bottom-width: 1px;
    gap: 5px;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #ECF1F4;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    justify-content: center;
}
.table th{
font-weight: 700;
font-size: 16px;
line-height: 140%;
letter-spacing: 0px;
text-transform: none;
}
.statusPaiementFactureSpv{
    gap: 16px;
    padding-top: 13px;
    padding-right: 24px;
    padding-bottom: 13px;
    padding-left: 24px;
    background: #FAFCFE;
}
.statusPaiementFactureSpv a{
    border-bottom-width: 2px;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.content-detail-menu a.activeLink,
.statusPaiementFactureSpv a.activeLink {
    border-bottom: 2px solid #0C67C4;
    color: #0C67C4;
}
.link-setting.dt-layout-end.justify-content-end {
    padding-right: 30px;
}
input.btn-outline-secondary::placeholder{
    color: #0E0E2C!important;
    font-size: 15px!important;
}

.the-filter .custom-input-date {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20d%3D%22M4.66667%207.3335H6V8.66683H4.66667V7.3335ZM14%204.00016V13.3335C14%2014.0668%2013.4%2014.6668%2012.6667%2014.6668H3.33333C2.59333%2014.6668%202%2014.0668%202%2013.3335L2.00667%204.00016C2.00667%203.26683%202.59333%202.66683%203.33333%202.66683H4V1.3335H5.33333V2.66683H10.6667V1.3335H12V2.66683H12.6667C13.4%202.66683%2014%203.26683%2014%204.00016ZM3.33333%205.3335H12.6667V4.00016H3.33333V5.3335ZM12.6667%2013.3335V6.66683H3.33333V13.3335H12.6667ZM10%208.66683H11.3333V7.3335H10V8.66683ZM7.33333%208.66683H8.66667V7.3335H7.33333V8.66683Z%22%20fill%3D%22%234A4A68%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;
    background-repeat: no-repeat!important;
    background-position: left 10px center!important;
    background-size: 16px 16px!important;
    padding-inline: 30px!important;
    padding-top: 9px!important;
    font-size: 15px;
    max-width: 130px;
    min-width: 75px;
    padding-right: 10px !important;
}
/*#facture_finance_category ,*/
#facture_finance_spv,
#bon_de_commande_finance_spv,
#bon_de_commande_finance_category{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #0E0E2C !important;
    font-size: 15px !important;
    border: 1px solid #8C8CA1 !important;
    width: 160px;
    padding-left: 30px !important;
}
#facture_finance_spv,
#bon_de_commande_finance_spv {
    width: 120px;
}
.field.with-icon svg{
    position: absolute;
    top: 8px;
    left: 10px;
}
.the-filter .custom-select-arrow,
.custom-select-arrow,
.field.with-icon.custom-select2 .custom-select-arrow + .select2-container .select2-selection.select2-selection--multiple 
{
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_860_29516)%22%3E%3Cpath%20d%3D%22M7%209L12%2014L17%209H7Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_860_29516%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size:24px 24px;
  padding-right: 36px;
}
.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000; /* Assure qu'il est au-dessus du contenu */
}
.card-history{
    background: #FAFCFE;
    border: 1px solid #ECF1F4;
    gap: 17px;
    padding-top: 5px;
    padding-right: 32px;
    padding-bottom: 25px;
    padding-left: 32px;
    border-width: 1px;
}
.card-history .card-head{
    border-bottom-width: 1px;
    gap: 10px;
    padding-top: 16px;
}
.card-history .card-head .title h3 {
font-weight: 600;
font-size: 21px;
line-height: 26px;
letter-spacing: 0px;
text-transform: none;
padding: 0;
margin: 0;
}
.card-history .card-body{
    background: #FFFFFF;
    padding: 0;
}
.card-history .card-body table tr th:first-child,
.card-history .card-body table tr td:first-child  {
    border-left-width: 1px!important;
}
.card-history .card-body table tr th:last-child,
.card-history .card-body table tr td:last-child  {
    border-right-width: 1px!important;
}
.card:has(table){
    /*margin-bottom:80px ;*/
}
td.dt-empty {
    color: initial;
}
table#usersTable {
    /*width: max-content !important;*/
}
#usersTable_wrapper {
   /* overflow-x: auto;*/
}
html:not(.layout-footer-fixed) .content-wrapper {
    padding-block-end: 50px !important;
}
.the-filter #facture_finance_datePaiement.custom-input-date,
.the-filter #bon_de_commande_finance_datePaiement.custom-input-date  {
    max-width: 190px;
    min-width: 190px;
}
#addBondecommandeModal .modal-simple .modal-content {
    gap: 26px;
    border-radius: 10px;
}
.add-new-rapport .form-control,
.edit-new-centrale .form-control,
.add-new-bonCommande .form-control,
.select2-container--default .select2-selection{
    background-color: rgba(250, 252, 254, 1);
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px 0px #1018280D!important;
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px!important;
    line-height: 140%;
    letter-spacing: 0px;
    color: #8C8CA1;
    padding: 0 15px !important;
}
 .add-new-bonCommande .form-control.filter-input{
    height: 30px !important;
    max-height: 30px !important; 
    min-height: 30px !important; 
}
.icon-search-input,
.icon-search-input + .select2-container--default .select2-selection__rendered:has(> .select2-selection__placeholder) ~ .select2-selection__arrow b, 
.icon-search-input + .select2-container--default .select2-selection--single .select2-selection__arrow b  {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2044_12919)'%3E%3Cpath d='M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z' fill='%238C8CA2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2044_12919'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;
  background-repeat: no-repeat!important;
  background-position: right 10px center!important;
  background-size: 20px 20px!important;
  padding-right: 40px!important; /* décale le texte vers la gauche */
}
.add-new-bonCommande .form-control.icon-search-input {
    padding-right: 40px!important; /* décale le texte vers la gauche */
}
.add-new-bonCommande  .btn-text-secondary{
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
}
.add-new-bonCommande  .btn-text-secondary{
    color: #0E0E2C;
}
.btn.btn-text-primary.with-icon {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-top: 0;
    height: auto;
}
.btn.btn-text-primary.with-icon svg{
    position: relative;
    left: initial;
    right: initial;
    bottom: initial;
}
.add-new-bonCommande  textarea.form-control {
    padding-top: 5px !important;
}
.form-group.d-flex .col-md-6 {
    flex: 1 0 auto;
    width: auto;
}
.depliant .dt-search,
.depliant .sub-title,
.filtre-colonne{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
#refuspaiementModal form {
    gap: 25px;
}
#refuspaiementModal .modal-simple .modal-content {
    max-width: 420px;
}
#refuspaiementModal textarea.form-control {
    min-height: 107px !important;
}
.dt-total strong,
#totalSelected{
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.btn-primary:has(svg) {
    gap: 6px;
    white-space: nowrap;
}
.dt-total {
    display: none;
}
.dt-total.dt-display {
    display: contents;
}
.th-avoir {
    min-width: 140px;
}
.th-fournisseur {
    min-width: 150px;
}
.th-spv {
    min-width: 90px;
}
.th-datecreation {
    min-width: 180px;
}
.th-dateemission {
    min-width: 180px;
}
.th-datevalidation {
    min-width: 195px;
}
.th-projet {
    min-width: 140px;
}
.th-montanttc {
    min-width: 160px;
}
.th-statut {
    min-width: 150px;
}
.avoirs-masse .panneau-lateral {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: auto;
    background-color: #fff;
}
.avoirs-masse .table-responsive {
    overflow-x: initial;
}
.avoirs-masse table tbody tr,
.avoirs-masse .table-striped > tbody > tr:nth-of-type(odd) > *{
    background: #FAFCFE;
}
.avoirs-masse .content{
    gap: 26px;
}
.content-avoirs-selected {
    flex-direction: column;
    gap: 26px;
}
.content-avoirs-selected .infos{
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.content-avoirs-selected small{
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
}
.content-avoirs-selected label{
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: 0px;
color: #0E0E2C;
}
.content-avoirs-selected .form-check-inline {
    margin-top: 10px;
    margin-bottom: 0;
}
.form-check-input[type=radio]{
    width: 14px;
    height: 14px;
    margin-top: 4px;
    border: 1px solid #979797;
}
.form-custom-choice .taille input[type=radio],
.form-check:not(.form-switch) .form-check-input[type=radio], 
.dt-checkboxes-cell .form-check-input[type=radio] {
    background-size: 10px;
    background-color: #fff;
    box-shadow: none;
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiMwRjNFOUIiLz4KPC9zdmc+);
}
.form-check-input:checked[type=radio] + label{
    color: #0F3E9B!important;
}
.content-avoirs-selected #avoir_monatantTtc {
    margin-top: 10px;
    max-width: 235px;
    background-color: transparent;
    border-color: #C7CFD6;
    height: 36px;
    color: #515151;
}
.p-t-10 {
    padding-top: 10px!important;
}
.p-b-10{
    padding-bottom: 10px!important;
}
.montant_avoir{
    border-bottom: 1px solid #ECF1F4
}
.content-avoirs-selected .btn{
    width: 112px;
    height: 36px;
    gap: 10px;
    border-radius: 8px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.card-kpidetail .kpi-etails{
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
}
.card-kpidetail .content-header .btn {
    justify-content: space-between;
    border-bottom-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #FFFFFF;
    border-bottom: 1px solid #ECF1F4;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    color: #0E0E2C;
    border-radius: 0;
    width: 100%;
}
.card-kpidetail .nav-align-top .tab-content {
    padding: 0;
}
.card-kpidetail .nav-align-top .panneau-filter {
    padding-right: 0;
    padding-left: 0;
    border-left: 0px solid #ECF1F4;
    border-right: 0px solid #ECF1F4;
}
.kpi-bloc .filter label.btn.btn-outline-primary,
#kpiProject .filter label.btn.btn-outline-primary {
    border: 1px solid #0E0E2C!important;
    color: #0E0E2C!important;
    border-radius: 8px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    height: 32px;
    background-color: transparent!important;
}
.kpi-bloc .btn-outline-primary svg path,
#kpiProject .btn-outline-primary svg path{
    fill: #0E0E2C!important;
}
.kpi-bloc .filter .btn-check:checked + .btn,
.kpi-bloc .filter .btn.btn-outline-primary:hover,
#collapseKpiProjectSpv .filter .btn-check:checked + .btn,
#collapseKpiProjectSpv .filter .btn.btn-outline-primary:hover{
    background-color:#0C67C41F!important;
}
#collapseKpiProjectSpv .filter .btn-check:checked + .btn,
#collapseKpiProjectSpv .filter .btn.btn-outline-primary:hover{
    border: 1px solid #0C67C4!important;
    color: #0C67C4!important;
}
#collapseKpiProjectSpv .filter .btn-check:checked + .btn svg path,
#collapseKpiProjectSpv .filter .btn.btn-outline-primary:hover svg path{
    fill: #0C67C4!important;
}
.kpi-bloc .table thead th ,
#kpiProject .card-item .content .table thead th {
    font-size: 16px;
    color: #0E0E2C;
}
.kpi-bloc .table thead th .dt-column-title ,
#kpiProject .card-item .content .table thead th .dt-column-title {
    font-size: 14px;
}
.kpi-bloc .table tr td.total,
#kpiProject .card-item .content .table tr td.total{
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #475467;
}
.kpi-bloc .table tr .dt-spv,
#kpiProject .card-item .content .table tr .dt-spv{
    color: #0C67C4!important;
    background-color: #fff!important;
}
.kpi-bloc .table tr .dt-developpement,
#kpiProject .card-item .content .table tr .dt-developpement{
    background-color: #FFFECF!important;
}
.kpi-bloc .table tr .dt-construction,
#kpiProject .card-item .content .table tr .dt-construction{
    background-color: #FFEBCF!important;
}
.kpi-bloc .table tr .dt-exploitation,
#kpiProject .card-item .content .table tr .dt-exploitation{
    background-color: #CDEECD!important;
}
.kpi-bloc .card:has(table) ,
#kpiProject .card:has(table) {
    margin-bottom: 0;
}
.kpi-bloc .content-section,
#kpiProject .content-section {
    border: none;
}
#collapseKpiDeveloppeur .filter .btn-check:checked + .btn,
#collapseKpiDeveloppeur .filter .btn.btn-outline-primary:hover,
#collapseKpiTypeProject .filter .btn-check:checked + .btn,
#collapseKpiTypeProject .filter .btn.btn-outline-primary:hover,
#collapseKpiFamille .filter .btn-check:checked + .btn,
#collapseKpiFamille .filter .btn.btn-outline-primary:hover,
.bloc-full #kpiProject .filter .btn-check:checked + .btn,
.bloc-full #kpiProject .filter .btn.btn-outline-primary:hover,
.kpi-bloc .filter .btn-check:checked + .btn,
.kpi-bloc .filter .btn.btn-outline-primary:hover{
    background: #E7EA4B40!important;
}
.bloc-full .card-item .tabs {
    width: 100%;
}
.bloc-full .card-item .content {
    overflow-x: hidden;
}
.bloc-full #kpiProject .card-item .content .table thead th {
    color: #0C67C4;
}
.bloc-full  #kpiProject .card-item .content .table thead th .dt-column-title {
    color: #0E0E2C;
}
.bloc-full  #kpiProject .card-item .content .table tr .dt-spv,
.bloc-full #kpiProject .card-item .content .table tr .dt-developpement,
.bloc-full #kpiProject .card-item .content .table tr .dt-construction,
.bloc-full #kpiProject .card-item .content .table tr .dt-exploitation{
    background-color: #fff !important;
}
.bloc-full .btn-text-primary {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 140%;
    letter-spacing: 0px !important;
    color: #0C67C4 !important;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
.b-t-0{
    border-top-width: 0!important;
}
.b-r-0{
    border-right-width: 0!important;
}
.b-b-0{
    border-bottom-width: 0!important;
}
.b-l-0{
    border-left-width: 0!important;
}
.the-filter #exploitation_centrale_dateMiseService.custom-input-date {
    padding-top: 8px !important;
    max-width: fit-content;
}
#exploitation_select_spv {
    padding: 6px 30px 4px 30px !important;
    color: #0E0E2C !important;
}
.dt-column.sorting_disabled {
    padding-right: 30px !important;
    text-align: right;
}
.field.with-label .form-control:focus{
    border-color: #0C67C4 !important;
    outline: 0;
    box-shadow: 0px 1px 2px 0px #1018280D!important;
    box-shadow: 0px 0px 1px 2px #0C67C424!important;
}
.field.with-label:has(.form-control:focus) .label-field {
    color: #0C67C4;
}
.add-new-bonCommande .item-doc {
    padding-top: 14px;
    padding-bottom: 14px;
}
.icon-calendar {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNNyAxMUg5VjEzSDdWMTFaTTIxIDZWMjBDMjEgMjEuMSAyMC4xIDIyIDE5IDIySDVDMy44OSAyMiAzIDIxLjEgMyAyMEwzLjAxIDZDMi45MSA0LjkgMy44OSA0IDUgNEg2VjJIOFY0SDE2VjJIMThWNEgxOUMyMC4xIDQgMjEgNC45IDIxIDZaTTUgOEgxOVY2SDVWOW0xNCAxMlYxMEg1VjIwSDE5Wk0xNSAxM0gxN1YxMUgxNVYxM1pNMTEgMTNIMTNWMTFIMTFWMTNaIiBmaWxsPSIjOEM4Q0EyIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: right 10px center;
  padding-right: 38px;
}
.select2-results__option {
   /* padding-left: 13px !important;
    position: relative;*/
    background-color: transparent !important;
    /*line-height: normal;
    font-size: 14px;*/
}
.select2-results__option::before {
    /*content: "";
    position: absolute;
    left: 8px;
    top: 9px;
    width: 16px;
    height: 16px;
    border: 1px solid #0F3E9B;
    background-color: #fff;
    border-radius: 2px;*/
}
.select2-results__option[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 11px;
    top: 12px;
    width: 10px;
    height: 10px;
    /*background-color: #0F3E9B;*/
    border-radius: 0px;
}
.select2-selection__choice {
    background-color: #0F3E9B !important;
    border: none !important;
    color: #fff !important;
    padding: 2px 20px 0 10px !important;
    border-radius: 4px !important;
    font-weight: 400;
    font-size: 12px !important;
}
.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: #0C67C4;
    box-shadow: none;
   /* padding-right: 10px !important;*/
}
ul.select2-selection__rendered {
    height: 44px;
    padding: 6px 0 0 5px !important;
}
select#select2Multiple::placeholder {
    /*color: red !important;*/
}
#rapport_centrale_descriptionIntervention.form-control {
    /*min-height: 70px !important;*/
}
.form-custom-choice .taille,
.form-group.form-custom-choice {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 25px;
}
.form-custom-choice .taille,
.form-custom-choice .form-check,
.form-custom-choice .form-check.form-check-inline {
    padding-top: 9px;
    padding-right: 14px;
    padding-bottom: 9px;
    padding-left: 14px;
    border-radius: 8px;
    border-width: 1px;
    background-color: #FFFFFF;
    border: 1px solid #ECF1F4;
    position: relative;
    line-height: normal;
    width: calc(50% - 10px);
}
.inline-two > div{
    width: calc(50% - 10px)!important;
}
.inline-checkbox input[type=checkbox],
.form-custom-choice .taille input[type=radio] ,
.form-custom-choice .form-check-input[type=radio] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    border: 1px solid #979797;
    margin-inline-start: 0;
    margin-right: 15px;
}
.form-custom-choice .taille label,
.form-custom-choice .form-check-label {
    color:#515151;
    text-transform: none;
    font-weight: 500;
    line-height: 140%;
}
.form-group.form-custom-choice small{
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #515151;
}
li.select2-search.select2-search--inline {
    width: 100%;
}
input.select2-search__field {
   /* width: 100% !important;*/
    font-size: 14px !important;
    font-weight: 300 !important;
}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus .select2-search__field {
    /*display: none!important;*/
}
.select2-container--default .select2-selection {
    padding: 0 !important;
}
.btnradio-tabs .form-check-label{
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 8px;
    border-bottom: 2px solid transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}
.filter .btnradio-tabs .btn-check:checked + .form-check-label{
    border-bottom: 2px solid #0C67C4;
}
.revenu_table .dt-search{
    display: none;
}
.statut-a-verifier{
    background: #FBFBFB;
    border: 1px solid #A5ABB3;
    color: #A5ABB3;
}
.statut-a-envoyer{
    background: #FFFAF9;
    border: 1px solid #FC6533;
    color: #FC6533;
}
.the-filter #revenu_datePaiement,
.the-filter #revenu_periodePaiement {
    max-width: 190px;
    min-width: 190px;
}
.inline-two {
    display: flex;
    gap: 20px;
}
.flatpickr-calendar {
    z-index: 1100!important;
}
.h-90,
#addRegleModal .modal-simple .modal-content,
#addRegleListefactureModal .modal-simple  .modal-content{
    height: 90vh!important;
}
.h-90 form,
#addRegleModal form,
#addRegleListefactureModal  .d-flex.flex-column{
    justify-content: space-between;
    height: 100%;
}
#addRegleModal form .d-flex.flex-column{
    gap:26px;
}
#addRegleModal  .add-new-bonCommande textarea.form-control {
    padding-top: 0px !important;
}
.modal-content .btn {
    font-size: 14px;
}
a.btn-text-primary.txt-undeline.txt-normal{
    font-weight: 400;
    font-size: 14px!important;
    line-height: 140%;
    letter-spacing: 0px!important;
    text-decoration: underline;
    text-transform: none;
}
.a-venir{
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
}

#addRegleListefactureModal th.dt-column::after, 
#addRegleListefactureModal th.dt-ordering_asc::after, 
#addRegleListefactureModal th.dt-ordering_desc::after {
    display: none;
}
#addRegleListefactureModal tr td{
    background: #FAFCFE!important;
    border-bottom: 1px solid #ECF1F4!important;
}
#addRegleListefactureModal tr:last-child td{
    background: #BED9F6!important;
}
.panneau-filter.with-input-radio{
    gap: 16px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.h-36{
    height: 36px!important;
}
.panneau-filter.with-input-radio .btn{
    height: 36px!important;
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 8px;
    padding-left: 14px;
}
.main-content-rapports .picto-action {
    margin-top: -3px;
}
.table-exploitation-rapport tr th:nth-child(2) {
    min-width: 200px !important;
}
.table-exploitation-rapport tr th:nth-child(3) {
    min-width: 300px !important;
}
.table-exploitation-rapport tr th:nth-child(4) {
    min-width: 236px !important;
}
.table-exploitation-rapport tr th:nth-child(5),
.table-exploitation-rapport tr th:nth-child(6) {
    min-width: 190px !important;
}
.table-exploitation-rapport tr th:nth-child(7),
.table-exploitation-rapport tr th:nth-child(8){
    min-width: 230px !important;
}
.select2-dropdown.select2-dropdown--below {
   /*width: auto !important;**/
    /* min-width: fit-content;*/
}
.custom-select2 .select2-search.select2-search--inline {
    line-height: normal !important;
    padding: 0;
}
.custom-select2 ul.select2-selection__rendered{
    display: inline!important;
}
.custom-select2 .select2-selection__choice {
    padding: 0px 20px 0 10px !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
}
.custom-select2 .select2-selection.select2-selection--multiple {
    padding-left: 30px !important;
}
.custom-select2 .select2-selection.select2-selection--multiple{
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2217_4407)%22%3E%3Cpath%20d%3D%22M0%2016L1.7%207.5H15.3L17%2016H0ZM0.85%200.7V-1H3.4V0.7H0.85ZM2.0825%2014.3H7.65V12.6H2.4225L2.0825%2014.3ZM3.50625%205.22625L2.295%204.03625L4.10125%202.23L5.3125%203.42L3.50625%205.22625ZM2.7625%2010.9H7.65V9.2H3.1025L2.7625%2010.9ZM8.5%203.25C7.32417%203.25%206.32188%202.83562%205.49312%202.00688C4.66437%201.17812%204.25%200.175833%204.25%20-1H5.95C5.95%20-0.291667%206.19792%200.310417%206.69375%200.80625C7.18958%201.30208%207.79167%201.55%208.5%201.55C9.20833%201.55%209.81042%201.30208%2010.3063%200.80625C10.8021%200.310417%2011.05%20-0.291667%2011.05%20-1H12.75C12.75%200.175833%2012.3356%201.17812%2011.5069%202.00688C10.6781%202.83562%209.67583%203.25%208.5%203.25ZM7.65%206.65V4.1H9.35V6.65H7.65ZM9.35%2014.3H14.9175L14.5775%2012.6H9.35V14.3ZM9.35%2010.9H14.2375L13.8975%209.2H9.35V10.9ZM13.4938%205.22625L11.7087%203.42L12.8988%202.23L14.705%204.015L13.4938%205.22625ZM13.6%200.7V-1H16.15V0.7H13.6Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2217_4407%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 0.75rem center;
  background-size: 1rem 1rem;
  padding-left: 2rem; /* pour ne pas que le texte chevauche l'icône */
  border-color: #8C8CA1;
}
.custom-select2 input.select2-search__field {
    min-width: 90px;
    padding-left: 5px !important;
}

.modal input.select2-search__field {
   width: 100% !important;
}
.custom-select2 .select2-container--default .select2-selection{
    box-shadow: none!important;
}
.custom-select2 .select2-container--default .select2-selection--multiple {
    min-block-size: 32px;
}
.custom-select2 .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}
.custom-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-block-start: 3px;
}
.custom-select2 .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice {
    margin-block-start: 2px;
}
#Select_objectIntervention,
#suiviRapport:not(.custom-form),
#isPerteProduction {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 30px !important;
    padding-right: 20px !important;
}
.select2-selection__choice+li.select2-search.select2-search--inline {
    display: none;
}
#Select_objectIntervention,
#suiviRapport,
#isPerteProduction {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2217_7476)%22%3E%3Cpath%20d%3D%22M10.6027%208.70036L9.18848%2010.1146L13.1859%2014.112L14.6001%2012.6978L10.6027%208.70036Z%22%20fill%3D%22%234A4A68%22/%3E%3Cpath%20d%3D%22M11.6671%206.66664C12.9537%206.66664%2014.0004%205.61997%2014.0004%204.3333C14.0004%203.94664%2013.8937%203.58664%2013.7271%203.26664L11.9271%205.06664L10.9337%204.0733L12.7337%202.2733C12.4137%202.10664%2012.0537%201.99997%2011.6671%201.99997C10.3804%201.99997%209.33372%203.04664%209.33372%204.3333C9.33372%204.60664%209.38706%204.86664%209.47372%205.10664L8.24039%206.33997L7.05372%205.1533L7.52706%204.67997L6.58706%203.73997L8.00039%202.32664C7.22039%201.54664%205.95372%201.54664%205.17372%202.32664L2.81372%204.68664L3.75372%205.62664H1.87372L1.40039%206.09997L3.76039%208.45997L4.23372%207.98664V6.09997L5.17372%207.03997L5.64706%206.56664L6.83372%207.7533L1.89372%2012.6933L3.30706%2014.1066L10.8937%206.52664C11.1337%206.6133%2011.3937%206.66664%2011.6671%206.66664Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2217_7476%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 16px;
  padding-left: 32px !important; /* espace à gauche pour pas chevaucher l’icône */
  border-color: #8C8CA1;
color: #4A4A72 !important;
font-weight: 300;
width: auto;
}
input.select2-search__field::placeholder {
    color: #4A4A72 !important;
}
td.text-center.text-muted {
    color: #000;
    text-align: left !important;
}
#suiviRapport {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2217_7471)%22%3E%3Cpath%20d%3D%22M9.33301%204.00002L8.66634%202.66669H3.33301V14H4.66634V9.33335H7.99967L8.66634%2010.6667H13.333V4.00002H9.33301ZM11.9997%209.33335H9.33301L8.66634%208.00002H4.66634V4.00002H7.99967L8.66634%205.33335H11.9997V9.33335Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2217_7471%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}
#isPerteProduction {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2217_7213)'%3E%3Cpath d='M7.03366 12.1333L10.4837 7.99998H7.81699L8.30033 4.21665L5.21699 8.66665H7.53366L7.03366 12.1333ZM5.33366 14.6666L6.00033 9.99998H2.66699L8.66699 1.33331H10.0003L9.33366 6.66665H13.3337L6.66699 14.6666H5.33366Z' fill='%23232323'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2217_7213'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.regle-oui{
    background-color: #F8FDFB;
    border: 1px solid #3FAC57;
    color: #3FAC57;
}
.regle-non{
    background-color: #FFFAF9;
    border: 1px solid #FC6533;
    color: #FC6533;
}
.auto-width-input {
  width: auto;
  min-width: 100px; /* pour éviter qu’il soit trop petit */
  padding-right: 2rem; /* pour l’icône Flatpickr */
}
.the-filter .custom-input-date.auto-width-input {
    max-width: 100%;
    min-width: 100px;
    font-size: 14px;
    font-weight: 400;
}
.custom-select2 #selecteSpvLoyersMultiple + .select2 .select2-selection.select2-selection--multiple
 {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2217_8342)%22%3E%3Cpath%20d%3D%22M4.33301%207.33331H2.99967V12H4.33301V7.33331ZM8.33301%207.33331H6.99967V12H8.33301V7.33331ZM13.9997%2013.3333H1.33301V14.6666H13.9997V13.3333ZM12.333%207.33331H10.9997V12H12.333V7.33331ZM7.66634%202.83998L11.1397%204.66665H4.19301L7.66634%202.83998ZM7.66634%201.33331L1.33301%204.66665V5.99998H13.9997V4.66665L7.66634%201.33331Z%22%20fill%3D%22%234A4A68%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2217_8342%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 16px 16px;
    padding-left: 32px; /* espace à gauche pour le SVG */
}
.b-t-1{
    border-top: 1px solid #ECF1F4;
}
.b-b-1,
.card-body .data.b-b-1:last-of-type {
    border-bottom: 1px solid #ECF1F4;
}
.projet-fields.p-0 .row.full-width.m-0{
    gap: 20px;
}
.projet-fields.p-0 .row.full-width.m-0 .col-md-3 {
    flex: 1;
    width: 25%;
}
.flex-1-0-0{
    display: flex;
    flex: 1 0 0%;
}
.facture_etat{
    gap: 20px;
    padding-left: 10px;
}
.form-custom-choice .form-check:has(input:checked) ,
.form-custom-choice .form-check.form-check-inline:has(input:checked) {
    border: 1px solid #0C67C4;
}
.form-custom-choice .form-check .form-check-input:checked,
.form-custom-choice .form-check.form-check-inline .form-check-input:checked{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' fill='%230C67C4'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='%230C67C4'/%3E%3Crect x='6' y='6' width='8' height='8' rx='4' fill='white'/%3E%3C/svg%3E");
    background-size: 20px;
    border-color: #0C67C4;
}
input.form-control.filter-input {
    padding: 5px !important;
    font-size: 14px;
    height: 30px;
}
.projet-fields.p-0 .row.full-width.m-0 .col-md-4 {
    /*flex: 1;*/
}
.linkUpload{
    cursor: poInter, sans-serif;
}
.h-42 {
    height: 42px;
}
.select-with-icon{
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 16px;
    padding-left: 32px !important;
    border-color: #8C8CA1;
    color: #4A4A72 !important;
    font-weight: 300;
    width: auto;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 20px !important;
}
.icon-user{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2279_10531)%22%3E%3Cpath%20d%3D%22M8.33268%202C5.20468%202%202.66602%204.53867%202.66602%207.66667C2.66602%2010.7947%205.20468%2013.3333%208.33268%2013.3333C11.4607%2013.3333%2013.9993%2010.7947%2013.9993%207.66667C13.9993%204.53867%2011.4607%202%208.33268%202ZM5.53902%2011.2253C5.78268%2010.7153%207.26735%2010.2167%208.33268%2010.2167C9.39802%2010.2167%2010.8883%2010.7153%2011.1263%2011.2253C10.3557%2011.8373%209.38668%2012.2%208.33268%2012.2C7.27868%2012.2%206.30968%2011.8373%205.53902%2011.2253ZM11.9367%2010.4037C11.1263%209.41767%209.16002%209.08333%208.33268%209.08333C7.50535%209.08333%205.53902%209.41767%204.72868%2010.4037C4.15068%209.64433%203.79935%208.698%203.79935%207.66667C3.79935%205.16767%205.83368%203.13333%208.33268%203.13333C10.8317%203.13333%2012.866%205.16767%2012.866%207.66667C12.866%208.698%2012.5147%209.64433%2011.9367%2010.4037ZM8.33268%204.26667C7.23335%204.26667%206.34935%205.15067%206.34935%206.25C6.34935%207.34933%207.23335%208.23333%208.33268%208.23333C9.43202%208.23333%2010.316%207.34933%2010.316%206.25C10.316%205.15067%209.43202%204.26667%208.33268%204.26667ZM8.33268%207.1C7.86235%207.1%207.48268%206.72033%207.48268%206.25C7.48268%205.77967%207.86235%205.4%208.33268%205.4C8.80302%205.4%209.18268%205.77967%209.18268%206.25C9.18268%206.72033%208.80302%207.1%208.33268%207.1Z%22%20fill%3D%22%234A4A68%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2279_10531%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
 }
 .badge.role {
    height: 21px;
    line-height: 100%;
    text-transform: none;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 6px;
    font-weight: 400;
    border-width: 1px;
    border: 1px solid;
    color: #4A4A68;
    border-color: #4A4A68;
    background-color: transparent;
    vertical-align: middle;
}
.statut-user{
    height: 21px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 24px;
    border-width: 1px;
    border-radius: 6px;
    border: 1px solid #8C8CA1;
    font-weight: 400;
    font-style: Medium;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #8C8CA1;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    background-position: 5px center;
    display: inline-block;
}
.statut-user.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI1LjU3MjI3IiBjeT0iNSIgcj0iNSIgZmlsbD0iIzNGQUM1NyIvPjwvc3ZnPg==);
}
.statut-user.desactive {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI1LjU3MjI3IiBjeT0iNSIgcj0iNSIgZmlsbD0iI0RBMTQxNCIvPjwvc3ZnPg==");
}
.dt-cell .btn-icon.dropdown-toggle {
    border-radius: 4px !important;
    width: 24px;
    height: 24px;
}
.dt-cell .btn-icon.dropdown-toggle.show {
    background-color: #0C67C41F;
}
.dt-cell .btn-group .btn-icon.dropdown-toggle.show  svg path {
    stroke: #0C67C4!important;
}
.gap-26{
    gap: 26px;
}
.all-form-check {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 par ligne */
  gap: 17px 17px; /* ligne-colonne */
  padding: 17px 0 0;
}
.form-custom-choice .taille,
.form-custom-choice .all-form-check .form-check.form-check-inline {
    width: 100%;
    margin: 0;
}
.inline-checkbox  label,
.form-custom-choice .taille label,
.form-custom-choice .all-form-check .form-check-label {
    font-weight: 400;
    line-height: 140%;
    font-size: 14px;
}
.inline-checkbox input[type=checkbox],
.form-custom-choice .taille input[type=radio] ,
.form-custom-choice .all-form-check .form-check-input[type=radio] {
    margin-right: 10px;
}
.spv-bloc .nav-pills {
    border-width: 1px;
    padding-top: 13px;
    padding-right: 24px;
    padding-bottom: 13px;
    padding-left: 24px;
    gap: 20px;
    background-color: #FAFCFE;
    border: 1px solid #ECF1F4;
    margin: 0 !important;
}

.spv-bloc.card-item .nav-pills .nav-link{
font-weight: 400;
font-size: 16px;
line-height: 140%;
letter-spacing: 0px;
color: #0E0E2C;
}
.spv-bloc.card-item .nav-pills .nav-link:hover {
    box-shadow: none;
    color: #0C67C4;
    background-color: transparent;
}
.spv-bloc.card-item .nav-pills .nav-link.active {
    box-shadow: none;
    color: #0C67C4;
    border-bottom: 3px solid #0C67C4;
    background-color: transparent;
}
.svp-block .card {
    gap: 19px;
    padding-top: 20px;
    padding-right: 23px;
    padding-bottom: 20px;
    padding-left: 23px;
    border-width: 1px;
    background: #FAFCFE;
    border:none;
}
.svp-block .card:not(last-of-type) {
    border-top: none;
}
.svp-block .card-head {
    display: flex;
    gap: 10px;
}
.svp-block .title {
    gap: 10px;
    text-transform: none;
}
.svp-block .title h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: normal;
    color: #0E0E2C;
    margin: 0;
    padding: 0;
}
body:has(.main-content.bg-ghost) {
    background: #FAFCFE !important;
}
.svp-block .data .form-group.form-custom-choice,
.svp-block .note-interne{
    width: 50%;
}
.svp-block .form-custom-choice .form-check.form-check-inline{
    margin-bottom: 0;
}
.svp-block .form-custom-choice .form-check.form-check-inline label{
   font-size: 16px;
}
.note-interne{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: right;
    vertical-align: middle;
    color: #4A4A68 !important;
}
.icon-statut {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20clip-path%3D'url(%23clip0_2279_18185)'%3E%3Cpath%20d%3D'M9.33398%203.99984L8.66732%202.6665H3.33398V13.9998H4.66732V9.33317H8.00065L8.66732%2010.6665H13.334V3.99984H9.33398ZM12.0007%209.33317H9.33398L8.66732%207.99984H4.66732V3.99984H8.00065L8.66732%205.33317H12.0007V9.33317Z'%20fill%3D'%234A4A68'/%3E%3Cpath%20d%3D'M9.33398%203.99984L8.66732%202.6665H3.33398V13.9998H4.66732V9.33317H8.00065L8.66732%2010.6665H13.334V3.99984H9.33398ZM12.0007%209.33317H9.33398L8.66732%207.99984H4.66732V3.99984H8.00065L8.66732%205.33317H12.0007V9.33317Z'%20fill%3D'black'%20fill-opacity%3D'0.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_2279_18185'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
  padding-left: 36px; /* espace pour l’icône */
}
.the-filter #spv_datePaiement.custom-input-date {
    max-width: 135px;
}
.alert-item .link-action {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease, max-height 0.4s ease;
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
.link-action li {
    margin-top: 10px;
}
/* Au hover du bloc */
.alert-item:hover .link-action {
    opacity: 1;
    max-height: 40px; /* ajuste selon la hauteur de tes boutons */
}
.nav-align-top .panneau-filter .the-filter input.form-control {
    height: 32px;
}

.card-item .card-item-top .link-action ul {
    align-items: center;
}
.card-item .card-item-top .link-action ul .btn-action.dropdown-toggle{
    height: 34px;
}
.dt-buttons .dt-button-collection {
    right: 52px;
    left: inherit;
    top: 178px;
    padding: 4px 0px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E4E7EC;
    box-shadow: none;
    margin: 0 !important;
    width: auto;
}
.dt-buttons .dt-button-collection .dt-button {
    padding-top: 8px;
    padding-right: 50px;
    padding-bottom: 8px;
    padding-left: 12px;
    line-height: normal;
}
.dt-button-collection .dt-button span {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.link-setting .dt-button-collection .buttons-columnVisibility::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    transform: none;
    width: 29px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2729%27%20height%3D%2716%27%20viewBox%3D%270%200%2029%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cg%20clip-path%3D%27url(%23clip0_238_16480)%27%3E%3Crect%20width%3D%2728.8%27%20height%3D%2716%27%20rx%3D%278%27%20fill%3D%27%238C8CA2%27/%3E%3Cg%20filter%3D%27url(%23filter0_dd_238_16480)%27%3E%3Crect%20x%3D%271.6001%27%20y%3D%271.59998%27%20width%3D%2712.8%27%20height%3D%2712.8%27%20rx%3D%276.4%27%20fill%3D%27%23FAFCFE%27/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%27filter0_dd_238_16480%27%20x%3D%27-1.3999%27%20y%3D%27-0.400024%27%20width%3D%2718.7998%27%20height%3D%2718.8%27%20filterUnits%3D%27userSpaceOnUse%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeFlood%20flood-opacity%3D%270%27%20result%3D%27BackgroundImageFix%27/%3E%3CfeColorMatrix%20in%3D%27SourceAlpha%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%27%20result%3D%27hardAlpha%27/%3E%3CfeOffset%20dy%3D%271%27/%3E%3CfeGaussianBlur%20stdDeviation%3D%271%27/%3E%3CfeComposite%20in2%3D%27hardAlpha%27%20operator%3D%27out%27/%3E%3CfeColorMatrix%20type%3D%27matrix%27%20values%3D%270%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.06%200%27/%3E%3CfeBlend%20mode%3D%27normal%27%20in2%3D%27BackgroundImageFix%27%20result%3D%27effect1_dropShadow_238_16480%27/%3E%3CfeColorMatrix%20in%3D%27SourceAlpha%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%27%20result%3D%27hardAlpha%27/%3E%3CfeOffset%20dy%3D%271%27/%3E%3CfeGaussianBlur%20stdDeviation%3D%271.5%27/%3E%3CfeComposite%20in2%3D%27hardAlpha%27%20operator%3D%27out%27/%3E%3CfeColorMatrix%20type%3D%27matrix%27%20values%3D%270%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.1%200%27/%3E%3CfeBlend%20mode%3D%27normal%27%20in2%3D%27effect1_dropShadow_238_16480%27%20result%3D%27effect2_dropShadow_238_16480%27/%3E%3CfeBlend%20mode%3D%27normal%27%20in%3D%27SourceGraphic%27%20in2%3D%27effect2_dropShadow_238_16480%27%20result%3D%27shape%27/%3E%3C/filter%3E%3CclipPath%20id%3D%27clip0_238_16480%27%3E%3Crect%20width%3D%2728.8%27%20height%3D%2716%27%20rx%3D%278%27%20fill%3D%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.link-setting .dt-button-collection .buttons-columnVisibility.dt-button-active::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2729%27%20height%3D%2716%27%20viewBox%3D%270%200%2029%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cg%20clip-path%3D%27url(%23clip0_238_16430)%27%3E%3Crect%20width%3D%2728.8%27%20height%3D%2716%27%20rx%3D%278%27%20fill%3D%27%230C67C4%27/%3E%3Cg%20filter%3D%27url(%23filter0_dd_238_16430)%27%3E%3Crect%20x%3D%2714.3999%27%20y%3D%271.59998%27%20width%3D%2712.8%27%20height%3D%2712.8%27%20rx%3D%276.4%27%20fill%3D%27%23FAFCFE%27/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%27filter0_dd_238_16430%27%20x%3D%2711.9999%27%20y%3D%27-2.44975e-05%27%20width%3D%2717.5998%27%20height%3D%2717.6%27%20filterUnits%3D%27userSpaceOnUse%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeFlood%20flood-opacity%3D%270%27%20result%3D%27BackgroundImageFix%27/%3E%3CfeColorMatrix%20in%3D%27SourceAlpha%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%27%20result%3D%27hardAlpha%27/%3E%3CfeOffset%20dy%3D%270.8%27/%3E%3CfeGaussianBlur%20stdDeviation%3D%270.8%27/%3E%3CfeComposite%20in2%3D%27hardAlpha%27%20operator%3D%27out%27/%3E%3CfeColorMatrix%20type%3D%27matrix%27%20values%3D%270%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.06%200%27/%3E%3CfeBlend%20mode%3D%27normal%27%20in2%3D%27BackgroundImageFix%27%20result%3D%27effect1_dropShadow_238_16430%27/%3E%3CfeColorMatrix%20in%3D%27SourceAlpha%27%20type%3D%27matrix%27%20values%3D%270%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%27%20result%3D%27hardAlpha%27/%3E%3CfeOffset%20dy%3D%270.8%27/%3E%3CfeGaussianBlur%20stdDeviation%3D%271.2%27/%3E%3CfeComposite%20in2%3D%27hardAlpha%27%20operator%3D%27out%27/%3E%3CfeColorMatrix%20type%3D%27matrix%27%20values%3D%270%200%200%200%200.0627451%200%200%200%200%200.0941176%200%200%200%200%200.156863%200%200%200%200.1%200%27/%3E%3CfeBlend%20mode%3D%27normal%27%20in2%3D%27effect1_dropShadow_238_16430%27%20result%3D%27effect2_dropShadow_238_16430%27/%3E%3CfeBlend%20mode%3D%27normal%27%20in%3D%27SourceGraphic%27%20in2%3D%27effect2_dropShadow_238_16430%27%20result%3D%27shape%27/%3E%3C/filter%3E%3CclipPath%20id%3D%27clip0_238_16430%27%3E%3Crect%20width%3D%2728.8%27%20height%3D%2716%27%20rx%3D%278%27%20fill%3D%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 20px;
}
.progress .progress-bar:last-child, .progress .progress-bar:first-child {
    border-end-start-radius: 50px;
    border-start-start-radius: 50px;
    box-shadow: none;
}
.dropdown-menu.spv-actions .list-action li a {
    padding-right: 12px!important;
    padding-left: 12px!important;
}
.spv-actions .dropdown-item:hover, 
.spv-actions .dropdown-item:focus {
    background-color: transparent;
}
.searchFacturePaiementSepa,
#dt-search-0,
.nav-align-top div#id-datatable-project-dashboard_wrapper .panneau-filter .the-filter input.form-control {
      background-size: 20px;
    padding-right: 35px;
    width: 252px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNzQyXzI4NzA2KSI+PHBhdGggZD0iTTEyLjkxNjcgMTEuNjY2N0gxMi4yNTgzTDEyLjAyNSAxMS40NDE3QzEyLjg0MTcgMTAuNDkxNyAxMy4zMzMzIDkuMjU4MzMgMTMuMzMzMyA3LjkxNjY3QzEzLjMzMzMgNC45MjUgMTAuOTA4MyAyLjUgNy45MTY2NyAyLjVDNC45MjUgMi41IDIuNSA0LjkyNSAyLjUgNy45MTY2N0MyLjUgMTAuOTA4MyA0LjkyNSAxMy4zMzMzIDcuOTE2NjcgMTMuMzMzM0M5LjI1ODMzIDEzLjMzMzMgMTAuNDkxNyAxMi44NDE3IDExLjQ0MTcgMTIuMDI1TDExLjY2NjcgMTIuMjU4M1YxMi45MTY3TDE1LjgzMzMgMTcuMDc1TDE3LjA3NSAxNS44MzMzTDEyLjkxNjcgMTEuNjY2N1pNNy45MTY2NyAxMS42NjY3QzUuODQxNjcgMTEuNjY2NyA0LjE2NjcgOS45OTE2NyA0LjE2NjcgNy45MTY2N0M0LjE2NjcgNS44NDE2NyA1Ljg0MTY3IDQuMTY2NyA3LjkxNjY3IDQuMTY2N0M5Ljk5MTY3IDQuMTY2NyAxMS42NjY3IDUuODQxNjcgMTEuNjY2NyA3LjkxNjY3QzExLjY2NjcgOS45OTE2NyA5Ljk5MTY3IDExLjY2NjcgNy45MTY2NyAxMS42NjY3WiIgZmlsbD0iIzMyMzIzMiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzc0Ml8yODcwNiI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
}
.panneau-filter .select2-container .select2-search--inline {
    padding-top: 1px;
}
.divDashboardGlobal.card.card-item.projet-table {
    padding-bottom: 0;
    margin-bottom: 0;
}
.divDashboardGlobal.card-item .content {
    padding-bottom: 20px;
}
input.numInput.cur-year {
    min-width: 70px;
}
a.lindDev.btn.btn-outline-secondary {
    border-color: #8C8CA1;
    height: 32px;
    gap: 6px;
    border-radius: 8px;
    border-width: 1px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    background-color: #fff;
}
a.lindDev.btn.btn-outline-secondary:hover,
a.lindDev.aciveLickDev.btn.btn-outline-secondary{
    background-color: #E7EA4B40!important;
    border-color: #8C8CA1!important;
    color: #0E0E2C!important;
}
.card-item .content .table thead th.newprojectdev {
    background-color: #DEDEE9 !important;
    color: #1E1B39 !important;
    font-weight: 400;
    font-size: 14px;
}
.wrappe-bloc .card-datatable .table:not(.table-borderless):not(.dataTable) thead tr:first-child th {
    border-block-start-width: 0;
}
.suiviProjectGraphiqueGlobal {
    width: 100%;
}
.suiviProjectGraphiqueBloc {
    height: 44px;
    display: flex;
    margin: 5px;
}
.suiviProjectGraphiqueBlocNumber.value-total {
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.suiviProjectGraphiqueBlocDev {
    border-radius: 4px;
}
.form-control-custom {
    border-radius: 8px;
    border-width: 1px;
    padding-top: 0 !important;
    padding-right: 10px;
    padding-bottom: 0 !important;
    padding-left: 35px !important;
    border: 1px solid #8C8CA1;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #344054;
    width: auto!important;
}
.form-control:focus, .was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid {
    border-width: 1px;
}
.icon-dev {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'><g clip-path='url(%23clip0_2507_2940)'><path d='M10.6027 9.6693L9.18848 11.0835L13.1859 15.081L14.6001 13.6668L10.6027 9.6693Z' fill='%234A4A68'/><path d='M11.6666 7.63545C12.9532 7.63545 13.9999 6.58878 13.9999 5.30212C13.9999 4.91545 13.8932 4.55545 13.7266 4.23545L11.9266 6.03545L10.9332 5.04212L12.7332 3.24212C12.4132 3.07545 12.0532 2.96878 11.6666 2.96878C10.3799 2.96878 9.33324 4.01545 9.33324 5.30212C9.33324 5.57545 9.38657 5.83545 9.47324 6.07545L8.2399 7.30878L7.05324 6.12212L7.52657 5.64878L6.58657 4.70878L7.9999 3.29545C7.2199 2.51545 5.95324 2.51545 5.17324 3.29545L2.81324 5.65545L3.75324 6.59545H1.87324L1.3999 7.06878L3.7599 9.42878L4.23324 8.95545V7.06878L5.17324 8.00878L5.64657 7.53545L6.83324 8.72212L1.89324 13.6621L3.30657 15.0754L10.8932 7.49545C11.1332 7.58212 11.3932 7.63545 11.6666 7.63545Z' fill='%234A4A68'/></g><defs><clipPath id='clip0_2507_2940'><rect width='16' height='16' fill='white' transform='translate(0 0.96875)'/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 16px 16px;
  padding-left: 35px; /* décale le texte pour laisser la place à l’icône */
}
#navs-top-rapport-hebdo .the-filter input {
    font-weight: 400;
    color: #344054;
    height: 32px;
}
#navs-top-rapport-hebdo label.btn.btn-outline-primary {
    height: 32px;
    color: #344054;
}
.icon-alertes {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2507_2950)%22%3E%3Cpath%20d%3D%22M7.84211%203.53875L14.5795%2015.1793H1.10474L7.84211%203.53875ZM7.84211%20-0.03125L-2%2016.9688H17.6842L7.84211%20-0.03125ZM8.73684%2012.4951H6.94737V14.2845H8.73684V12.4951ZM8.73684%207.12664H6.94737V10.7056H8.73684V7.12664Z%22%20fill%3D%22%234A4A68%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2507_2950%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.96875)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 16px 16px;
  padding-left: 35px;
}
.nav:not(.nav-pills) .nav-link:hover, .nav:not(.nav-pills) .nav-link:focus {
    color: #0C67C4 !important;
}
.text-nowrap.table th,
.table thead tr th {
    white-space: nowrap !important;
    vertical-align: middle;
}
.card .table td a{
   color: #0E0E2C !important;
   font-weight: 300!important;
}
.multifilter .dt-button-collection {
    top: -10px;
    right: 24px;
    left: initial;
}
#DataTables_Table_0_processing {
    padding: 15px 24px;
    border-radius: 0;
}
.table thead tr th {
    padding-block: 0;
    height: 50px;
    padding-left: 20px;
}
.table thead tr th:first-child,
.table tbody tr td:first-child{
    padding-left: 24px;
}
.table thead tr th:last-child, 
.table tbody tr td:last-child{
    padding-right: 24px;
    text-align: right !important;
}
.table tbody tr td:last-child{
    text-align: right!important;
}
.table tbody tr td {
    white-space: nowrap;
    font-size: 14px!important;
    font-weight: 300;
}
.b-b-1{
    border-bottom: 1px solid #ECF1F4!important;
}
.b-t-1{
    border-top: 1px solid #ECF1F4!important;
}
.table-pagination{
    height: 64px;
    justify-content: space-between;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
}
.dt-length {
    display: flex;
    gap: 12px;
    align-items: center;
}
.dt-length label,
.dt-length .form-select {
    color: #0E0E2C !important;
    font-size: 14px !important;
}
.dt-length .form-select {
    height: 30px;
    padding: 0 15px;
    min-width: 60px;
    border-color: #ECF1F4;
}
.icon-select, .dt-length .form-select {
    appearance: none;
    background-image: url(data:image/svg+xml;utf8,<svg fill="%23323232" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.8335 7.5L10.0002 11.6667L14.1668 7.5H5.8335Z"/></svg>);
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 20px;
    padding-right: 10px;
    cursor: poInter, sans-serif;
}
.col-md-6.col {
    flex: 1 0 0%;
    width: 50%;
}
.layout-page, .content-wrapper, .content-wrapper > *, .layout-menu {
    min-block-size: 0;
}
.spanInput {
    color: #8C8CA1;
    font-size: 12px;
    font-weight: 300;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    display: flex;
    padding-right: 15px;
    align-items: center;
    margin-right: 10px;
}
.hide {
    display: none;
}
#project_dateArretePc + .form-group.form-check-primary ,
#project_dateT0Date + .form-group.form-check-primary,
.form-group.form-check-primary {
    display: flex;
    margin: 10px 0 0 0;
}
.form-check-primary .form-check-input {
    --bs-form-check-input-checked-bg: #0C67C4 !important;
    --bs-form-check-input-checked-border-color: #0C67C4 !important;
    --bs-form-check-shadow-color: #0C67C4 !important;
}
#project_dateArretePc + .form-group.form-check-primary .form-check,
#project_dateT0Date + .form-group.form-check-primary .form-check,
.form-group.form-check-primary .form-check {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: auto;
}
#project_dateArretePc  + .form-group.form-check-primary .form-label ,
#project_dateT0Date + .form-group.form-check-primary .form-label,
.form-group.form-check-primary .form-label {
    margin: 0 0 1px;
    display: flex;
    align-items: flex-end;
    line-height: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: inline;
}
.custom-select2 .select2-search__field {
    margin-top: 0px !important;
}
.custom-select2 .select2-container--classic .select2-selection__choice, 
.custom-select2 .select2-container--default .select2-selection__choice {
    margin-top: 3px !important;
}
.select2-container--default.select2-container--focus .select2-selection, 
.select2-container--default.select2-container--open .select2-selection {
    border-width: 1px;
}
.select2-container--default .select2-results__option {
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    cursor: poInter, sans-serif;
    padding: 5px 15px 5px 10px !important;
    line-height: 140%;
    white-space: normal;
    max-width: 250px;
}
.custom-select2 .select2-results__option[aria-selected=true]::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.custom-select2  .select2-container .select2-selection.select2-selection--multiple {
  display: inline-block;
  padding-left: 24px; /* espace pour l'icône */
  background-size: 16px 16px;
  line-height: 1.5;
}
.form-select.icon-spv {
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 16px 16px;
    line-height: 30px;
    height: 32px;
    padding-right: 40px;
    color: #4A4A68 !important;
    font-weight: 300;
}
.form-select.icon-spv,
.custom-select2 .icon-spv + .select2-container .select2-selection.select2-selection--multiple {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2656_15936)%22%3E%3Cpath%20d%3D%22M4.33331%207.33331H2.99998V12H4.33331V7.33331ZM8.33331%207.33331H6.99998V12H8.33331V7.33331ZM14%2013.3333H1.33331V14.6666H14V13.3333ZM12.3333%207.33331H11V12H12.3333V7.33331ZM7.66665%202.83998L11.14%204.66665H4.19331L7.66665%202.83998ZM7.66665%201.33331L1.33331%204.66665V5.99998H14V4.66665L7.66665%201.33331Z%22%20fill%3D%22%234A4A68%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2656_15936%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-control.icon-date,
.form-control.daterangepickerCustom,
.form-control.daterangepickerCustomSpv,
.form-control.searchTabDate.form-control.input,
.custom-select2 .icon-dev + .select2-container .select2-selection.select2-selection--multiple {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20fill%3D'none'%3E%3Cg%20clip-path%3D'url(%23clip0_2656_17962)'%3E%3Cpath%20d%3D'M4.66667%207.33331H6V8.66665H4.66667V7.33331ZM14%203.99998V13.3333C14%2014.0666%2013.4%2014.6666%2012.6667%2014.6666H3.33333C2.59333%2014.6666%202%2014.0666%202%2013.3333L2.00667%203.99998C2.00667%203.26665%202.59333%202.66665%203.33333%202.66665H4V1.33331H5.33333V2.66665H10.6667V1.33331H12V2.66665H12.6667C13.4%202.66665%2014%203.26665%2014%203.99998ZM3.33333%205.33331H12.6667V3.99998H3.33333V5.33331ZM12.6667%2013.3333V6.66665H3.33333V13.3333H12.6667Z'%20fill%3D'%234A4A68'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_2656_17962'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.custom-select2 #statusFoncier1 + .select2-container .select2-selection.select2-selection--multiple,
.custom-select2 #statusAdministratifProject + .select2-container .select2-selection.select2-selection--multiple,
.custom-select2 .icon-statut-tracker + .select2-container .select2-selection.select2-selection--multiple {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2656_18370)%22%3E%3Cpath%20d%3D%22M9.33331%204.00002L8.66665%202.66669H3.33331V14H4.66665V9.33335H7.99998L8.66665%2010.6667H13.3333V4.00002H9.33331ZM12%209.33335H9.33331L8.66665%208.00002H4.66665V4.00002H7.99998L8.66665%205.33335H12V9.33335Z%22%20fill%3D%22%234A4A68%22/%3E%3Cpath%20d%3D%22M9.33331%204.00002L8.66665%202.66669H3.33331V14H4.66665V9.33335H7.99998L8.66665%2010.6667H13.3333V4.00002H9.33331ZM12%209.33335H9.33331L8.66665%208.00002H4.66665V4.00002H7.99998L8.66665%205.33335H12V9.33335Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M9.33331%204.00002L8.66665%202.66669H3.33331V14H4.66665V9.33335H7.99998L8.66665%2010.6667H13.3333V4.00002H9.33331ZM12%209.33335H9.33331L8.66665%208.00002H4.66665V4.00002H7.99998L8.66665%205.33335H12V9.33335Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M9.33331%204.00002L8.66665%202.66669H3.33331V14H4.66665V9.33335H7.99998L8.66665%2010.6667H13.3333V4.00002H9.33331ZM12%209.33335H9.33331L8.66665%208.00002H4.66665V4.00002H7.99998L8.66665%205.33335H12V9.33335Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M9.33331%204.00002L8.66665%202.66669H3.33331V14H4.66665V9.33335H7.99998L8.66665%2010.6667H13.3333V4.00002H9.33331ZM12%209.33335H9.33331L8.66665%208.00002H4.66665V4.00002H7.99998L8.66665%205.33335H12V9.33335Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2656_18370%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.custom-select2 .icon-resp-construction + .select2-container .select2-selection.select2-selection--multiple,
.custom-select2 .icon-resp-developement + .select2-container .select2-selection.select2-selection--multiple {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2656_18370)'%3E%3Cpath d='M9.33331 4.00002L8.66665 2.66669H3.33331V14H4.66665V9.33335H7.99998L8.66665 10.6667H13.3333V4.00002H9.33331Z' fill='%234A4A68'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2656_18370'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.button-dev::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' ... %3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.custom-select2 .select2-container input.select2-search__field {
    padding-left: 5px !important;
    cursor: poInter, sans-serif;
}
.custom-select2 .icon-spv + .select2-container input.select2-search__field {
    min-width: 44px;
}
.custom-select2 .icon-dev + .select2-container input.select2-search__field {
    min-width: 104px;
}
.custom-select2 .icon-statut-tracker + .select2-container input.select2-search__field {
    min-width: 55px;
}
.custom-select2 #stadeConstruction + .select2-container input.select2-search__field {
    min-width: 163px;
}
.custom-select2 .icon-resp-construction + .select2-container input.select2-search__field {
    min-width: 137px;
}
.custom-select2 .icon-resp-developement + .select2-container input.select2-search__field {
    min-width: 158px;
}
.custom-select2 #responsableDevProject + .select2-container input.select2-search__field {
    min-width: 158px;
}
.custom-select2 #constructeurEpcProject + .select2-container input.select2-search__field {
    min-width: 50px;
}
.custom-select2 #constructeurInstallateurProject + .select2-container input.select2-search__field {
    min-width: 93px;
}
.custom-select2 #responsableProject + .select2-container input.select2-search__field {
    min-width: 138px;
}
.custom-select2 #spvProject + .select2-container input.select2-search__field {
    min-width: 50px!important;
}
.custom-select2 select#constructeurCharpentierProject + .select2-container .select2-search__field {
    min-width: 98px;
}
.custom-select2 #constructeurNotaireProject + .select2-container input.select2-search__field {
    min-width: 68px;
}
.custom-select2 #statusAdministratifProject + .select2-container input.select2-search__field {
    min-width: 58px;
}
.custom-select2 select#statusUrbanisme + .select2-container input.select2-search__field {
    min-width: 133px;
}
.custom-select2 #statusFoncier1 + .select2-container input.select2-search__field {
    min-width: 113px;
}
.custom-select2 select#typologieProject + .select2-container input.select2-search__field {
    min-width: 148px;
}
.custom-select2 #statusUrbanisme + .select2-container .select2-selection.select2-selection--multiple {
   background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_5113)'%3E%3Cpath d='M17 11V3H7V7H3V21H11V17H13V21H21V11H17ZM7 19H5V17H7V19ZM7 15H5V13H7V15ZM7 11H5V9H7V11ZM11 15H9V13H11V15ZM11 11H9V9H11V11ZM11 7H9V5H11V7ZM15 15H13V13H15V15ZM15 11H13V9H15V11ZM15 7H13V5H15V7ZM19 19H17V17H19V19ZM19 15H17V13H19V15Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_5113'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.custom-select2 #constructeurNotaireProject + .select2-container .select2-selection.select2-selection--multiple{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_114_11331)'%3E%3Cpath d='M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5ZM19 19.09H5V4.91H19V19.09ZM6 15H18V17H6V15ZM6 11H18V13H6V11ZM6 7H18V9H6V7Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_114_11331'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.custom-select2 #typologieProject + .select2-container .select2-selection.select2-selection--multiple{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4_129)'%3E%3Cpath d='M5.67442 19C5.21395 19 4.81977 18.8164 4.49186 18.4492C4.16395 18.082 4 17.6406 4 17.125V5.875C4 5.35938 4.16395 4.91797 4.49186 4.55078C4.81977 4.18359 5.21395 4 5.67442 4H10.6977L12.3721 5.875H19.0698C19.5302 5.875 19.9244 6.05859 20.2523 6.42578C20.5802 6.79297 20.7442 7.23438 20.7442 7.75H11.6814L10.007 5.875H5.67442V17.125L7.68372 9.625H22L19.8442 17.6641C19.7326 18.0703 19.5267 18.3945 19.2267 18.6367C18.9267 18.8789 18.5953 19 18.2326 19H5.67442ZM7.43256 17.125H18.2326L19.7395 11.5H8.93953L7.43256 17.125Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4_129'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.custom-select2 .icon-fournisseur + .select2-container .select2-selection.select2-selection--multiple,
.custom-select2 #constructeurEpcProject + .select2-container .select2-selection.select2-selection--multiple{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_30_2330)'%3E%3Cpath d='M10.55 18.2L15.725 12H11.725L12.45 6.325L7.825 13H11.3L10.55 18.2ZM8 22L9 15H4L13 2H15L14 10H20L10 22H8Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_30_2330'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px 20px;
}

.min-h-68 {
    min-height: 68px !important;
}
.level2{
    height: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: all 0.4s;
}
.min-h-68.view-all {
   /* min-height: 114px !important;*/
}
.min-h-68.view-all .the-filter {
    height: auto;
}
.view-all .level2{
    height: auto;
    visibility: visible;
    opacity: 1;
    flex-wrap: wrap;
    display: flex;
}
.bg-data-old-spv{
    background: #8a918a;
    color: #fff;
    text-align: center;
}
.bg-data-old-dev {
    background: #f0c827;
    color: #fff;
    text-align: center;
}
.bg-data-old-construction {
    background: #f2b84b;
    color: #fff;
    text-align: center;
}
.bg-data-old-exploitation {
    background: #afbf73;
    color: #fff;
    text-align: center;
}
.bg-data-spv{
    background-color: #FFFFFF!important;
    color: #0C67C4;
    text-align: center;
}
.bg-data-dev {
    background: #FFA733B2!important;
    color: #475467;
    text-align: center!important;
}
.bg-data-construction {
    background: #FC6533B2!important;
    color: #475467;
    text-align: center;
}
.bg-data-exploitation {
    background: #B1C40CB2!important;
    color: #475467;
    text-align: center;
}
.bg-data-dev.bordered-left ,
.bg-data-construction.bordered-left,
.bg-data-exploitation.bordered-left {
    border-color: #E4E7EC !important;
}
.kpi-bloc.card-item .content .table thead th {
    font-weight: 600;
}
.kpi-bloc.card-item .content .table thead th.bg-old{
    color: #0071c1;
    background: #c5e2f3;
    font-weight: bold;
}
.td-old-total{
    background: #8a918a;
    color: #fff;
}
.kpi-bloc.card-item .content .table tr td{
   font-size: 14px;
}
#navs-top-rapport-hebdo .the-filter input#date1Rapport,
#navs-top-rapport-hebdo .the-filter input#date2Rapport {
    height: 32px;
    width: 216px;
    font-size: 12px;
    background-color: #ECF1F4;
    border-color: #0C67C4 !important;
}
.flatpickr-wrapper:has(.flatpickr-calendar.arrowTop.arrowLeft)  #date1Rapport,
.flatpickr-wrapper:has(.flatpickr-calendar.arrowTop.arrowLeft)  #date2Rapport{
    color: #0C67C4 !important;
}

select#developpeur + .select2-container--default .select2-selection {
    background-color: #fff;
    border: 1px solid #8C8CA1;
    height: 32px;
    padding-left: 0 !important;
}
select#developpeur + .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #4A4A68;
}
select#developpeur + .select2-container--default .select2-container {
    --bs-select-height: 32px;
}
.custom-select2 #responsableProject + .select2-container .select2-selection.select2-selection--multiple,
.custom-select2 #constructeurCharpentierProject + .select2-container .select2-selection.select2-selection--multiple,
.custom-select2 #constructeurInstallateurProject + .select2-container .select2-selection.select2-selection--multiple,
select#developpeur + .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 40px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><g clip-path='url(%23clip0_2666_2404)'><path d='M10.6027 8.7003L9.18848 10.1145L13.1859 14.112L14.6001 12.6978L10.6027 8.7003Z' fill='%234A4A68'/><path d='M11.6666 6.6667C12.9532 6.6667 13.9999 5.62003 13.9999 4.33337C13.9999 3.9467 13.8932 3.5867 13.7266 3.2667L11.9266 5.0667L10.9332 4.07337L12.7332 2.27337C12.4132 2.1067 12.0532 2.00003 11.6666 2.00003C10.3799 2.00003 9.33324 3.0467 9.33324 4.33337C9.33324 4.6067 9.38657 4.8667 9.47324 5.1067L8.2399 6.34003L7.05324 5.15337L7.52657 4.68003L6.58657 3.74003L7.9999 2.3267C7.2199 1.5467 5.95324 1.5467 5.17324 2.3267L2.81324 4.6867L3.75324 5.6267H1.87324L1.3999 6.10003L3.7599 8.46003L4.23324 7.9867V6.10003L5.17324 7.04003L5.64657 6.5667L6.83324 7.75337L1.89324 12.6934L3.30657 14.1067L10.8932 6.5267C11.1332 6.61337 11.3932 6.6667 11.6666 6.6667Z' fill='%234A4A68'/></g><defs><clipPath id='clip0_2666_2404'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    padding-left: 32px;
    line-height: 30px;
    height: 32px;
    padding-right: 40px;
}
.custom-select2 .icon-spv.typeDocBtn + .select2-container .select2-selection.select2-selection--multiple{
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_30_2279)%22%3E%3Cpath%20d%3D%22M19%203H5C3.9%203%203%203.9%203%205V12C3%2013.1%203.9%2014%205%2014H19C20.1%2014%2021%2013.1%2021%2012V5C21%203.9%2020.1%203%2019%203ZM5%2010H8.13C8.34%2010.78%208.8%2011.47%209.4%2012H5V10ZM19%2012H14.6C15.2%2011.47%2015.66%2010.78%2015.87%2010H19V12ZM19%208H14V9C14%2010.07%2013.07%2011%2012%2011C10.93%2011%2010%2010.07%2010%209V8H5V5H19V8ZM17%2015H14V16C14%2016.47%2013.81%2016.9%2013.52%2017.25C13.15%2017.7%2012.6%2018%2012%2018C11.4%2018%2010.85%2017.7%2010.48%2017.25C10.19%2016.9%2010%2016.47%2010%2016V15H3V19C3%2020.1%203.9%2021%205%2021H19C20.1%2021%2021%2020.1%2021%2019V15H17ZM5%2017H8.13C8.15%2017.09%208.19%2017.17%208.22%2017.25C8.46%2017.93%208.87%2018.53%209.4%2019H5V17ZM19%2019H14.6C15.14%2018.53%2015.55%2017.93%2015.78%2017.25C15.81%2017.17%2015.85%2017.09%2015.87%2017H19V19Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_30_2279%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 16px 16px; /* taille icône */
}
.custom-select2 #fournisseurFacture.icon-spv + .select2-container .select2-selection.select2-selection--multiple {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_562_16501)%22%3E%3Cpath%20d%3D%22M7.03317%2012.1333L10.4832%207.99992H7.8165L8.29984%204.21659L5.2165%208.66659H7.53317L7.03317%2012.1333ZM5.33317%2014.6666L5.99984%209.99992H2.6665L8.6665%201.33325H9.99984L9.33317%206.66659H13.3332L6.6665%2014.6666H5.33317Z%22%20fill%3D%22%234A4A68%22/%3E%3Cpath%20d%3D%22M7.03317%2012.1333L10.4832%207.99992H7.8165L8.29984%204.21659L5.2165%208.66659H7.53317L7.03317%2012.1333ZM5.33317%2014.6666L5.99984%209.99992H2.6665L8.6665%201.33325H9.99984L9.33317%206.66659H13.3332L6.6665%2014.6666H5.33317Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M7.03317%2012.1333L10.4832%207.99992H7.8165L8.29984%204.21659L5.2165%208.66659H7.53317L7.03317%2012.1333ZM5.33317%2014.6666L5.99984%209.99992H2.6665L8.6665%201.33325H9.99984L9.33317%206.66659H13.3332L6.6665%2014.6666H5.33317Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M7.03317%2012.1333L10.4832%207.99992H7.8165L8.29984%204.21659L5.2165%208.66659H7.53317L7.03317%2012.1333ZM5.33317%2014.6666L5.99984%209.99992H2.6665L8.6665%201.33325H9.99984L9.33317%206.66659H13.3332L6.6665%2014.6666H5.33317Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M7.03317%2012.1333L10.4832%207.99992H7.8165L8.29984%204.21659L5.2165%208.66659H7.53317L7.03317%2012.1333ZM5.33317%2014.6666L5.99984%209.99992H2.6665L8.6665%201.33325H9.99984L9.33317%206.66659H13.3332L6.6665%2014.6666H5.33317Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.2%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_562_16501%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 16px 16px; /* taille icône */
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    position: absolute;
    block-size: 100%;
    inline-size: 32px;
    inset-block-start: 0px;
    inset-inline-end: 4px;
    inset-inline-start: auto;
    color: #4A4A68;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    font-weight: 500;
    inset-inline-end: 0.625rem;
    padding-left: 20px;
}
select#developpeur + .select2-container--default .select2-selection--single .select2-selection__clear {
    color: #0C67C4 !important;
}

#navs-top-rapport-hebdo .the-filter #date1Rapport::placeholder,
 #navs-top-rapport-hebdo .the-filter #date2Rapport::placeholder {
    color: #344054!important;
    font-weight: 300!mportant;
    font-size: 12px!important;
}
input#dt-search-0 {
    width: 198px;
}
.panneau-filter .position-relative.custom-select2 {
    float: left;
    margin-right: 16px;
    margin-bottom: 17.5px;
    display: none;
}
.panneau-filter .position-relative.custom-select2:nth-child(1),
.panneau-filter .position-relative.custom-select2:nth-child(2),
.panneau-filter .position-relative.custom-select2:nth-child(3),
.panneau-filter .position-relative.custom-select2:nth-child(4),
.panneau-filter .position-relative.custom-select2:nth-child(5),
.panneau-filter.view-all .position-relative.custom-select2 {
    display: block;
}
.panneau-filter a.btn-href {
    display: table;
    height: auto;
    align-items: center;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #0C67C4;
    margin: 0 5px;
    float: left;
    height: 32px;
    vertical-align: middle;
}
.divCarteGlobale {
    padding: 0 24px;
}
.app-user-list.map-wrappe .panneau-filter.min-h-68.b-t-1.b-b-1 {
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}
.flatpickr-calendar .numInputWrapper span {
    position: absolute;
    inset-inline-end: -7px!important;
    opacity: 1;
}
.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 8px;
    vertical-align: middle;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #fff !important;
    color: #0F3E9B !important;
}
.select2-results__option[aria-selected="true"]::before {
    content: ""!important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: #0F3E9B; /* Fond bleu */
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    vertical-align: middle;
    border-width: 1px!important;
}
.table th,
.top-tabs .nav-link {
    padding: 8px 0;
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
    margin-inline-end: 0;
    text-transform: none;
}
#submenu-revenus,
#submenu-loyers,
#submenu-notifications-ouvert,
#submenu-alertes-ouvert,
#submenu-faq {
    display: none !important;
}
.kpi-bloc .panneau-filter {
    padding-bottom: 17.5px;
}

/*-- A SUPPRIMER --*/
#coming {
    z-index: 9999;
    background-color: #000000b8;
}
#coming h4.modal-title {
    text-align: center;
}
#coming .modal-body.p-0 {
    text-align: center;
    padding: 1rem 1rem 3rem !important;
}
.modal-backdrop.show {
    display: none;
}
.modal-open  .layout-content-navbar .layout-navbar {
    z-index: 1;
}
.form-control.searchTab {
    width: 198px;
}
.custom-select2 .select2-selection.select2-selection--multiple:hover {
    border-color: #0C67C4 !important;
    cursor: poInter, sans-serif;
}
#listExportModal .modal-dialog {
    max-width: 551px;
    margin-left: calc(100% - 551px);
}
#listExportModal .modal-simple .modal-content {
    gap: 36px;
}
#listExportModal .table thead tr th {
    height: 17px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    border: none;
    padding: 0 0 10px 0;
}
#listExportModal .table tbody tr {
    height: 40px;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    background: #FFFFFF;

}
#listExportModal .table tbody tr td{
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    padding: 0;
    border: none;
}
.modal {
    backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, .35);
}
#listExportModalContent .form-custom-choice .form-check.form-check-inline {
    margin: 7px 0;
    width: 100%;
}
.form-custom-choice .table .form-check-input{
    border-radius: 50%;
}
.archiveProjectSpan .btn {
    width: 100%;
    margin-bottom: 15px;
}
#listExportModalContent .form-custom-choice .form-check-label {
    color: #515151;
    text-transform: none;
    font-weight: 300;
    line-height: 140%;
}
.form-custom-choice .table-hover > tbody > tr:hover > * {
    --bs-table-color-state: transparent!important;
    --bs-table-bg-state: transparent!important;
}
.form-custom-choice tr:has(.form-check-input:checked), 
.form-custom-choice .table-striped > tbody > tr:has(.form-check-input:checked):nth-of-type(odd) > * {
    background: transparent!important;
}
#listExportModalContent .btn-secondary{
    border: 1px solid #0C67C4 !important;
    color: #0C67C4 !important;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
    border-radius: 10px;
    background-color: #ECF1F4;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
    background-color: #0C67C4;
}
::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background-color: #ECF1F4;
}
.table-no-ordering th.dt-column::after, 
.table-no-ordering  th.dt-ordering_asc::after, 
.table-no-ordering  th.dt-ordering_desc::after {
    display: none;
}
.card #nbrSelectStr {
    text-align: center;
    background-color: #ECF1F4;
    margin: 0;
    padding: 16px;
    line-height: 134%;
}
p#nbrSelectStrItem {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}
a#selectAllItem {
    color: #0C67C4;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    text-decoration: underline;
}
.dt-buttons .dt-button-collection .dt-button {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_238_16428)%22%3E%3Cpath%20d%3D%22M6.41683%2010.5C6.41683%2011.1416%205.89183%2011.6666%205.25016%2011.6666C4.6085%2011.6666%204.0835%2011.1416%204.0835%2010.5C4.0835%209.85831%204.6085%209.33331%205.25016%209.33331C5.89183%209.33331%206.41683%209.85831%206.41683%2010.5ZM5.25016%205.83331C4.6085%205.83331%204.0835%206.35831%204.0835%206.99998C4.0835%207.64165%204.6085%208.16665%205.25016%208.16665C5.89183%208.16665%206.41683%207.64165%206.41683%206.99998C6.41683%206.35831%205.89183%205.83331%205.25016%205.83331ZM5.25016%202.33331C4.6085%202.33331%204.0835%202.85831%204.0835%203.49998C4.0835%204.14165%204.6085%204.66665%205.25016%204.66665C5.89183%204.66665%206.41683%204.14165%206.41683%203.49998C6.41683%202.85831%205.89183%202.33331%205.25016%202.33331ZM8.75016%204.66665C9.39183%204.66665%209.91683%204.14165%209.91683%203.49998C9.91683%202.85831%209.39183%202.33331%208.75016%202.33331C8.1085%202.33331%207.5835%202.85831%207.5835%203.49998C7.5835%204.14165%208.1085%204.66665%208.75016%204.66665ZM8.75016%205.83331C8.1085%205.83331%207.5835%206.35831%207.5835%206.99998C7.5835%207.64165%208.1085%208.16665%208.75016%208.16665C9.39183%208.16665%209.91683%207.64165%209.91683%206.99998C9.91683%206.35831%209.39183%205.83331%208.75016%205.83331ZM8.75016%209.33331C8.1085%209.33331%207.5835%209.85831%207.5835%2010.5C7.5835%2011.1416%208.1085%2011.6666%208.75016%2011.6666C9.39183%2011.6666%209.91683%2011.1416%209.91683%2010.5C9.91683%209.85831%209.39183%209.33331%208.75016%209.33331Z%22%20fill%3D%22%238C8CA2%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_238_16428%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;
  background-size: 14px 14px; /* taille icône */
  padding-left: 30px; /* espace pour le texte */
  background-repeat: no-repeat!important;
  background-position: 10px center!important;
}
.dropdown-toggle:hover svg,
.dropdown-toggle.show svg{
    background: #0C67C41F;
    border-radius: 4px;
    stroke: #0C67C4;
}
.liste-template-column-xls .dt-search {
    display: flex;
    align-items: center;
    gap: 20px;
}
.modal-open #layout-navbar{
    width: calc(100% - 69px);
}
.infowindowMaps {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 10px;
    min-width: 280px;
    width: 100%;
}
.gm-ui-hover-effect {
    position: absolute !important;
    right: 5px;
    top: 5px;
    width: 20px!important;
    height: 20px!important;
}
.gm-ui-hover-effect  span{
    margin: 0px!important;
    width: 20px!important;
    height: 20px!important;
}
.gm-style-iw.gm-style-iw-c {
    padding: 0px !important;
}
.gm-style img {
    margin-right: 5px;
}
.infowindowMaps span{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.infowindowMaps span.blue a{
    color:#0C67C4;
}
.gm-style .gm-style-iw-d {
    padding: 0 !important;
    overflow: hidden !important;
}
.gm-style-iw-ch {
    display: none;
}
.form-control-custom.w-100 {
    width: 100% !important;
}
.max-width-fill-available {
        max-width: -webkit-fill-available !important;
}
.select-icon-search{
    appearance: none; /* Supprime la flèche native */
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M12.9167 11.6667H12.2583L12.025 11.4417C12.8417 10.4917 13.3333 9.25833 13.3333 7.91667C13.3333 4.925 10.9083 2.5 7.91667 2.5C4.925 2.5 2.5 4.925 2.5 7.91667C2.5 10.9083 4.925 13.3333 7.91667 13.3333C9.25833 13.3333 10.4917 12.8417 11.4417 12.025L11.6667 12.2583V12.9167L15.8333 17.075L17.075 15.8333L12.9167 11.6667ZM7.91667 11.6667C5.84167 11.6667 4.16667 9.99167 4.16667 7.91667C4.16667 5.84167 5.84167 4.16667 7.91667 4.16667C9.99167 4.16667 11.6667 5.84167 11.6667 7.91667C11.6667 9.99167 9.99167 11.6667 7.91667 11.6667Z' fill='%23323232'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 20px;

    padding-right: 2rem; /* espace pour l'icône */
}
.add-new-facture-finance #facture_finance_category, 
.add-new-facture-finance #facture_finance_spv, 
.add-new-facture-finance #bon_de_commande_finance_spv, 
.add-new-facture-finance #bon_de_commande_finance_category {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #8C8CA1 !important;
    font-size: 14px !important;
    border: 1px solid #D0D5DD !important;
    padding-left: 12px !important;
}
.factureFinanceProjectBlockGlobal.showFactureFinance1 {
    padding: 0;
}
.select2-container {
    --bs-select-height: 44px;
}
.field.with-label select,
.select2-container--default .select2-selection__rendered:has(> .select2-selection__placeholder) ~ .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+PHBhdGggZmlsbD0iIzhDOENCMSIgZD0iTTAgMGw1IDYgNS02eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
}
.field.with-label select{
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 10px 6px;
}
.p-t-21{
    padding-top: 21px!important;
}
.p-b-21{
    padding-bottom: 21px!important;
}
.btn:hover {
    background-color: initial;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8C8CA1;
    font-size: 14px;
}
.m-b-0{
    margin-bottom: 0!important;
}
.blockviewProjectCard .projet-fields:last-child,
.blockviewProjectCard .projet-fields.p-0.b-b-0.m-0  {
    padding-bottom: 0px !important;
    border-bottom: 0px solid #ECF1F4;
    margin-bottom: 0px !important;
}
.p-l-30{
    padding-left: 30px!important;
}
.p-r-30{
    padding-right: 30px!important;
}
#ribInputDiv {
    margin: 14px 0;
    font-size: 14px;
}
.projet-fields .field.with-label .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 7px 35px 5px 10px;
    height: 42px;
}
.desplayMontantTtcProject {
    margin-top: 20px !important;
}

.select2.select2-container.select2-container--default.select2-container--below:not(.select2-container--open) .select2-selection .select2-selection__arrow b{
    background-image: none!important;
}
.min-h-64 {
    min-height: 64px!important;
}
.m-r-0 {
    margin-right: 0!important;
}
.liste-avoir-page .multifilter .dt-button-collection {
    top: 55px;
    right: 36px;
    left: initial;
}
.the-filter .searchTabDatePaiementSepa {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g clip-path='url(%23clip0_3115_9593)'><path d='M4.66667 7.3335H6V8.66683H4.66667V7.3335ZM14 4.00016V13.3335C14 14.0668 13.4 14.6668 12.6667 14.6668H3.33333C2.59333 14.6668 2 14.0668 2 13.3335L2.00667 4.00016C2.00667 3.26683 2.59333 2.66683 3.33333 2.66683H4V1.3335H5.33333V2.66683H10.6667V1.3335H12V2.66683H12.6667C13.4 2.66683 14 3.26683 14 4.00016ZM3.33333 5.3335H12.6667V4.00016H3.33333V5.3335ZM12.6667 13.3335V6.66683H3.33333V13.3335H12.6667ZM10 8.66683H11.3333V7.3335H10V8.66683ZM7.33333 8.66683H8.66667V7.3335H7.33333V8.66683Z' fill='%234A4A68'/></g><defs><clipPath id='clip0_3115_9593'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>") 
        no-repeat left 10px center;
    background-size: 16px 16px;
    padding-left: 35px!important; /* espace pour l'icône */
    width: 80px;
}
.panneau-filter .the-filter input,
.panneau-filter .the-filter select,
.panneau-filter .the-filter .select2-container--default .select2-selection{
    color: #0E0E2C !important;
    border-color: #0E0E2C !important;
}
.panneau-filter .the-filter input::placeholder {
    color: #0E0E2C !important;
    opacity: 1; /* facultatif pour donner un contraste plus doux */
}
.searchTabDatePaiementSepa.has-date {
    width: 116px;
}
.mise-en-paiement-page .multifilter .dt-button-collection {
    top: 45px;
    right: 5%;
    left: initial;
}
.table > :not(caption) > * > * {
    color: initial;
}
.p-b-200{
    padding-bottom: 150px;
}
.facture-finance-payer-detail-list-table.table tbody tr td:last-child {
    text-align: center;
}
.the-filter .select-fournisseur.custom-select-arrow{
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_860_29516)%22%3E%3Cpath%20d%3D%22M7%209L12%2014L17%209H7Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_860_29516%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px 24px;
    padding-right: 30px !important;
    width: auto !important;
    min-width: auto !important;
}
#spvAvoir,
#spvFactureCompensation,
#spvFacturePaiement {
    padding: 0 22px 0 32px !important;
    background-position: right 2px center;
}
#spvFactureCompensation option {
    padding: 0!important;
}
.h32 + .select2-container {
    --bs-select-height: 32px;
}
.panneau-filter .the-filter .select2-container--default .select2-selection{
    padding-left: 30px!important;
}
.panneau-filter .the-filter .field.with-icon .select2-container--default .select2-selection{
    padding-left: 28px!important;
}
.panneau-filter .the-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0E0E2C !important;
    padding-right: 30px;
    padding-left: 5px;
}
#nbrSelectStrItem {
    width: 100%;
    text-align: center;
} 
#nbrSelectStrItem a#selectAllItem{
    display: contents;
}
.table tr td a {
    color: #0C67C4;
    font-weight: 400;
    line-height: 150%;
}
.table tr td .btn[aria-expanded="false"] svg {
    color: #4A4A68 !important;
}
.pAvoirSelectionneDeduire strong {
    color: #0C67C4;
}
.field.with-icon.custom-select2 .select2-selection.select2-selection--multiple {
   background-image: none;
}
.field.with-icon.custom-select2 .custom-select-arrow + .select2-container .select2-selection.select2-selection--multiple {
    padding: 0 22px 0 32px !important;
    background-position: right 2px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.custom-select2 .select-spv  + .select2-container .select2-search--inline .select2-search__field{
    min-width: 46px;
}
.form-control.searchTabDate.form-control.input {
    background-color: transparent;
    font-size: 14px;
    font-weight: 300;
    padding-left: 35px !important;
    width: 130px;
    background-position: left 10px center;
}
.custom-select2 .select-projet + .select2-container .select2-search__field {
    min-width: 50px;
    padding-right: 0 !important;
}
.form-control.icon-date,
.form-control.daterangepickerCustomSpv,
.form-control.daterangepickerCustomFournisseur {
    background-color: transparent;
    padding-left: 32px !important;
    padding-right: 20px !important;
    background-position: 8px 7px;
    font-size: 14px;
}
.finance-kpi-fournisseur-page .the-filter input,
.finance-kpi-spv-page .the-filter input {
    padding-block: 5px !important;
}
.form-control.icon-date,
.finance-kpi-fournisseur-page .the-filter .daterangepickerCustomFournisseur,
.finance-kpi-spv-page .the-filter input.daterangepickerCustomSpv {
     width: 140px;
    padding-right: 5px !important;
    font-size: 14px;
    font-weight: 300;
}
.finance-kpi-fournisseur-page .the-filter .daterangepickerCustomFournisseur.date-selected,
.finance-kpi-spv-page .the-filter input.daterangepickerCustomSpv.date-selected {
    width: 210px;
    padding-right: 5px !important;
}
.h-32{
    height: 32px!important;
}
.liste-facture-avoir-page #spvFactureAvoir{
    padding-block: 0px !important;
    padding-inline: 30px 21px !important;
    background-position: right 0px center;
}
.liste-facture-avoir-page .multifilter,
.bon-de-commande-page .multifilter{
    position: relative;
}
.bon-de-commande-page .multifilter .dt-button-collection,
.liste-facture-avoir-page .multifilter .dt-button-collection {
    top: 45px;
}
.bon-de-commande-page .multifilter .link-setting,
.liste-facture-avoir-page .link-setting.dt-layout-end {
    text-align: right;
}
.daterangepickerCustomCommandeDate{
    min-width: 180px;
}
.bon-de-commande-page td.noVis {
    text-align: right;
}
.bon-de-commande-page td.noVis .dropdown-toggle{
    padding-right: 4px;
}
.bon-de-commande-page .commande-list-table{
    margin-bottom: 100px;
}
.add-new-bonCommande,
.add-new-rapport{
    flex-flow: column;
    gap: 20px;
    /*width: 520px;
    padding: 20px;*/
    width: 100%;
}
.modifiable {
    padding: 15px;
}
.modifiable p {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.icon-search-input + .select2-container--default .select2-selection__rendered:has(> .select2-selection__placeholder) ~ .select2-selection__arrow b, 
.icon-search-input + .select2-container--default .select2-selection--single .select2-selection__arrow b {

}
.icon-search-input + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(0deg);
}
.delete_bonDeCommande_link2,
.delete_detailBonDeCommande_link2{
    font-size: 14px;
    color: #0E0E2C!important;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    text-decoration: underline!important;
    text-decoration-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: table;
    cursor: poInter, sans-serif;
}
.add_detailBonDeCommande_link,
.add_bonDeCommande_link{
    text-transform: uppercase;
    font-weight: 500;
    color: #0C67C4 !important;
    font-size: 11px !important;
    text-decoration-style: solid;
    text-decoration: underline!important;
    cursor: poInter, sans-serif;
}
.checked-form{
    display: flex;
    align-items: baseline;
}
.checked-form .form-check {
    display: table;
    padding: 0 !important;
    margin: 0 !important;
}
.checked-form .form-check .form-check-input {
    float: none;
    margin-inline-start: 0;
    margin-right: 10px;
}
.checked-form .form-check label.form-label {
    margin: 0;
}
.linkUpload {
    border-radius: 6px;
    cursor: poInter, sans-serif;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 9px;
    padding: 8px 15px;
}
.linkUpload svg{
    margin-left: 15px;
}
.linkUpload-pre {

}
.upload-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%2235px%22%20height%3D%2235px%22%20viewBox%3D%220%200%2035.0%2035.0%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22i0%22%3E%3Cpath%20d%3D%22M1440%2C0%20L1440%2C1024%20L0%2C1024%20L0%2C0%20L1440%2C0%20Z%22%3E%3C/path%3E%3C/clipPath%3E%3CclipPath%20id%3D%22i1%22%3E%3Cpath%20d%3D%22M29%2C0%20..."); /* tronqué */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 35px; /* taille d'origine */
    width: 50px; /* adapter selon besoin */
    height: 50px; /* adapter selon besoin */
    display: inline-block;
}
.blockviewProjectCardTitreBonCommande {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: normal;
    color: #0E0E2C;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: none;
}
.detailBonCommandeBlockItem {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 15px;
}
#select2-bon_commande_modeEnvoieCommande-results li {
    max-width: 100%;
}
.h-42{
    height: 42px;
}
#rapport_centrale_chargeInterventionCorrective + .select2 input.select2-search__field ,
#rapport_centrale_financeFacture + .select2 input.select2-search__field {
    width: 100% !important;
    padding-left: 14px !important;
    color: #8C8CA1!important;
}
#rapport_centrale_chargeInterventionCorrective + .select2 input.select2-search__field::placeholder,
#rapport_centrale_financeFacture + .select2 input.select2-search__field::placeholder {
    color: #8C8CA1!important;
}
#rapport_centrale_chargeInterventionCorrective + .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice,
#rapport_centrale_financeFacture + .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    list-style: none;
    margin-left: 10px !important;
    margin-top: 8px !important;
}
#factureConsulte {
    margin: 10px 0;
}
#factureConsulte a{
    text-transform: uppercase;
    font-weight: 500;
    color: #0C67C4 !important;
    font-size: 11px !important;
    text-decoration-style: solid;
    text-decoration: underline !important;
    cursor: poInter, sans-serif;
    margin: 5px 0;
}
#rapport_centrale_descriptionIntervention{
    padding: 10px 15px !important;
}
.form-custom-choice .taille input,
.form-custom-choice .form-check{
    /*margin-inline: 0 1rem;*/
    /*padding-inline: 1.8em 0;*/
    display: inline-block;
    /*margin-right: 1rem;*/margin-bottom: 0;
}
#suiviNecessaireBloc{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#rapport_centrale_CommentaireSuivi,
#rapport_centrale_determiner {
    padding: 6px 10px !important;
}
#datePerteProductionEdit,
#datePerteProduction {
    display: flex;
    flex-wrap: wrap;
    gap:15px 20px;
}
#datePerteProductionEdit .form-group,
#datePerteProduction .form-group {
    width: calc(50% - 10px);
}
#datePerteProductionEdit .form-group .form-control,
#datePerteProduction .form-group .form-control{
    width: 100%!important;
}
#rapport_centrale_aDeterminer {
    /*width: 16px !important;*/
    padding: 0 !important;
}

.the-filter .btn-outline-none:hover{
    background: transparent !important;
    color: #0C67C4 !important;
}
.the-filter .btn-outline-none:hover svg path{
    fill: #0C67C4 !important;
}
.panneau-filter .the-filter .customfilter input
 {
    color: #545454 !important;
    border-color: #D0D5DD !important;
    width: 198px;
    font-size: 12px;
}
.panneau-filter .the-filter .customfilter input::placeholder
 {
    color: #8C8CA1 !important;
}
.panneau-filter .the-filter .customfilter input {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_475_30707)%22%3E%3Cpath%20d%3D%22M12.9167%2011.6667H12.2583L12.025%2011.4417C12.8417%2010.4917%2013.3333%209.25833%2013.3333%207.91667C13.3333%204.925%2010.9083%202.5%207.91667%202.5C4.925%202.5%202.5%204.925%202.5%207.91667C2.5%2010.9083%204.925%2013.3333%207.91667%2013.3333C9.25833%2013.3333%2010.4917%2012.8417%2011.4417%2012.025L11.6667%2012.2583V12.9167L15.8333%2017.075L17.075%2015.8333L12.9167%2011.6667ZM7.91667%2011.6667C5.84167%2011.6667%204.16667%209.99167%204.16667%207.91667C4.16667%205.84167%205.84167%204.16667%207.91667%204.16667C9.99167%204.16667%2011.6667%205.84167%2011.6667%207.91667C11.6667%209.99167%209.99167%2011.6667%207.91667%2011.6667Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_475_30707%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;
    background-repeat: no-repeat;
    background-position: right 10px center; /* Position à droite */
    background-size: 20px 20px;
    padding-right: 35px; /* Laisse de la place pour l’icône */
}
.field.with-icon .custom-form {
    padding-block: 0px !important;
    padding-inline: 32px 10px !important;
    font-weight: 300 !important;
    line-height: 30px;
}
.exploitation-rapport-detail-page .multifilter.d-flex.justify-content-end {
    position: relative;
}
.h-32 + .select2-container {
    --bs-select-height: 32px;
}
.panneau-filter .select2.select2-container.select2-container--default.select2-container--below:not(.select2-container--open) .select2-selection .select2-selection__arrow b ,
.panneau-filter .field.with-label select, 
.panneau-filter .select2-container--default .select2-selection__rendered:has(> .select2-selection__placeholder) ~ .select2-selection__arrow b, 
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.custom-field:not(.valid-form) .select2-container--default .select2-selection--single .select2-selection__arrow b,
.custom-field:not(.valid-form) .select2.select2-container.select2-container--default.select2-container--below:not(.select2-container--open) .select2-selection .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_860_29516)%22%3E%3Cpath%20d%3D%22M7%209L12%2014L17%209H7Z%22%20fill%3D%22%23323232%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_860_29516%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size:24px 24px;
    /*padding-right: 36px;*/
}
.custom-field.valid-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: none !important;
}
.panneau-filter .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__arrow b {
    transform: rotate(0deg);
}
.panneau-filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
    transition: transform 0s;
}
.panneau-filter .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #0E0E2C !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: normal;
}
.panneau-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    inset-inline-end: 0rem !important;
}
.modal-dialog.modal-right {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    display: flex;
    transform: translateX(101%);
    transition: all 0.4s ease-in;
}
.badge.badge-role {
    font-weight: 400;
    color: #4A4A68;
    background: none;
    height: 21px;
    border-width: 1px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    border-radius: 6px;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    border-color: #4A4A68;
    text-transform: capitalize;
}
.modal.show .modal-dialog.modal-right{
    transform: translateY(0) translateX(0px) scale(1);
}
#entreprise-form-edit.modal.show .modal-dialog.modal-right,
#droitUserModal.modal.show .modal-dialog.modal-right,
#etapsUserModal.modal.show .modal-dialog.modal-right{
    transform: translateY(0) translateX(0px) scale(1);
}
.form-custom-choice .taille.col-5.mb-1 {
    margin: 0 !important;
    display: inline-flex;
}
.p-fixed.bottom {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    border-radius: 0 0 6px 6px;
}
html:has(.modal.show),
.modal-slide-in.show {
  overflow: hidden; /* empêche le scroll */
}
.modal-slide-in .modal-simple.modal-right .modal-content {
    height: 99.5vh;
    overflow-y: auto;
    position: relative;
}
.form-group.inline-checkbox {
    display: flex;
}
.droitGlobale .gap-10 {
    margin-top: 20px;
}
.droitGlobale {
    margin-bottom: 20px;
}
#projectUserModal .select2-container--focus .select2-selection__rendered li {
    list-style: none;
    margin-left: 8px;
    margin-top: 8px !important;
    margin-right: 0px;
}
#projectUserModal .select2-container--focus span.select2-selection__clear {
    display: none;
}
.min-h-400{
    min-height: 400px;
}
.entreprise-page .nav-align-top .panneau-filter {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}
#entreprise-form-edit {
    width: 550px;
}
.btn-bottom{
    position: fixed;
    right: 20px;
    left: 20px;
    bottom: 20px;
}
.h-40{
    height: 40px;
}

.breadcrumb-item a {
    color: #8C8CA1;
}
.breadcrumb-item a:hover {
    color: #2476CA!important;
}
.breadcrumb-item.active {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    color: #4A4A68;
    min-height: 0;
    background: none;
    border: none;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-left: 10px;
    padding-right: 10px;
}
.fournisseur-inforamtion-page .invoice-infos,
.fournisseur-inforamtion-page .invoice-history {
    width: 50% !important;
}
.fournisseur-inforamtion-page .facture-finance-block .invoice-history .card {
    border-width: 0 0 0px 0;
    padding-top: 56px;
}
.fournisseur-inforamtion-page .invoice-history .card-body{
    margin: 0 70px;
}
.fournisseur-inforamtion-page .titled.nameComplementaire ,
.fournisseur-inforamtion-page .note-interne .titled{
    min-width: 200px;
}
.data.blockInfoFournisseur.note-interne {
    align-items: flex-start;
}
#forEditRibName,
#forAddRibName {
    display: flex;
    gap: 20px;
}
#forEditRibName label.form-label {
    margin-bottom: 10px;
}
a.btn.btn-sm.dropdown-toggle.hide-arrow.dropdownActionPagination {

}
.fournisseur-title{
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 21px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.nav-align-top .panneau-filter {
    z-index: 1;
}
form .with-state:has(.select-ok) + .select2-container .select2-selection
{
    /*border: 1px solid #43C40C!important;*/
    border: 1px solid green!important;
    box-shadow: 0px 0px 1px 2px #2476CA24!important;
}
.select2-selection.select-ok{
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBkPSJNNi40NDI1IDExLjY4NUwzLjMxNSA4LjU1NzUgMi4yNSA5LjYxNUw2LjQ0MjUgMTMuODA3NSAxNS40NDI1IDQuODA3NSAxNC4zODUgMy43NUw2LjQ0MjUgMTEuNjg1WiIgZmlsbD0iIzQzQzQwQyIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 18px 18px;
    padding-right: 2rem;
    border: 1px solid #43C40C!important;
    box-shadow: 0px 0px 1px 2px #2476CA24 !important;
}
.field.with-label:has(.select2-selection.select-ok) .label-field
{
    color:#43C40C!important;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.today, .flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover {
    background-color: #fff;
    color: #0E0E2C;
    border: 1px solid #0E0E2C;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected {
    background-color: #0C67C4 !important;
    box-shadow: none;
    border-color: transparent;
    color: #fff;
}
body {
    background-color: #FAFCFE!important;
}
form input[type='checkbox'] {
    width: 20px !important;
    height: 20px!important;
    border-radius: 6px!important;
    border-width: 1px!important;
}
form input[type="checkbox"]:checked {
    background-color: #0C67C4!important;
    border-color: #4A4A68!important;
    box-shadow: none!important;
}
.modal .all-form-check {
    display: flex;
    gap: 16px;
    width: 100%;
}
.modal #rapport_centrale_devisARecevoir
.modal #rapport_centrale_isSuiviNecessaire,
.modal #rapport_centrale_devisARecevoir,
.modal #rapport_centrale_isPerteProduction,
.modal #rapport_centrale_isSuiviNecessaire{
    width: 100%;
    display: flex;
    justify-content: space-between;
}   
#factureConsulteEdit a span{
    font-family: Inter, sans-serif;
    font-size: 11px !important;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    cursor: poInter;
    color: #0C67C4 !important;
    font-weight: 500;
}
table.table-striped{
    background-color: #fff;
}
.select2-dropdown.select2-dropdown--below {
    min-width: fit-content;
}
.select2-container--default .select2-results__option {
    white-space: nowrap;
    max-width: initial;
}
.select2-container .select2-dropdown .select2-results__option:before {
    width: 20px!important;
    height: 20px!important;
    border-radius: 6px !important;
    margin-right: 10px!important;

}
.select2-container .select2-dropdown .select2-results__option[aria-selected=true]:before {
    border: 1px solid #4A4A68 !important;
    background-color: #0C67C4 !important;
    color: #0C67C4!important;
}
.select2-container--default .select2-dropdown .select2-results__option[aria-selected='true']{
    color: #0C67C4!important;
}
.h-40{
    height: 40px;
}
.gap-12 {
    gap: 12px!important;
}
.guide-question h2{
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 21px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0px;
    color: #0C67C4;

}
.guide-question .btn{
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 9px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    height: 28px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    gap: 6px;
    border-radius: 8px;
}
.title-question{
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.item-question {
    padding-top: 13px;
    padding-right: 16px;
    padding-bottom: 13px;
    padding-left: 16px;
    border-radius: 10px;
}
.item-reponse{
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.item-reponse p:last-child,
.detail .explication p:last-child{
    margin: 0;
}
.guide-right{
    margin-top: 20px;
    margin-left: 60px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(33.33% - 40px);
    gap: 20px;
}
.category-guide-head h3{
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 21px;
    leading-trim: NONE;
    line-height: 26px;
    letter-spacing: 0px;
    color: #0E0E2C;
}
.category-guide-item {
    border-left-width: 5px;
    padding-top: 20px;
    padding-right: 16px;
    padding-bottom: 20px;
    padding-left: 16px;
    gap: 40px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #FAFCFE;
    border-left: 5px solid #B1C40C;
    box-shadow: 0px 1px 4px 0px #00000017;
}
.detail {
    gap: 15px;
}
.detail h4{
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    color: #0E0E2C;
    padding: 0;
    margin: 0;
}
.detail .explication{
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0px;
    color: #4A4A68;
}
.gap-36{
    gap: 36px!important;
}
.p-l-15{
    padding-left: 15px!important;
}
.modal form.edit-new-user,
.modal form.add-new-user{
    width: 100%;
}
.modal-open .select2-container--open {
    z-index: 9999;
}
.fields-details a[type="button"]{
    color: #0C67C4 !important;
}
.main-content.wrapper {
    padding: 20px 24px;
}
div#vueEnsembleProject a.dev {
    color: red !important;
}
div#vueEnsembleProject a.dev  svg{
    fill: red !important;
}
div#vueEnsembleProject a.construct{
    color: green!important;
}
div#vueEnsembleProject a.operation{
    color: #d7d700!important;
}
tr.developpementTd {
    border-left: 5px solid red;
}
tr.constructionTd {
    border-left: 5px solid green;
}
tr.operationTd {
    border-left: 5px solid #d7d700;
}
a.lindDev {
    border: 1px solid #0f3e9b;
    border-radius: 6px;
    display: inline-block;
    font-family: Avenir;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    padding: 7px 16px;
    text-align: left;
}
a.lindDev.aciveLickDev, a.lindDev:hover {
    background: #0f3e9b;
    color: #fff;
}
a.lindDev.lindDev1 {
    border: 1px solid red;
    color: red;
}
a.lindDev.lindDev1.aciveLickDev, a.lindDev.lindDev1:hover {
    background: red;
    color: #fff;
}
a.lindDev.lindDev2 {
    border: 1px solid green;
    color: green;
}
a.lindDev.lindDev3 {
    border: 1px solid #d7d700;
    color: #d7d700;
}
.content-header .separator {
    border-bottom: 1px solid #DEDEE9;
    padding-bottom: 15px;
    margin-top: 15px;
}
.content-header .separator:first-child {
    margin-top: 15px;
}
.content-header .separator {
    border-bottom: 1px solid #DEDEE9;
    padding-bottom: 15px;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}
.dateSuiviProjectGraphique1 {
    position: absolute;
    right: 0;
    top: 12px;
}
.dateSuiviProjectGraphique2 {
    bottom: 30px;
    position: absolute;
    right: 0;
}
.dateSuiviProjectGraphique1, .dateSuiviProjectGraphique2 {
    color: #1e1b39;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.suiviProjectGraphiqueGlobal {
    border-bottom: 1px solid #dedee9;
    border-left: 1px solid #dedee9;
    height: 215px;
    padding-left: 11px;
}
.titreBox {
    color: #1e1b39;
    font-family: Avenir;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 0;
}
.notTrait {
    border-bottom: 1px solid #dedee9;
    padding-bottom: 15px;
}
.divDashboardGlobal:has(.collapseDetail.show) .titreBox {
    border-bottom: 1px solid #dedee9;
    padding-bottom: 15px;
}
#layout-menu .list-action li a {
    align-items: baseline;
}
form.add-new-project h6 {
    font-weight: 700;
}
select[readonly="readonly"]{
    pointer-events: none;
}
.edit-facture-page select#facture_finance_developpeur {
    width: 100% !important;
}
.modal-body .blockviewProjectTitreSpan1{
    font-weight: 700;
}
.form-control.searchTabDate.form-control.input.icon-right {
    padding-left: 15px !important;
    background-position: right 10px center;
}
.otherstep3 .timeline-point svg {
    margin-left: 15px;
}
.otherstep3 .collapse-head  {
    gap: 7px!important;
}
.otherstep3 .pointTimelineBloc  {
    gap: 3px;
}
.project-details .collapse-title {
    text-align: left;
}
.respProjet-item {
    padding-top: 8px;
    padding-bottom: 8px;
}
.alertBoxDetail {
    padding: 8px 10px;
}
.title.txt-normal {
    text-transform: none!important;
}
.select2-container--default .select2-results__option {
    margin: 0!important;
    padding: 8px 10px !important;
}
.select2-container .select2-dropdown .select2-results__option:before {
    margin-right: 8px !important;
}
.select2-results__option:before {
    border: 1px solid #8C8CA1!important;
}
#collapseEtap1Project .list-doc {
    gap: 12px;
}
.group-form{
    gap: 34px;
}
.group-form .row{
    gap: 34px 0;
}
.group-form.projet-fields{
    padding-top: 0;
}
.projet-fields .btn-outline-secondary,
.fields-details a.btn-outline-secondary[type="button"],
.fields-details a.btn-outline-secondary[type="button"]:hover {
    color: #4A4A68!important;
    border-color: #4A4A68!important;
}
.fields-details .btn-outline-secondary svg,
.fields-details .btn-outline-secondary:hover svg ,
.fields-details .btn-outline-secondary:hover svg path,
.fields-details  a.btn-outline-secondary[type="button"] svg{
    fill: #4A4A68!important;
}
.fields-details .btn-outline-secondary, 
.fields-details input.btn-outline-secondary::placeholder {
    color: #4A4A68 !important;
}
.linkEtapBlock .card {
    background-color: transparent;
}
.details-column .collapse-title.btn[aria-expanded="false"] svg {
    transform: scaleY(1);
}
.details-column .collapse-title.btn[aria-expanded="true"] svg {
    transform: scaleY(-1);
}
.pListActive{
    color: #0E0E2C;
}
.m-w-42{
    max-width: 420px;
    width: 80%;
}
#select2-fournisseurProjectselected-4d-results li,
#select2-epcProjectselect-results li ,
#select2-fournisseurProjectselected-n0-results li,
ul#select2-fournisseurProjectselected-n0-results li,
.modal-open .select2-results .select2-results__options li{
  width: 470px;               /* largeur fixe nécessaire */
  white-space: nowrap;        /* empêche le retour à la ligne */
  overflow: hidden;           /* masque le texte qui dépasse */
  text-overflow: ellipsis;    /* ajoute "..." à la fin */
}
.card-item .card-item-top .title.item-drag {
    display: flex;
    align-items: center;
    gap: 4px;
}
.h-34 {
    height: 34px;
}
.addproject .picto-action {
    width: 24px; 
    height: 24px; 
}

.card-datatable.table-responsive {
    /*overflow-x: visible;*/
}
button.d-block.d-md-none.link-filter  span{
    display: none;
}
.kl-custom-button-colvis.btn-action svg,
.kl-custom-button-colvis.btn-action.dropdown-toggle.show svg {
    fill: none!important;
}
.list-group-flush .list-group-item .form-switch {
    width: 40px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.kl-custom-colvis-list.dropdown-menu {
    padding: 4px 0px 4px 0px;
}
.kl-reinit-colvis-order {
    padding: 8px 0 10px 15px!important;
}
.navbar-nav .btn-action.dropdown-toggle {
    background: transparent;
}
#id-datatable-project-parent.show-dropdown-menu {
    min-height: 580px;
}
#id-facture-finance-list-parent .show-dropdown-menu {
    min-height: 850px;
}
#id-custom-dashboard-boncommande-content .show-dropdown-menu {
    min-height: 370px;
}
#id-custom-dashboard-utilisateur-content .show-dropdown-menu{
    min-height: 489px;
}
#id-custom-dashboard-rapport-content .show-dropdown-menu {
    min-height: 470px;
}
a.kl-no-link-style:hover {
    color: #0C67C4;
}
.col-title{
    display: flex;
    gap: 8px;
    align-items: center;
}
.hack-bottom{
    height:30px;
    width: 100%;
}
.hack-bottom{
    height:50px;
}

/*
.table-responsive {
    overflow-x: initial;
}*/

@media (min-width: 1200px) {
    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-inline-start: 70px;
    }
    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        inset-inline-start: 70px;
    }
     .modal-open  .layout-content-navbar .layout-navbar {
        z-index: 1;
    }
}
.only-mobile {
    display: none!important;
}
.only-desktop {
    display: block!important;
}
.only-desktop.d-flex{
    display: flex!important;
}
.btn .only-desktop {
    display: inline!important;
}
.menu-vertical:has(.submenu.active){
    overflow: visible;
}
.show-details-column .details-content .etape-1{
    display: none;
}
.uploadDocEtapNew {
    white-space: nowrap;
    display: flex;
}
.uploadDocEtapNew .only-desktop {
    display: none!important;
}
.card-projectdetail .project-details .align-items-center {

}
.content-section .card-comment.card{
    background-color: #ECF1F4!important;
}
.details-column .content-section .card,
.details-content .content-section .card {
     background-color: transparent !important;
}
.details-content .content-section .card.card-projectdetail.projectdetailCourant,
.details-content .content-section .projectdetailCourant .collapse-head,
.details-content .content-section .project-details .collapse,
.details-content .projectdetailCourant #collapseEtap1Project .list-doc{
    background-color: #fff !important;
}
.kl-select2-filter2 .select2-container--default .select2-selection--single .select2-selection__arrow{

    height: 36px;
    right: -22px !important;
}
span.picto2 {
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
}

/*--MOBILE--*/
@media (max-width: 768px) {
    .menu-vertical:has(.submenu.active){
    overflow:hidden;
}
    .h-64, .h-65, .h-68 {
        height: auto !important;
    }
    .only-mobile {
        display: block!important;
    }
    .only-desktop ,
    .only-desktop.d-flex,
    .btn .only-desktop{
        display: none!important;
    }
    .img-fluid {
        width: 100%;
    }
    .m-d-flex,
    .d-flex-mobile{
        display: flex !important;
    } 
    .m-h-100{
        height: 100% !important;
    }
    .m-w-100{
        width: 100% !important;
    }
    .justify-content-sm-between,
    .justify-content-between-m {
        justify-content: space-between !important;
    }
    .login_page {
        background-color: #fff;
    }
    .logo-pi-prejeance-industriel {
        width: 242px;
        height: auto;
        display: table;
    }
    .login_page .authentication-wrapper.authentication-basic .authentication-inner .card {
        padding: 0;
        border-radius: 0;
        width: 100%;
    }
    .login_page .authentication-wrapper.authentication-basic .authentication-inner {
        max-inline-size: initial;
        height: auto;
        display: flex;
        margin: 0;
        padding: 0 !important;
    }
    .authentication-wrapper.authentication-basic {
        align-items: initial;
        justify-content: normal;
        padding: 20px 0 !important;
    }
    .logo-img.p-absolute {
        position: relative !important;
        left: initial;
        top: initial;
    }
    .logo-img {
        width: 40px;
    }
    .top {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }
    .bloc-form-right {
        flex-direction: column;
        justify-content: center;
    }
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        inline-size: 100% !important;
        position: relative;
    }
    .menu-vertical ~ .menu-mobile-toggler {
        display: flex;
    }
    .layout-wrapper, .layout-container {
        flex-direction: column;
    }
    .layout-content-navbar .layout-page {
        width: 100%;
        padding-top: 0 !important;
    }
    .header-mobile{
        display: flex;
        height: 58px;
        justify-content: space-between;
        opacity: 1;
        border-bottom-width: 1px;
        padding-top: 8px;
        padding-right: 16px;
        padding-bottom: 8px;
        padding-left: 16px;
        background: linear-gradient(180deg, #0C67C4 0%, #06315E 100%);
        border-bottom: 1px solid #ECF1F4;
    }
    .header-content.navbar-nav-right.d-flex.align-items-center.justify-content-end {
        justify-content: space-between !important;
    }
    #layout-menu {
        transition: transform 0.4s;
    }
    .menu-mobile-opened #layout-menu {
        transform: translateX(0px);
        z-index: 9999;
    }
    .menu-mobile-opened .menu-vertical {
        overflow: visible;
    }
    .menu-mobile-opened .layout-overlay,
    .new-menu-mobile-opened .layout-overlay
     {
        display: block;
        visibility: visible;
        z-index: 9992;
    }
    .home-customizer .card {
        width: 100%;
        border-radius: 0;
    }
    nav#layout-navbar {
        padding: 0 16px;
        height: 56px!important;
    }
    .header-content.navbar-nav-right.d-flex.align-items-center.justify-content-start {
        justify-content: space-between !important;
    }
    .pref-h1,
    .page-title .h1,
    .projets-nomber,
    .table th, 
    .top-tabs .nav-link{
        font-size: 14px;
    }
    .btn-group, .btn-group-vertical {
        flex-direction: column;
    }
    #navs-pills-top-spv .btn-group, 
    #navs-pills-top-spv .btn-group-vertical {
        flex-direction: row;
    }
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .nav-align-top .panneau-filter .the-filter .d-flex.gap-16 .d-flex.gap-16 {
        flex-direction: column;
        width: calc(100% - 50px);
    }
    .nav-align-top .panneau-filter {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .panneau-filter .position-relative.custom-select2 {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .col-md-6.col {
        flex: 1 0 auto;
        width: 100%;
    }
    .card-body {
        padding: 16px;
    }
    .modal-simple .modal-content .modal-body {
        padding: 15px;
    }
    .iconUploadBox {
        width: 120px!important;
    }
    h3, .h3 {
        line-height: normal;
        font-size: 18px;
    }
    .blockUploadGlobal .zone1_glisse {
        padding: 15px !important;
    }
    #navs-top-rapport-hebdo form {
        flex-direction: column;
        gap: 15px;
    }
    .d-md-flex.justify-content-between.align-items-center.dt-layout-start.col-md-auto.me-auto {
        margin-inline-end: 0 !important;
    }
    #navs-top-rapport-hebdo .to-group {
        flex-direction: column;
    }
     #navs-top-rapport-hebdo .filter .btn-group ,
    .invoice-infos,
    .invoice-history,
    .add-new-facture-finance .projet-fields .col-md-4,
    .invoice-infos.edit-mode,
    .projet-fields .col-md-4 {
        width: 100% !important;
    }
    .mise-en-paiement-detail-page .filter .btn-group {
        flex-direction: row;
    }
    .liste-facture-compensation-paiement-page .header-content.navbar-nav-right.d-flex.align-items-center.justify-content-start {
        /*flex-direction: column;
        height: auto;*/
    }
    .liste-facture-compensation-paiement-page #layout-navbar {
       /* height: 84px !important;*/
    }
    .page-title {
        /*margin-bottom: 10px;*/
        height: auto;
    }
    .liste-facture-avoir-page .filter.d-flex.gap-16.dt-layout-start.full-width.justify-content-between {
        flex-direction: column;
    }
    .bon-de-commande-page .header-content.navbar-nav-right.d-flex.align-items-center.justify-content-start {
        align-items: flex-start !important;
    }
    .bon-de-commande-page .filter.d-flex.gap-16.dt-layout-start.full-width.justify-content-between.flex-row-reverse{
        flex-direction: column!important;
    }
    .bon-de-commande-page .panneau-filter .btn-group.hide-m{
        display:none;
    }
    .bon-de-commande-page .panneau-filter .btn-group{
        display: flex;
        flex-wrap: wrap;
        flex-direction: initial;
    }
    .add-new-bonCommande, .add-new-rapport,
    .bon-de-commande-add-page .add-new-bonCommande {
        width: 100%;
    }
    .flex-column-mobile {
        flex-direction: column!important;
    }
    .exploitation-rapport-detail-page .nav-align-top .panneau-filter{
        padding: 15px!important;
        width: 100%;
    }
    .exploitation-rapport-detail-page .the-filter,
    .exploitation-rapport-detail-page .nav-align-top .panneau-filter .the-filter .d-flex.gap-16 .d-flex.gap-16 {
        width: 100%;
    }
        .exploitation-rapport-detail-page .the-filter .btn-group {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }
    .exploitation-rapport-detail-page .the-filter .btn-group .btn-action{
        padding: 0;
    }
    .card-item {
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
    }
    .card-item .card-item-top {
        padding-right: 0px;
        padding-bottom: 8px;
    }
    .card-item .card-item-top .link-action ul .btn-action.dropdown-toggle {
        height: 28px;
    }
    .card-item .card-item-top .title {
        font-size: 18px;
    }
    .h-34 {
        height: 28px;
    }
    .btn {
        padding-left: 8px;
        padding-right: 8px;
    }
    .card-item .card-item-top .title.item-drag + .link-action li {
        margin-top: 0;
    }
    .card-item .nav-pills .nav-link,
    .card-item .content .table thead th,
    .alert-details .title, .notification-details .title {
        font-size: 14px;
    }
    .card-item .bottom-part {
        margin-top: 0;
    }
    .mobile-m-0 {
        margin: 0!important;
    }
    .mobile-p-0 {
        padding: 0!important;
    }
    
    .home-customizer form {
        gap: 10px;
    }
    .m-flex-column{
        flex-direction: column!important;
    }
    .m-flex-row{
        flex-direction: row!important;
    }
    #suiviProjectProject01 .card-datatable.pt-0 {
        overflow-x: auto;
    }
    .btn-action.home-customizer-open-btn {
        height: 32px;
    }
    nav#layout-navbar .btn-action.dropdown-toggle {
        padding-top: 0px;
        padding-right: 2px;
        padding-bottom: 0px;
        padding-left: 10px;
        height: 32px;
    }
    button.d-block.d-md-none.link-filter {
        padding: 0;
        border: none;
        background-color: transparent;
        position: absolute;
        top: 0px;
        right: 0;
        width: 81;
        height: 32px;
        border-radius: 8px;
        padding-right: 10px;
        padding-left: 10px;
        gap: 6px;
        border: 1px solid #8C8CA1;
        font-family: Inter;
        font-weight: 300;
        font-style: Regular;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 140%;
        letter-spacing: 0px;
        color: #4A4A68;
        z-index: 3;
    }
    .filter.display-filter .btn-group {
        display: flex!important;
        flex-direction: row;
    }
    .nav-align-top .panneau-filter .the-filter .d-flex.gap-16.display-filter .d-flex.gap-16 {
        width: 100%;
    }
    .btn-outline-primary {
        border: 1px solid #8C8CA1 !important;
        color: #0E0E2C !important;
    }
    .btn-outline-primary svg path{
        fill: #0E0E2C !important;
    }
    #usersTable_wrapper .bottom, table + .bottom {
        width: 100%;
    }
    .projet-fields {
        padding-top: 0;
        gap: 12px;
    }
    .add-new-facture-finance .row {
        gap: 12px !important;
    }
    #ribInputDiv {
        margin: 0;
    }
    .facture-finance-block .title .d-flex.full-width {
        display: flex;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px;
    }
    .projet-fields.p-0 .row.full-width.m-0 .col-md-3 {
        width: 100%;
    }
    a#submitFactureFinanceBtnHref{
        width: 100%;
    }
    .select2-container--default .select2-results__option {
      width: 85vw;               /* largeur fixe nécessaire */
      white-space: nowrap;        /* empêche le retour à la ligne */
      overflow: hidden;           /* masque le texte qui dépasse */
      text-overflow: ellipsis;    /* ajoute "..." à la fin */
    }
    .btn-edit-invoice .btn-text {
        white-space: nowrap;
        overflow: hidden;
        width: 48px;
    }
    .facture-finance-block .title ,
    .facture-finance-block .card-head{
        flex-wrap: wrap;
    }
    .steps {
        padding-top: 0;
    }
    .card-body .data {
        min-height: 40px;
    }
    .card-body .data .titled,
    .card-body .data .value,
    .statusPaiementFactureSpv a{
        font-size: 14px!important;
    }
     .facture-finance-block .card-head .btn  {
        
    }
    .facture-finance-block .title h3 {
        font-size: 21px;
    }
    .commentEtap {
        height: 42px;
    }
    .facture-finance-block .card-head {
        gap: 16px;
    }
    .linkUpload svg {
        margin-left: 0;
        margin-top: 10px;
    }
    .menu-vertical ~ .menu-mobile-toggler.only-mobile{
        display: flex!important;
    }
    .flex-row-reverse.flex-row-mobile {
        flex-direction: row!important;
    }
    .btn-admin_avoir_create{
        padding-left: 7px;
        padding-right: 7px;
    }
    .align-left .link-filter{
        width: 36px;
        height: 36px;
    }
    .filter.flex-row-reverse.flex-row-mobile.display-filter {
        flex-direction: column !important;
    }
    .select2-container--default #select2-spvLoyers-results .select2-results__option,
    .select2-container--default #select2-spvExploitationCentrale-results .select2-results__option,
    .select2-container--default #select2-isParametrer-results .select2-results__option,
    .select2-container--default #select2-btnStatusTab-results .select2-results__option ,
    .select2-container--default #select2-spvAvoir-results .select2-results__option{
        width: auto!important;
    }
    .select2-container--default #select2-fournisseurAvoir-results .select2-results__option {
        width: 45vw;
    }
    .select2-container--default #select2-fournisseurFactureCompensation-results .select2-results__option,
    .select2-container--default #select2-centraleLoyers-results .select2-results__option {
        width: 60vw;
    }
    .facture-finance-block .card {
        background-color: #fff;
    }
    input#submitAvoirBtn {
        width: 100%;
    }
    .drag-target {
        inline-size: 0;
    }
    .statusPaiementFactureSpv a{
        font-weight: 400;
    }
    .statusPaiementFactureSpv a.activeLink {
        font-weight: 500;
    }
    .table tbody tr td.dt-empty:last-child {
        text-align: left !important;
    }
    .card-history {
        padding-right: 16px;
        padding-left: 16px;
    }
    .hide-m {
        display: none;
    }
    .display-hide-m .hide-m{
        display: block;
    }
    .panneau-filter .display-hide-m .btn-group.hide-m,
    .panneau-filter .display-hide-m .btn-group.d-none {
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .display-hide-m .btn-group.hide-m {
        display: flex;
    }
    .add-bon-de-commande-page .facture-finance-block .title h3 {
        font-size: 18px;
    }
    .add-bon-de-commande-page .sousTitreBondeCommandde {
        font-size: 16px;
    }
    .add-bon-de-commande-page input#submitBonDeCommandeBtn {
        width: auto !important;
        padding-left: 30px;
        padding-right: 30px;
    }
    .exploitation-centrale-page .nav-align-top .panneau-filter.normal-height  {
        padding-top: 11px;
        padding-bottom: 12px;
    }
    .exploitation-centrale-page .nav-align-top .panneau-filter.normal-height .filter.flex-row-reverse.display-hide-m {
        flex-direction: column !important;
    }
    .exploitation-centrale-page .nav-align-top .panneau-filter.normal-height .only-mobile {
        display: flex !important;
        gap: 12px;
    }
    .liste-avoir-page .content-body>.row {
        --bs-gutter-x: 0;
    }
    select#InterventionRapport {
        width: 125px;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .p-fixed.bottom {
        bottom: 5px;
        left: 15px;
        right: 15px;
    }
    .dt-bootstrap5 .dt-buttons {
        position: relative;
    }
    .gap-m-10{
        gap: 10px!important;
    }
    .gap-m-12{
        gap: 12px!important;
    }
    .exploitation-finance-loyer-page .btnradio-tabs.btn-group.flex-sm-row,
    .linkIndexDashboard.statusPaiementFactureSpv.flex-sm-row{
        flex-direction: row!important;
    }
    .m-flex-row-renverse{
        flex-direction: row-reverse!important;
    }
    .m-flex-col-renverse{
        flex-direction: column-reverse!important;
    }
    .form-group.form-custom-choice {
        min-width: 220px;
    }
    .m-align-items-left {
        align-items: self-start !important;
    }
    .row-m-0 .project-card-header {
        margin: 0 15px !important;
    }
    .p-l-m-0 {
        padding-left: 0!important;
    }
    .m-justify-content-between{
        justify-content: space-between;
    }
    .users-page .row-m-0 {
        margin: 0;
    }
    .users-page .row-m-0 .main-content.d-flex {
        padding: 0;
    }
    .users-page .row-m-0 #layout-navbar {
        margin: 0 !important;
        inline-size: initial;
    }
    .only-mobile-flex{
        display: flex!important;
    }
    .all-form-check {
        grid-template-columns: repeat(1, 1fr);
    }
    .inline-two {
        flex-direction: column;
    }
    .inline-two > div {
        width: 100% !important;
    }
    .modal .modal-dialog:not(.modal-fullscreen) {
        padding-block: 0;
        padding-inline: 0;
        max-width: initial !important;
    }
    .m-align-items-end {
        align-items: end!important;
    }
    .btn-36{
        width: 36px;
        height: 36px;
        padding-left: 0;
        padding-right: 0;
    }
    .nav-align-top .statusPaiementFactureSpv {
        gap: 12px;
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: auto;
        width: 100vw;
    }
    .nav-align-top .statusPaiementFactureSpv a {
        white-space: nowrap;
    }

    /*-- PROJETS --*/
    .fixed-active #layout-navbar.nav-project{
        position: fixed;
    }
    #layout-navbar.nav-project,
    .h-m-auto{
        height: auto!important;
    }
    .page-title.head-01 {
        flex-direction: column;
        gap: 8px;
        height: auto;
        padding: 13px 0 !important;
        align-items: start !important;
    }
    .nav-project .header-content {
        padding: 0;
    }
    .head-01 .col-title + .tags {
        padding-left: 0;
    }
    .fixed-active .nav-project + .main-content {
       margin-top: 155px;
    }
    .nav-project + .main-content .details-column {
        display: none;
    }
    .nav-project + .main-content .details-column,
    .nav-project + .main-content .details-content {
        max-width: 100%;
        width:100%;
    }
   .allcatbtn {
        top: initial!important;
        position: relative!important;
    }
    .fixed-active .allcatbtn {
        top: 76px!important;
        position: fixed!important;
    }
    .allcatbtn .project-details {
        padding-right: 20px;
        padding-left: 20px;
        overflow-x: auto;
    }
    .only-mobile.nav_info_timeline {
        display: flex!important;
    }
    .content-section .card.nav_info_timeline {
        display: flex;
        height: 56px;
        justify-content: space-between;
        padding-top: 12px!important;
        padding-right: 16px!important;
        padding-bottom: 12px!important;
        padding-left: 16px!important;
        border-bottom: 1px solid #ECF1F4;
        justify-content: center;
    }
    .btn-infos{
        height: 32px;
        border-radius: 8px;
        border-width: 1px;
        gap: 4px;
        padding: 8px;
        border: 1px solid #0E0E2C;
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 11px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 3%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        color: #0E0E2C;
        background: #FAFCFE;
        display: flex;
        align-items: center;

    }
    .details-content.timelineAlertBoxGlobal {
        margin-top: 0!important;
    }
    .show-details-column .nav-project + .main-content .details-column{
        display: block;
    }
    .closeit,
    .btn-infos.active .svgicon {
        display: none;
    }
    .btn-infos.active .closeit{
        display: block;
    }
    .btn-infos.active{
        background: #0C67C4;
        color: #fff;
    }
    .content-section.p-0 .collapse-head {
        padding: 16px 12px;
        border-left: 4px solid;
    }
    .collapse-title {
        font-size: 16px;
        height: 24px;
        padding: 0 !important;
    }
    .content-section.p-0 .collapse-head:has(svg path[fill="#ff9f43"]) {
      border-left-color: #ff9f43;
    }
    #collapseEtap1Project .list-doc {
        padding-top: 12px;
        padding-right: 16px;
        padding-bottom: 24px;
        padding-left: 16px;
    }
    .firstPointTimeline .timeline-point svg, 
    .collapse-title svg:last-child, 
    .collapse-head .collapse-title svg:nth-child(2) {
        display: none;
    }
    .infos .select2-container--default .select2-selection--single .select2-selection__arrow {
        inset-inline-end: -15px !important;
        top: -5px !important;
    }
    .valid-form .infos .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: none;
    }
    #create_project_page {

    }
    .gap-m-16{
        gap: 16px!important;
    }
    .gap-m-30{
        gap: 30px!important;
    }
    .m-col-6 .col-md-6.col {
        flex: 1;
        width: 50%!important;
    }
    .gestion-doc {
        padding-left: 0;
        margin-top: 30px;
    }
    .bloc_alertTimeline {
        display: none;
    }
    .show-details-content .bloc_alertTimeline {
        display: block;
    }
    #collapseTimelineProject .timeline-item {
        padding-right: 20px;
        padding-left: 20px;
    }
    .m-h-56{
        min-height: 56px!important;
    }
    .m-align-items-start {
        align-items: self-start !important;
    }
    .gap-m-5{
        gap: 5px!important;
    }
    .m-justify-content-end {
        justify-content: flex-end !important;
    }
/*
    .content-section.p-0 .collapse-head {
        border-left: 4px solid transparent !important;
    }
    */
    .content-section.p-0 .collapse-head {
    border-left-color:initial; !important;
}
.collapse-head.has-color {
  border-left: 4px solid var(--border-color) !important;
}
.collapse-head.no-color {
  border-left: 4px solid transparent !important;
}


/*** NEW MENU ***/

.slide-menu {
  position: fixed;
  top: 0; 
  right: 0;
  width: 270px; 
  height: 100%;
  background: linear-gradient(180deg, #0C67C4 0%, #06315E 100%);
  color: #fff;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 9999;
  display: block;
}

.slide-menu .slider {
  display: flex;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}

.slide-menu ul {
  list-style: none;
  margin: 0; padding: 0;
  width: 270px;
  flex-shrink: 0;
}
.slide-menu .submenu_items {
     background-color: #fff;
     height: 100vh;
}

.slide-menu ul li a {
  display: block;
  padding: 12px 10px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.slide-menu ul li a:hover {
    color: #0C67C4 !important;
}
.slide-menu .menu-item {
    cursor: poInter, sans-serif;
    width: 100%;
    height: 48px;
    border-radius: 6px;
    background-color: transparent;
    transition: all 0.4s;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.slide-menu .submenu_items li a {
  font-weight: 400;
  cursor: pointer;
  background: none;
  color: #000;
}
.slide-menu .submenu_items li.submenu-title a {
    font-weight: bold;
    color: #0C67C4 !important;
    position: relative;
    padding-left: 45px;
}
.slide-menu .controls {
    display: flex;
    padding: 20px;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.slide-menu-control {
    border: none;
    background: none;
}
.slide-menu .submenu_items li.submenu-title a:before {
    position: absolute;
    width: 30px;
    height: 30px;
    content: '';
    left: 10px;
  background: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.834 10L4.16732 10M4.16732 10L10.0007 15.8333M4.16732 10L10.0007 4.16666' stroke='%230C67C4' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: 20px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.submenu_items .list-action {
    width: 100%;
}
.submenu_items .submenu-items-list {
    margin: 0 16px;
    width: calc(100% - 32px);
}
li.submenu-title {
    margin-bottom: 15px;
}
.submenu_items .list-action a{
    padding: 9.25px 0;
}
.controls.control-hide{
    visibility: hidden;
}
.slide-menu ul li a.menu-icons{
    padding-top: 0;
    padding-bottom: 0;
}
.slide-menu-level-0{
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.link_admin {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
}
.nav-list-level-0 {
    padding-top: 84px!important;
}
.link_admin .user-section {
    padding: 0;
    width: 36px;
}
.liste_mneu:has(.control-hide){
    display: flex;
    z-index: 12;
}
/**-- END --**/
#layout-menu {
    display: none;
}
/*
.details-column{
    position: absolute;
    transform: translateX(300%);
    transition: all 0.6s ease;
}
.show-details-column.fixed-active .details-column{
    transform: translateX(0%);
}
*/
.p-m-16{
    padding: 16px!important;
}
.bloc-image-login{
    display: block !important;
    height: 286px;
    background-image: url('../../assets/img/bg_login.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    max-height: 286px;
    height: calc(50vh - 100px);
}
.show-details-column .allcatbtn,
.show-details-content .allcatbtn {
    position: fixed!important;
        top: 76px !important;
    }
.show-details-column .menu-vertical ~ .menu-mobile-toggler.only-mobile ,
.show-details-content .menu-vertical ~ .menu-mobile-toggler.only-mobile{
        display: none !important;
    }
.show-details-column #layout-navbar,
.show-details-content #layout-navbar
{
    position: fixed;
}
.show-details-column .details-column{
    margin-top: 210px;
    transition: all 0.3s;
}
.show-details-content .details-content{
    margin-top: 215px !important;
}
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
    .normal-form .title,
    .custom-field .infos .title {
        white-space: nowrap;
    }
    .group-form.d-flex.flex-column .col-md-4 {
        width: 50%;
    }
    .group-form.d-flex.flex-column .col-md-4:last-child{
        width: 100%;
    }
    .group-form.d-flex.flex-column,
    .group-form.d-flex.flex-column .row {
        gap: 20px 0;
    }
    .details-column {
        max-width: 480px;
        min-width: 400px;
    }
    .details-content {
        width: calc(100% - 400px);
    }
    .layout-menu {
        transform: translate3d(0, 0, 0);
    }
    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-inline-start: 67px;
    }
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        inline-size: 100% !important;
        padding-inline-start: 94px !important;
    }
}

@media screen and (min-width: 1381px) {
    .content-body:has(.view-all) .card:has(table) {
        /*margin-top: 143px!important;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 1380px) {
    .liste-facture-page .content-body:has(.view-all) .card:has(table) {
        /*margin-top: 193px;*/
    }
}


@media screen and (min-width: 768px) {
  /** -- FILTER FIXED --**/
  .nav-align-top {
   /* position: fixed;*/
        z-index: 3;
        right: 0;
        left: 69px;
    }
    .content-body .card:has(table) {
        /*margin-top: 143px;*/
    }
    .content-body .m-t-0.card:has(table) {
        margin-top: 0px;
    }
    .content-body:has(.view-all) .card:has(table) {
        /*margin-top: 243px;*/
    }
    .liste-facture-archive-page .content-body:has(.view-all) .card:has(table) {
        /*margin-top: 193px;*/
    }
    .liste-avoir-page .content-body .card.card-fixed {
        margin-top: 0px;
    }
    .liste-avoir-page .content-body .card.card-fixed .card-datatable {
        /*margin-top: 132px;*/
    }
    .liste-facture-compensation-paiement-page .has-filter-fixed {
        /*margin-top: 64px;*/
    }
    .liste-facture-avoir-page .card-datatable.table-responsive {
        /*margin-top: 68px;*/
    }
  /** -- END FILTER FIXED --**/
}

/** on cache le new-mobile **/
button.slide-menu-control.only-mobile {
    display: none !important;
}